모바일 디자인 비법 2
왜 내가 텍스트를 쓰면
정리가 안 돼 보이고 깔끔하지 않을까?
딱 4가지로 텍스트 컬러를 적용해보세요.
1. 메인 & 바디 텍스트 = 검정
가장 중요한 정보는 선명하게 보여야 합니다.
2. 서브 타이틀 = 짙은 회색
본문보다 한 단계 낮게, 하지만 여전히 잘 읽히게.
3. 플레이스홀더 = 회색
사용자가 한눈에 ‘부가적인 안내’임을 구분할 수 있게 합니다.
4. 비활성/덜 중요한 정보 = 연한 회색
중요도가 낮다는 걸 컬러만으로도 인식시킬 수 있습니다.
이렇게 텍스트를 중요도 순으로 색을 구분하면,
사용자가 어디를 먼저 읽어야 할지 자연스럽게 알 수 있고 UI의 가독성과 위계가 확실히 살아납니다.
If you have a fediverse account, you can quote this note from your own instance. Search https://threads.net/ap/users/17841449893293335/post/17868670839378614/ on your instance and quote it. (Note that quoting is not supported in Mastodon.)