UI 디자인 - text

 

전체적인 조화를 볼 줄 알아야 한다.

나무도 물론 너무 이상한 건 체크해야겠지만, 나무만 보지말고 숲을 보는 시야를 기르자.

 

 

폰트 스타일에는 여러 속성이 존재한다. 

대략 어떤 속성이 있는지는 알아둬야 변형등을 주기도 용이하다.

 

New Roboto 서체의 예시.

 

구글 폰츠등에서 확인해보면 헤드라인 별로 어떠한 속성값이 들어갔는지 확인할 수 있다.

어떻게 적용값이 달라지느냐에 따라 비주얼이 어떻게 다르고 어떻게 달리 적용되는가에 대한 예시

 

(문장, 문단을 쓸 때 특히) 텍스트 레이아웃 속성도 중요한 개념이다.

 

앱 내에서의 텍스트 레이아웃 속성 예시

 

이렇게까지 다 알려고 하지 않아도 디자인을 하면서

자간 행간등에 대해 저절로 알게 되었겠지만 아무튼 구체화시키면 이렇다.

 

텍스트 별로 구분을 준 모습. 확실히 정보 전달이 확실히 다르게 들어온다.

 

좌측을 보면 제목 행간이 방방한 느낌이지만 우측을 보면 한결 정돈되고 편안한 느낌

또한 좌측의 경우 body의 내용들이 빽빽해서 답답한 느낌이지만 행간의 설정을 더 키워줘서

한층 보기 편한 텍스트로 재편성되었다.

 

* 보다 자세한 내용은 인프런에서 확인하세요.