안 읽으면 후회하는 UI디자인 제작 팁 10가지

6. 오류 상태도 부정적으로 보이지 않게 하자.

여러분들의 애플리케이션 안에 있는 모든 이벤트들은 기억에 남는 경험을 남겨줄 수 있습니다. 그리 유쾌하지 않은 이벤트라 할지라도 말이죠. 보통 오류 상태는 부정적인 경험이지만 약간의 개성이나 즐거움을 더한다면 긍정적인 경험으로 바꿀 수 있습니다.

7. 디자인에 모션을 더하라.

디자인에 모션을 넣는 것이 점차 중요해지고 있는데요. 모션을 추가하면 그림이 스스로 움직이게 하거나 사용자가 페이지의 요소들과 반응할 때 움직이게 할 수 있습니다. 프린서플(Principle), XD의 오토 애니메이트(auto-animate), 인비전 스튜디오(Invision Studio), 애프터 이펙트(After Effects), 로티(Lottie), 플린토(Flinto) 등 다양한 소프트 웨어들이 있으니 활용해보세요.

출처: Outcrowd — Dribbble

8. 마이크로 인터랙션을 통해 디테일에 집중하라.

마이크로 인터랙션(micro-interaction)은 애플리케이션 안에서 현실 세계의 경험과 유사한 경험을 할 수 있도록 해주고, 사용자의 행동에 즉각적인 피드백을 줄 수 있습니다. 마이크로 인터랙션을 이용한 작은 디테일에 집중하고, 사용자들에게 예상치 못한 즐거운 경험을 제공해보세요.

출처: Danny Sapio — Dribbble

9. 패턴과 그라데이션을 사용하라.

패턴과 그라데이션은 지루한 콘텐츠에 눈길이 가게 하는 좋은 방법이 될 수 있습니다. 이미지의 뒤쪽이나 배경에 간단한 패턴과 그라데이션을 추가하게 되면, 자칫 밋밋하고 재미없을 수도 있는 디자인에 스타일과 특별함을 더할 수 있습니다. 패턴은 여러분의 취향에 따라서 창의적으로 사용할 수도, 미니멀하게 사용할 수도 있습니다. 하지만 메인 콘텐츠에서 주의를 분산시켜서는 안됩니다.

출처: Whimsical

10. 음영을 활용해서 깊이감을 더하라.

음영은 디자인 깊이에 층위를 더해주는 좋은 방법이며, 여러분의 애플리케이션을 보다 더 3차원적으로 보이게 만들어줍니다. 깊이는 사용자가 중요도를 나타낸다고 생각하는 요소입니다. 가까이 있을수록 더욱 중요하다고 여기게 되는데요. 애플리케이션의 요소들에 음영을 추가함으로써, 각각의 정보들이 가진 중요도를 설정할 수 있습니다.

출처: Plastik — Dribbble

많은 사람들이 'UI 디자인'을 제작한다고 하면 미학적인 부분만 떠올리는 경우가 많습니다. 하지만 앱이든지 웹이든지 디자인을 하게 되는 주된 이유는 사용하기 위해서입니다. 단순히 예쁘고, 아름답게 보이는 것은 무의미하다는 뜻이죠. 여러분이 UI디자인을 제작할 때, 단순히 미적인 부분을 고려하기보다는 사용자의 경험까지도 두루두루 생각해보셨으면 좋겠습니다.

본문 내용은 '10 ways to spice up a UI design'을 각색하여 작성했습니다.