[아티클 리뷰] 큰 영향을 미치는 16개의 작은 UI 디자인 규칙

2024.02.25

 

💚 제목

 

[ 큰 영향을 미치는 16개의 작은 UI 디자인 규칙 ]

미디움에서 UI디자인 규칙에 대해 올라온 게시글이 있어 살펴보았다.

 

 

논리적인 규칙체계를 갖추면 정보에 입각해 효율적으로 설계를 하는데에 도움이 된다는 내용. 논리적인 시스템이 없다면 단지 예쁘게 보일 때까지 계속해서 직감으로 작업 하는 것에 불과하다는 이야기를 담고 있다.

---

💚 내용

 

(1) 공간을 사용하여 관련 요소를 그룹화하기
(2) 일관성을 유지하기
(3) 유사해보이는 요소가 유사하게 작동하는지 확인
(4) 명확한 시각적 계층구조 만들기
(5) 불필요한 스타일 제거하기
(6) 의도적으로 색상 사용하기
(7) 인터페이스의 요소 명암비가 3:1인지 확인하기
(8) 텍스트의 명암비가 4.5:1 인지 확인하기
(9) 색상에만 의존하지 말기
(10) 단일 산세리프 서체 사용하기
(11) 더 큰 소문자로 된 서체를 사용하기
(12) 대문자 사용을 제한하기
(13) 일반 및 굵은 글꼴 두께만 사용하기
(14) 순수한 검은색 텍스트를 피하기
(15) 텍스트는 왼쪽 정렬하기
(16) 본문 텍스트에는 최소 1.5줄 높이를 사용하기

---

💚 느낀 점

16가지의 디자인 규칙을 예시와 함께 보여주고 있어 참고하기에 굉장히 좋은 아티클인듯!
물론 한글 디자인이 아니라 영어를 활용하는 디자인을 기본으로 삼고 있지만, UI 화면을 구성하는데에 참고하는데에는 크게 무리가 없을 듯. 해당 내용만 기본으로 잡고 화면을 구성해도 훨씬 더 퀄리티 있는 화면을 뽑을 수 있을 것 같다.

---

💚 아티클 주소

https://medium.com/ux-planet/16-ui-design-tips-ba2e7524d203

16 little UI design rules that make a big impact