UI 디자인을 개선하는 방법

 

 

 

1. 요소를 더 뚜렷하게 보이게 하세요.

여러 개의 드롭 섀도우를 사용하거나, 실제 섀도보다 아주 살짝 더 어두운 색상의 섬세한 테두리를 일부 요소에 추가해보세요. 이렇게 하면 요소가 조금 더 날카롭고 뚜렷하게 보이며, 탁하고 번진 듯한 그림자를 피할 수 있습니다.

 

 

 

 

2. 디자인에 글꼴 하나만 사용하는 것도 충분히 괜찮습니다.

작업을 할 때 글꼴(Typeface)을 하나만 선택해 사용하는 것은 전혀 문제되지 않으며, 오히려 더 강력하고 일관된 결과물을 만들어내는 데 도움이 되기도 합니다.

"항상 최소 두 개의 글꼴을 써야 한다"는 말은 무시해도 됩니다.
한 가지 글꼴만으로도 굵기(Weight), 크기(Size), 색상(Colour)을 적절히 조합하면 충분히 훌륭한 디자인을 완성할 수 있습니다.

 

 

 

 

3. 긴 글을 작성 중이라면 본문 글자 크기를 20pt 이상으로 시도해보세요.

블로그 글, 프로젝트 설명 등 긴 형식의 콘텐츠를 작성할 때는 본문 글자 크기를 20pt(또는 그 이상)로 설정해보세요.

물론 글꼴에 따라 적절한 크기는 달라질 수 있지만, 대부분의 대중적인 본문용 글꼴은 20pt에서 훌륭한 가독성을 보여줍니다.
긴 텍스트를 읽는 사용자에게 훨씬 더 쾌적한 독서 경험을 제공할 수 있죠.

 

 

 

 

 

 

4. 사용자의 초기 안내 경험을 향상시키세요.

모바일 앱의 초기 안내 과정은 사용자가 언제든지 건너뛸 수 있도록 설정하고, ‘건너뛰기’ 링크는 엄지손가락이 닿기 쉬운 위치에 배치하세요.

 

 

 

 

5. 그림자의 광원은 하나에서 나오게 해주세요.

그림자는 항상 하나의 광원에서 나오는 것처럼 설정해야 합니다.
이건 아주 기본적인 사항이지만, 종종 간과되는 실수이기도 합니다.

 

 

 

 

6. 은은하고 단순한 오버레이로 텍스트와 이미지 간의 대비를 개선하세요.

텍스트가 이미지 위에 위치할 경우, 전체 이미지에 오버레이를 적용하거나 더 은은한 방식으로 상단 또는 하단에서 점진적으로 적용되는 그라데이션 오버레이를 활용해 텍스트와 이미지 간의 간단한 대비를 만들어낼 수 있습니다.

 

 

 

 

7. 가운데 정렬 텍스트는 적당히 사용하세요.

가운데 정렬은 헤드라인이나 짧은 문장에만 사용하는 것이 좋습니다.
그 외 대부분의 텍스트는 왼쪽 정렬로 유지하는 것이 훨씬 보기 좋고 읽기 편합니다.

 

 

 

 

8. 여백은 아낌없이 활용해보세요.

여백(Whitespace) 또는 네거티브 스페이스. 적당히 또는 넉넉하게, 방식은 어떻든 잘 활용하는 것이 중요합니다.

소량의 여백만으로도 디자인에 숨통을 틔워주고, 훨씬 더 정돈되고 고급스러운 인상을 줄 수 있습니다.
디자인을 빠르고 쉽게 개선할 수 있는 가장 효과적인 방법 중 하나입니다.

 

 

 

 

9. 밝은 배경 위의 텍스트는 더 진하게 만들어주세요.

밝은 배경 위에 배치된 텍스트를 너무 연하게 만들지 마세요.
겉보기엔 트렌디해 보일 수 있지만, 더 똑똑하고 접근성이 높은 인터페이스를 만들고 싶잖아요.
더 많은 사람들이 쉽게 읽을 수 있도록, 텍스트는 충분히 진하게 설정해 주세요.

 

 

 

 

 

출처:

https://uxdesign.cc/9-simple-tips-to-improve-your-ui-designs-fast-377c5113ac82