한 끗 차이로 디자인 퀄리티 높이는 10가지 체크리스트

디자인 완료 전 필수 체크리스트 

최종 결과물을 내놓기 전에 다음 항목들을 확인해 보세요:

• [ ] 5초의 법칙: 사용자가 5초 안에 이 페이지가 무엇인지 이해할 수 있는가?
• [ ] 헤드라인 자간: 60px 이상의 큰 제목에 **마이너스 자간(Negative Tracking)**을 적용했는가?
• [ ] 중첩된 라운드: 내부 요소의 곡률(Radius)이 외부 요소의 곡률 공식에 맞게 설정되었는가?
• [ ] 8단위 그리드: 모든 간격(Spacing)이 8의 배수로 정렬되어 있는가?
• [ ] 배경색 틴트: 배경에 순수 검정(#000)이나 순수 흰색(#FFF) 대신 살짝 색조가 섞인 색을 사용했는가?
• [ ] 시각적 그룹화: 카드 디자인에서 텍스트 레이블 대신 시각적 배치를 통해 정보를 구분했는가?
• [ ] 선 다이어트: 불필요한 테두리나 구분선을 50% 이상 제거할 수 있는가?
• [ ] 명확한 버튼: 버튼 텍스트가 '클릭 후 어떤 일이 일어날지' 명확하게 설명하고 있는가?
• [ ] 이미지 생동감: 뻔한 스톡 사진 대신 실제 사진을 사용했는가?
• [ ] 변주 테스트: 최소 2가지 이상의 시안을 비교 검토했는가?

 

Quick Checklist (Save This)

Before you call any design “done,” check:

• [ ] Can someone understand the page in 5 seconds?
• [ ] Are headlines over 60px using negative tracking?
• [ ] Do nested rounded corners follow the formula?
• [ ] Is all spacing a multiple of 8?
• [ ] Are backgrounds tinted (not pure black/white)?
• [ ] Do cards use visual grouping instead of labels?
• [ ] Can I remove 50% of the lines?
• [ ] Do buttons explain what happens when clicked?
• [ ] Are photos real (not stock)?
• [ ] Have I tested at least 2 variations?

출처: https://medium.com/@mohitphogat/10-ui-design-tricks-that-make-your-work-look-senior-level-even-if-you-started-last-month-f3d3e7b2bfda