[Design] 디자인 원칙

1. 텍스트는 가독성이 중요

• 12pt 이상으로 디자인하자

2. 버튼 사이즈는 손가락 두께를 고려해서 크기를 넉넉하게 잡아주자

 

3. 아이콘 스타일

• 통일감있게 그리기
• 사이트의 전체적인 분위기를 나타내줌
• 디자이너가 아니니 flatIcon 같은 곳에서 아이콘을 찾을 시에 통일감있는 아이콘을 적용하도록 노력해야함

4. 폰트 컬러

• 폰트 컬러가 연할 시 불편함을 호소하는 사람이 있을 수 있음
• 접근성 4.5:1 이상의 컬러를 활용

5. 통일감 있는 디자인

• 레이아웃을 디자인할 때 라운드는 라운드로 통일, 지각이면 직각으로 통일

6. 버튼의 계층 구조

• 여러 개의 버튼이 한 화면에 있을 시 중요도에 따라 크기와 색을 지정해 주자.

7. 폰트의 계층 구조

• 폰트의 중요도에 따라서 색, 볼드, 크기로 계층을 나누자.

8. 네비게이션

• 아이콘으로 표시할 경우에 어떤 의미인지 잘 알 수 있게 디자인
• 생소한 아이콘은 텍스트가 들어가야함
• 네비게이션에 5개를 넘을 시 아이콘이 들어갈 경우 가독성이 떨어진다.

9. 컨텐츠 간 여백

• 여백이 좁을 시 요소 간에 집중이 안됨
• 여백을 넓게 잡아주면 좋다

10. 컨텐츠 간의 그룹핑

• 단으로 끊기
• 컨텐츠 속에서도 라인이나 여백으로 나누기
• 바닥에 면을 깔아서 컨텐츠간에 분리
• 카드 UI 적용

11. 레이아웃

• 레이아웃을 큼직큼직하게 덩어리 감 있게 디자인

 

- 참조

https://www.youtube.com/watch?v=ZT1UZQCTj_U