달밤에 디자인 초심찾기 (31) 썸네일형 리스트형 #6 - 디자인 정의 - 폰트 디자인 정의에서 설명하지 못한 컬러에 대한 설명을 진행한다. 서체 관련 단어 서체를 뜻하는 단어 typo : 오타 typography : typeface를 가지고 제작하는 그래픽 typeface : 서체가 가지고 있는 느낌을 포함한 큰 범위 font : 특정한 서체 하나 서체 스타일 serif : 돌기형 장식 요소가 있는 경우/각진 세리프도 있음 san-serif : 돌기형 장식 요소가 없는 경우 script : 손글씨 decorative : 장식적 요소가 많은 서체 서체 관련 세부 명칭 baseline : y나 P와 같이 밑으로 돌출되어 있는 형태를 제외한 기본 바닥 줄 Cap Height : M이나 I와 같이 평평한 대문자의 최 상단 줄 x-height : 소문자 X의 높이를 나타낸다. 본문용 서체는.. #5 - 디자인 정의 - 컬러 디자인 정의에서 설명하지 못한 컬러에 대한 설명을 진행한다. 컬러 시스템의 이해 웹에서는 RGB를 주로 사용하지만, 상황에 따라 CMYK나 HSB, HBL 등을 사용한다. 자세한 설명은 아래와 같다. 항목 내용 RGB 1. Red Green Blue 빛의 혼합 2. 빛의 혼합이기 때문에 많은 색을 혼합할 경우 밝아짐 3. RGB 색상을 웹에서 단순하게 표현하기 위해 만들어진 코드가 HEX code 4. 헥사 코드는 #과 6개의 숫자로 구성되어 있으며, 앞에서 부터 2자리 씩 레드 그린 블루 색상값을 표현함 5. 이때 생상 값은 "0123456789abcdef"순으로 표현하며, 0에 가까울 수록 빛이 어둡고/ F에 가까울 수록 빛이 밝음 CMYK 1. 출판 인쇄에서 많이 사용됨 2. Cyan Magenta.. #4 - 디자인 시작 디자인 프로세스 중 마지막 항목인 정의에 대해 설명한다. 정의 사전 준비 디자인 디자인 목표 설정 디자인 컨셉 아이데이션 비쥬얼 컨셉 설정 프로토 타이핑 만들기 디자인 진행 스타일 가이드 디자인 템플릿 디자인 검수 디자인 진행 디자인 진행 전, 매일 공부 디자인은 설명할 수 없는 각자의 영역이다. 디자인 툴 사용에 대해 알 수는 있지만 디자인 자체를 도식화하여 배우기는 힘들다. 그래서 타인의 디자인을 많이 보고 따라 해 보는 것이 중요하다. 초심 찾기 프로젝트이니만큼 나는 Interactive Developer님(유튜버)이 소개해준 방법대로 디자인 공부를 열심히 할 예정이다. Interactive Developer 님의 디자인 실력 키우는 방법 다른 사람들 디자인 많이 보기 마음에 드는 디자인 컴포넌트 .. #3 - 사전 준비 디자인 프로세스 중 두 번째 항목인 사전 준비에 대해 설명한다. 정의 사전 준비 디자인 디자인 목표 설정 디자인 컨셉 아이데이션 비쥬얼 컨셉 설정 프로토 타이핑 만들기 디자인 진행 스타일 가이드 디자인 템플릿 디자인 검수 비쥬얼 컨셉 설정 비쥬얼 컨셉 정리 앞에서 진행한 디자인 컨셉 아이데이션을 바탕으로 어떤 디자인을 진행할 것인지 구체화하고 아래 내용에 대해 정리한다. 무드 보드에 대한 설명 선택한 컬러를 사용한 이유 선택한 폰트를 사용한 이유 #디자인 정의 rosakim90.tistory.com/entry/2-%EB%94%94%EC%9E%90%EC%9D%B8-Define #2 - 디자인 정의 디자인 프로세스 중 첫 번째 항목인 정의에 대해 설명한다. 정의 사전 준비 디자인 디자인 목표 설정 디자인 컨.. #2 - 디자인 정의 디자인 프로세스 중 첫 번째 항목인 정의에 대해 설명한다. 정의 사전 준비 디자인 디자인 목표 설정 디자인 컨셉 아이데이션 비쥬얼 컨셉 설정 프로토 타이핑 만들기 디자인 진행 스타일 가이드 디자인 템플릿 디자인 검수 디자인 목표 설정 디자인 작업 전, 목표를 정하여 방향성을 명확히 하자. 순서 항목 내용 1 목표 선정하기 디자인을 하기 전, 무엇을/어떻게/왜 할 것인지 먼저 정의해 본다. 목표 선정 기준 1. 무엇을 2. 어떻게 3. 왜 할 것인가? 2 목표 정리하기 아래 사항에 따라 목표를 정리하여 정확한 단어와 문장으로 글을 완성시켜 본다. 목표 정리 기준 1. 누구에게 2. 무엇을 3. 어떻게 제공할 것인가? 디자인 컨셉 아이데이션 디자인 키워드 설정 디자인 키워드를 정하기 위해 아래 순서에 따라 .. #1 - 디자인 순서와 사용 툴 디자인 프로세스 기본적으로 사용하는 디자인 프로세스다. 각 항목에 대해서는 다음 글에서 다룰 예정이다. 순서 항목 세부 항목 내용 1 정의 디자인 목표 설정 디자인을 통해 이루고 싶은 목표 및 목적 설정 디자인 컨셉 아이데이션 디자인 목표를 달성하기 위한 비쥬얼 컨셉 아이데이션 진행 2 사전 준비 비쥬얼 컨셉 설정 정의를 바탕으로 비쥬얼 컨셉 구체화 / 정리 프로토 타이핑 만들기 프로토 타이핑 제작 3 디자인 디자인 진행 포토샵 / 스케치 / 어도비 XD를 사용하여 실제 디자인 진행 스타일 가이드 진행된 디자인 파일에 대한 가이드 제작. 제플린 사용 디자인 템플릿 공통 요소나 제플린으로 커버되지 않는 부분을 별도로 정리하여 템플릿 제작 디자인 검수 퍼블리셔 또는 프론트엔드에서 제작한 내용과 디자인 내용이.. #0 - 프롤로그 2015년 디자인 에이전시에 입사했다. 급한 일정에 어느 순간 질보다는 쉽고/편하고/빠른 방법으로 디자인하고 있었다. 그래서 학부생 때 배웠던 그 느낌으로 디자인 공부를 하고 싶다고 생각했고, 디자인 초심찾기 프로젝트를 시작했다. 이전 1 2 3 4 다음
