[UXOU] UI디자인 시 중요한 타이포그래피

모멘티 UXOX 입니다.

오늘은 UI디자인 작업 시 중요한 타이포그래피에 대해 알아보는 시간입니다.

타이포그래피는 정보전달과 행동 유도라는 목적이 있습니다. 하지만 디자인을 하다보면 미묘한 폰트와 글자의 조합이 사용자 경험에 어떤 영향을 미치는지
고려하지 않는 경우가 있습니다.

사용자에게 정보 전달에 있어 가장 중요한 요소 중 하나인 타이포그래의 중요성에 대해 간단한 설명과 예시를 통해 알아보도록하겠습니다.

타이포그래피 중요성

1. 가독성 및 이해도 향상 : 적절한 글꼴, 글자 크기, 줄 간격 등을 선택하면 사용자가 콘텐츠를 쉽게 읽고 이해할 수 있습니다. 잘못된 타이포그래피는 사용자가 정보를 습득하는 것을 방해할 수 있습니다.

2. 전달하는 메시지의 강조 : 타이포그래피는 사용자가 주목해야 할 중요한 내용을 강조하는 데 도움이도비니다. 제목, 부재, 강조된 텍스트 등을 사용하여 사용자의 주의를 끌 수 있습니다.

3. 시각적인 계층 구성 : 다양한 폰트와 색상을 사용하여 시각적인 계층을 만들 수 있습니다. 이를 통해 사용자에게 중요한 내용의 우선 순위를 전달하고 사용자의 주의를 집중시킬 수 있습니다.

따라서 UI디자인 작업을 진행 할 때 타이포그래프는 사용자가 사용하는 동안 더 나은 경험을 제공하는데 중요한 역할을 합니다.

3가지 예시를 통해 타이포그래피의 중요성을 확인해 보도록 하겠습니다.

1.타이포그래피 글꼴 Font

• 글꼴 폰트 강조는 사용자에게 다양한 영향을 주는 요소 중 하나입니다. 폰트 강조는 사용자의 주의를 끌고, 정보의 중요성을 강조하며, 감정적인 반응을 유도하는데 사용됩니다.
  종류별로 가독성 / 판독성 읽는 방식조차 다룰 수 있기 떄문에 주의력이 흩어지지 않도록 의도가 없다면 1가지 글꼴을 사용하시는 걸 권장드립니다.

2.타이포그래피 굵기 조절

• 여러 폰트 (Black / ExtraBold / Bold / SemiBold / Medium / Regular / Light) 굵기를 사용하여 사용자가 콘텐츠를 쉽게 이해하고 탐색할 수 있도록 도와줍니다.
  제목이나 중요한 내용을 굵게 표시하여 사용자의 주의를 끌고, 본문 텍스트는 보다 가벼운 굵기를 사용하여 시각적으로 구분하여 사용자에
  내용 중 사용자에게 중요한 정보부터 중요하지 않은 정보까지, 중요도에 따라 굵기를 표현하여 정보를 더 쉽게 구분할 수 있습니다.

3.타이포그래피 색 (Color)

• 색 대비를 주는 이유는 가독성과 접근성을 향상시키기 위해서입니다. 색 대비는 텍스트와 배경 간의 명암 차이를 나타내며, 이는 사용자가 텍스트를 쉽게 읽고 이해할 수 있도록 돕습니다.
  예시와 같이 의뢰하기 버튼 안에 있는 텍스트에 색 대비를 확실하게 주어 사용자가 쉽게 이해할 수 있도록 색상 고려가 필요합니다.
  

  타이포그래피는 글꼴선택, 굵기 조절, 색상 대비 등 사용자의 경험에 큰 영향을 미치기 때문에, 이러한 요소들을 신중하게 선택해서 UI작업 시 고려해야합니다.
  오늘은 3가지 예시를 통해 UI디자인 시 중요한 타이포그래피에 대해 알아보는 시간이였습니다.

  
  다음 시간에는 더욱 더 알찬 UXOX시간으로 돌아오겠습니다.
  긴 글 읽어주셔서 감사합니다, 여러분들께 유익한 글이 되었으면 좋겠습니다.

  *UXOX는 더 나은 사용자 경험을 연구하기 위하여, 모멘티에서 발행하는 UX 시리즈 입니다.