개발자도 알면 좋은 UI 디자인
토이프로젝트에서 종종 개발욕구가 사라지는 경우가 있는데,
개발을 하면서 디자인에서 많은 시간을 쏟게되는 경우인 것 같습니다.
그럼에도 디자인이 똥망일때 진짜 개발욕구가 사라집니다..
세세하게 설명해주는 부분들을 개선할 수 있을 것 같아서 좋은 글이라고 생각합니다.
메모해뒀다가 바로 프로젝트에 적용해야겠습니다.
-
목업, 와이어 프레임
-
구체적인것은 뒤로 미뤄라
-
먼저 빨리 만들어라
-
-
컨셉을 정하라
-
폰트
-
클래식 serif
-
통통 생동감 sans serif
-
중립 sans serif
-
-
-
일관된 UI
-
디자인을 시스템화
-
소모적인 고민들의 선택지를 제한하라
-
테마 선별
-
폰트 두께, 폰트 크기, 라인 높이, 색상 값, 마진, 패딩, 너비, 높이, 박스 쉐도우, 테두리 반경, 테두리 두께, 투명도, 아이콘 크기 등
-
-
참고
개발자도 알면 좋은 UI 디자인
https://joshua1988.github.io/web-development/design/ui-for-developers/
참고자료로 명시되어있는 사이트
https://refactoringui.com/book/
'아티클' 카테고리의 다른 글
[아티클 프로젝트 007] 은닉을 향한 자바스크립트의 여정 (0) | 2020.07.21 |
---|---|
[아티클 프로젝트 006] JSON.stringify () 기능 (0) | 2020.07.20 |
[아티클 프로젝트 005] 하루에 1000번 배포하는 조직되기 (0) | 2020.07.16 |
[아티클 프로젝트 004] let, const와 블록 레벨 스코프 (0) | 2020.07.15 |
[아티클 프로젝트 002] 성착취 방지 기법 소개 (0) | 2020.07.13 |
[아티클 프로젝트 001] UI 개선할 수 있는 9가지 방법 (0) | 2020.07.13 |
[아티클 프로젝트] Index (0) | 2020.07.08 |
자바스크립트 디자인패턴 - 들어가며, 1장 (0) | 2019.12.12 |