시작하기에 앞서 에디트툴을 먼저 설치해 준다 Visual Studio Code를 사용하여 개발을 진행할 예정이다 윈도우와 맥을 번갈아가면서 포스팅할 예정이다😉 코딩의 원리만 알고있다면 툴을 갈아타는건 매우 쉽다 일단 기본이 되는 원리를 알아가보도록하자 검은 화면에 하얀색 글씨 벌써 어려워 보이지만 매우 정상이다 작업을 시작하기에 앞서 작업 능률을 올려줄 Extension을 설치해준다 (일종의 플러그인 같은것이다) Auto Close Tag HTML태그를 끝까지 완성하지 않아도 자동으로 뒤에 닫히는 태그를 쳐준다 (얼마나 좋은건진 나중에 알게될것이다) Auto Rename Tag 태그중에서도 열어줘야하고 닫아줘야하는 태그가 존재를 한다 해당 태그들의 열고닫음을 한꺼번에 반영을 시켜준다 HTML Boiler..

우리가 코딩을 “안하는 이유” 이유는 즉슨 어려워서라는 평론이 지대하다 개발자들을 위한 딱딱한 입문 강좌는 많지만 디자이너를 위한 동적이고 재미있는 유형의 강좌는 극히 드믈다 포토샵 , 일러스트레이터 , 스케치와는 전혀 다른 개념으로 까만 배경에 문자들로만 나열되어있어서 더욱 어렵게 느껴지는것이다 주변에 디자이너 이지만 코딩을 잘하는 친구들을 살펴보면 코딩을 재미있어하는 유형의 친구들이 많다 압축해서 분량 1~2시간 가량이 나오는 강좌를 본다고해서 코딩을 잘한다고 말할수있다면 그건 사기꾼이나 다름이 없다 그러나 디자이너로서의 디자인을 배울경우의 연결성과 두 직군의 차이점등을 고려해본다면 조금더 쉽게 코딩을 알려주는것이 가능하다는 입장이다 기획자 , 디자이너 , 개발자 사실 업무를 하면서도 소통적인 측면에..

모바일 UI를 디자인하는 기초적인 10가지 사항 모바일 디자인 팁 1.폰트 모바일 디자인을 할 시 1배수로는 12폰트 이상 2배수의 경우에는 24폰트 이상을 사용해 주어야 가독성이 좋다 모바일 디자인의 디바이스 크기가 작다보니 디자인을 하는 과정에서 자연스럽게 크기를 줄이는 경우가 있는데 텍스트는 미적으로 접근하는것이 아닌 가독성을 중점으로 접근해야하는 분야이다 그렇기 때문에 텍스트 크기에 각별한 주의를 기울이며 화면을 구성하는것이 중요하다 2.버튼사이즈 디자인을 할때 버튼 사이즈를 너무 작게하는 사람들이 있다 이로인해 가끔 모바일 디바이스를 사용할때 터치가 잘 안되는 경우가 종종있다 그렇다 보니 버튼간의 간격이나 사이즈를 잘 고려하여 넉넉하게 디자인 해주는것이 중요하다 그래야 사용자들이 터치를 했을 경..

uiux디자인 ? 웹디자인 ? 결론부터 말하자면 이 두 디자인 분야는 나눌수가 없다 자체적으로 포괄되는 개념이 있고 상충되어야하는 필수 불가결한 요소들이 들어있기 때문이다 (ex : 제품 디자인 또한 uiux 디자인이라고 말할수 있다) 물론 본인이 선택할수있는 디자인 분야로의 진로 개척후 원하는 형태의 디자인을 만들어 나갈수 있는 환경이 구축되어있다면 ? 사실 이런 환경 만큼이나 이상적인 환경은 없을테지만 대부분의 디자이너들에게는 우연찮은 계기에 새로운형태의 디자인 분야를 접하고 각자 환경에 맞는 컨셉으로 구축해 나가는 형태의 근무환경이 조성된다 일단은 신입이 웹디자이너가 될려면 어떠한 조건들이 뒷받침 되야할까? 현직 시니어 디자이너들의 조언은 단연 "기본기"이다 이곳에서 말하고자 하는 기본기의 요소들을..

아이콘 그리기의 법칙 1 . 격자를 이용해 그려야 안깨진다 2. 모바일의 경우 *1배수~ 4배수가 있다 3. 그려지는 아이콘은 2배수의 형태로 진행할것이다 4. 격자에 맞춰 그려지지 않으면 백터로 제작할땐 안깨져 보이지만 png로 뽑아냈을때 깨져보인다 5. 격자를 키기전에 Snap to grid를 켜준다 6. 대각선의 더 길어보이는 습성을 인지한 상태로 디자인해야한다 6. 아이콘 완성 이후에 스트로크를 깨주는 경우 아이콘사이즈의 미세한 변동이 생기게된다 면과 면의 거리를 측정하는게 아니라 스트로크에 선택된 선 사이의 거리를 측정하기 때문에 변동이 생긴다 7.이부분을 고려해서 아이콘 생성 초기부터 크기가 작아질것을 예측하고 스트로크를 안쪽으로 세팅이후 작업한다 w:31 H:22 로 총 크기 세팅해준 이후 ..

간격과 폰트 강약을 신경쓰며 제작한 로그인 랜딩페이지 입니다