아이콘 그리기의 법칙

 

아이콘 그리기의 법칙

1 . 격자를 이용해 그려야 안깨진다 

2. 모바일의 경우 *1배수~ 4배수가 있다

 

3. 그려지는 아이콘은 2배수의 형태로 진행할것이다

4. 격자에 맞춰 그려지지 않으면 백터로 제작할땐 안깨져 보이지만 png로 뽑아냈을때 깨져보인다

5. 격자를 키기전에 Snap to grid를 켜준다

6. 대각선의 더 길어보이는 습성을 인지한 상태로 디자인해야한다

6. 아이콘 완성 이후에 스트로크를 깨주는 경우 아이콘사이즈의 미세한 변동이 생기게된다 면과 면의 거리를 측정하는게 아니라 스트로크에 선택된 선 사이의 거리를 측정하기 때문에 변동이 생긴다

7.이부분을 고려해서 아이콘 생성 초기부터 크기가 작아질것을 예측하고 스트로크를 안쪽으로 세팅이후 작업한다

 

 

w:31 H:22 로 총 크기 세팅해준 이후 Expand 시켜주면 비로소 완벽한 아이콘 하나가 완성된다

 

 

이 모든 원칙들을 준수해서 그리는 경우 아이콘의 디테일이 많아질수록 조립이 어려워지며 설령 완성된다 한들

시각적으로 한눈에 알아볼수 있는 직관성 이 떨어진다

 

그래서 아이콘은 간단하지만 정보전달의 임펙트를

높인 형상으로 디자인 되어야하는게 맞다 

 

https://www.remain.co.kr/page/designsystem/ratio-design.php

리메인

https://brunch.co.kr/@chulhochoiucj0/27

모바일 UI 디자인 - 아이콘 디자인 참고 자료 모음

참고하면 좋을 자료들을 함께 올린다