디알못에게 바침

디자인 못하는 나는 개발할 때 이것만 외우고 하겠습니다.

1. 다양한 색 금지
   UI 만들 때 흰 바탕에 검은 글자,
   하나의 강조 색상 사용(버튼, 아이콘, 강조할 글자, 로고에 사용)

2. 안쪽여백(padding) 많이 넣기

3. 폰트는 제목용, 본문용 2개만

4. 심심하면 글자에 gradient 넣기

5. 제목은 16px 이상, 본문은 16px 이하
   상대적으로 중요한 글자는 크게, 안 중요하면 작게

6. 자간간격 조절하면 이쁨

7. 고화질 이미지 사용, 폭과 높이 동시 조절 금지
   width 하나만 쓰든가 background-image, background-size 이용해서 조절

8. 중요하지 않은 글자는 회색

9. 테두리는 옅은 회색부터 넣어본다

10. 그래픽 에셋은 통일감을 우선
    선 굵기, 채색여부, gradient 등 고려

11. 로그디자인은 예쁜 영문 폰트에 글자 채우기
    라이센스 확인

12. 배경에 흰글씨 이쁨
    배경 사진을 어둡게 하면 좋음

13. 여백의 미
    글과 이미지를 구겨넣지 않는다

14. 디자인 참고사이트를 본다

• 마치며

심플하고 보기 좋은 디자인을 고민하고 있었는데 도움이 되었다.
지금 만들고 있는 캐릭터 페이지에 적용해봐야겠다.