brunch

Settings(설정)

카테고리: Communication(커뮤니케이션)

by Newtudy

Newtudy 단톡방에서 디자인 얘기를 나눌 수 있습니다.

입장코드: newtudy


모든 서비스에 설정 화면은 꼭 필요해서 정말 다양하다.

하지만 생긴 건 다 비슷비슷하다.


대충 생각해 봐도 설정할만한 내용은 엄청 많다.

- 언어 선택

- 권한 설정

- 계정 설정

- 언어 변경

- 색상 테마 선택

- 프로필 변경

등등...


비슷한 설정 화면을 보다 보니 개인적으로 좋아 보이는 패턴을 찾았다.

리스트 안에서도 영역으로 구분하는 방법이다.


Zoom iOS 169.png
Instacart iOS 202.png
줌 / Instacart

좌측 화면은 리스트 개수는 더 많지만 영역으로 구분이 돼서 원하는 설정을 더 빠르게 찾을 것 같았고

우측 화면은 익숙해지기 전까지는 원하는 메뉴를 빠르게 찾기 어렵다는 생각이 들었다.


Duolingo iOS 293.png
Duolingo iOS 295.png
Duolingo iOS 295.png
듀오링고

디자인에 따라 다르긴 하겠지만 타이틀이 크다고 눈에 더 잘 들어오지 않는 것 같다.

내 눈은 보고 싶은 내용을 먼저 향하기 때문에 타이틀보다는 본문 디자인이 중요하다는 생각이 든다.


예시

Messenger iOS 315.png
Messenger iOS 317.png
Messenger iOS 318.png
페이스북 메신저
Netflix iOS 143.png
Netflix iOS 68.png
Netflix iOS 116.png
넷플릭스
Notion iOS 109.png
Notion iOS 68.png
Notion iOS 186.png
노션
Nike Training Club iOS 228.png
Coursera iOS 142.png
Facebook iOS 143.png
나이키 트레이닝 클럽 / 코세라 / 페이스북
Messenger iOS 145.png
Zoom iOS 169.png
TimeTree iOS 230.png
페이스북 메신저 / 줌 / 타임트리


keyword
매거진의 이전글Coach Marks(코치 마크)