신입 디자이너가 사수없이 아이콘 그리는 방법

나를 포함한 신입 디자이너들에게 있어 '아이콘 그리기'는 하나의 미션이다. 

사수 없는 내가 '아이콘 그려보세요~'라고 지시 받은 것도 아니지만 스스로 내가 필요한 아이콘 세트쯤은 그려볼 수 있어야 하지 않을까 해서 여기저기에서 아이콘 만드는 팁을 가져와보았다.

아이콘의 존재 이유

아이콘이 필요한 이유는 

-요소를 직관적으로 알아보기 쉽게 하기 위해

-이유 있는 장식 요소가 필요해서

-좁은 영역을 효율적으로 이용하기 위해 등

아이콘을 새롭게 디자인해서 사용하는 것만으로도 브랜드 아이덴티티가 달라질 수 있다.

아이콘 사전

1. 아이콘 형식 결정하기

아이콘을 만들 때 속이 차있는 면(solid) 아이콘이 될지, 속이 비어있는 선(line) 아이콘이 될지, 두께, 단색 또는 다색 아이콘,

각지고 단단할지, 둥글둥글해질지 다양하게 고민해볼 수 있다.

색과 면, 두께, 선의 종류 등등을 브랜드 아이덴티티에 맞춰 정하는 것이 우선!

2. 쓰이는 용도

아이콘을 정보 이해를 돕기 위한 목적으로 텍스트와 함께 사용할 때가 있지만 단일하게 아이콘만으로 정보를 전달하는 경우가 있다. 그렇기 때문에 함축적인 의미가 잘 부여되도록 표현해야 한다.

3. 유사 아이콘 찾아 미리보기

프로젝트에 맞는 아이콘의 스타일과 용도를 정하고 나서 아이콘을 직접 그리는 작업을 하기 전에, 그리려고 하는 아이콘을 아이콘의 개성이나 특징을 가진 유사한 아이콘이 이미 있는지 찾고 대략적으로 어떤 크기로 들어가면 좋을지 느낌을 고민한다. 

아이콘 디자인하기

아이콘을 디자인하기 앞서 몇 가지 규칙이 있다.

1. Pixel 배율 맞추기

실제 작업에 들어가기 전 아이콘 패밀리의 사이즈를 명확히 정의해야 한다. 특정 배수, 예를 들어 4, 16, 20, 24, 28, 32, 48 등으로 작업하는 것이 좋다.

디바이스별 픽셀값, 밀도 및 dp값 등등을 상세히 확인할 수 있는 구글을 이용하자!

https://design.google.com/devices/

2. Pixel 영역 맞추기

아이콘 가이드를 따로 만들어두고 아이콘

3. 시각적 크기 통일하기 

같은 크기라도 원과 사각형은 다르기 때문에 원을 사각형 크기의 1.15배로 만들어야 한다.

아이콘 만들어보기 

1. 라운드가 약간 있는 스타일

2. 각요소에 절단 포인트가 있는 스타일

3. 라인 두께는 한 가지만 사용한다.

4. 모든 아이콘의 사이즈는 영역 안에서 좌우상하 4px의 여백을 동일화 시킨다.

처음 아이콘 가이드를 만들 때 40x40px로 만들어 놓는다.

그 가이드 안에 들어가는 아이콘은 32x32px

                                                         (ai 파일로 직접 그려본 아이콘들)

아이콘 사이트

https://thenounproject.com/

https://www.iconfinder.com/