모바일 디자인 비법 2

왜 내가 텍스트를 쓰면
정리가 안 돼 보이고 깔끔하지 않을까?
딱 4가지로 텍스트 컬러를 적용해보세요.

1. 메인 & 바디 텍스트 = 검정
가장 중요한 정보는 선명하게 보여야 합니다.

2. 서브 타이틀 = 짙은 회색
본문보다 한 단계 낮게, 하지만 여전히 잘 읽히게.

3. 플레이스홀더 = 회색
사용자가 한눈에 ‘부가적인 안내’임을 구분할 수 있게 합니다.

4. 비활성/덜 중요한 정보 = 연한 회색
중요도가 낮다는 걸 컬러만으로도 인식시킬 수 있습니다.

이렇게 텍스트를 중요도 순으로 색을 구분하면,
사용자가 어디를 먼저 읽어야 할지 자연스럽게 알 수 있고 UI의 가독성과 위계가 확실히 살아납니다.

Photo by 후디 hoodi on September 30, 2025. 사람 1명, 아기 침대 및 문구: '오늘의 추천상품 오늘의추천상품-감정,미인태이트/장보 검정, 검정, 메인 검정,메인타이틀/정보 타이틀 정보 AD 아라크네 연한회색,기타정드 연한 회색,기 기타 정보 연한회색, 네츄럴 콤비블라인드 뉴트딜 스트라이프 롤스크린 암막 무타공 38... 먼지없는 홀겹 토퍼커버... 40%1,800 1,800 40%1, 63% 20,900 무료배송 조건부 무료배송 아토앤알로 클라인 알러지케어 진드기차던 침대 바 38% 49,900 조건부 조건부무료배송 무료배송 질은화색,서브타이틀/정보 질은회색, 짙은 회색, 서브 타이틀 정보 오늘의집'의 이미지일 수 있음.Photo by 후디 hoodi on September 30, 2025. 문구: '검정, 메인 검정,메인타이틀/정보 타이틀 정보 7월 11일 7월11일(금) (금) 日) 연한회색,기타정보 연한회색, 기타정보 기타 주문상세 싸움의고수 죽전점> > [혼밥메뉴]1인보쌈 도시락 1개 ·L(15,000원), 장국 0(500원) 짙은 회색, 서브 타이틀 정보 결제금액 16,800원 같은 메뉴 담기 바로주문 바로 주문 배달의민족'의 이미지일 수 있음.Photo by 후디 hoodi on September 30, 2025. 전화 및 문구: 'text text sub_text sub2_text _text sub2 sub3_text'의 그래픽일 수 있음.
0

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.)