티스토리 뷰

시안디자인 제작하기

심미성 부여

기획된 스타일가이드를 바탕으로 심미적인 디자인을 제작할 수 있다.

사용자 경험의 요소

용자의 경험을 이루는 다양한 요소 중 심미성에 대한 바른 이해를 바탕으로 앱의 목적 및 타깃의 니즈에 부합하는 심미적 디자인을 제작하도록 한다.

심미성(aesthetics)

심미성은 사용자가 화면의 시각요소나 전반적인 앱의 느낌에 대해 ‘아름답다’ 또는 ‘세련되었다’, ‘매력적이다’ 등으로 표현하는 감성적 평가이자 반응이라고 할 수 있 다. 앱 디자인으로부터 전달되는 심미성은 단지, 그 자체가 중요시된다고 하기보다는 다른 사용자 경험 요소와의 상관관계 있어서 중요한 역할을 한다는 점을 이해하여야 한다.

  • 앱 디자인의 심미적 구성 요소
  • 앱 디자인 핵심 콘셉트를 컬러를 통해 구현할 수 있도록 앱의 목적과 타깃 그 룹에 부합하는 컬러 이미지 공간을 활용하여 선정한다.
심미적 디자인을 위한 조건

심미적인 디자인은 사용자의 주관적 사용성을 높여주고 감성적 만족도를 높일 수 있다. 보기에 좋은 비주얼 디자인은 사용자의 앱 사용 빈도수를 높여주고 감성적으로 만족감을 느낀 사용자는 일반적으로 긍정적인 행동 패턴을 보인다고 한다. 하지만, 디자이너가 디자 인을 진행하는 과정에서 자칫 유용성 측면을 간과하고 시각적 디자인에만 치중하는 실수 를범할수도있다. 따라서사용자경험을가장중심에두고디자인을해야하며, 디자인 과 기능의 균형을 맞추어 비주얼 디자인을 진행하는 것이 바람직하다. UX 측면을 간과하 고 비주얼 디자인에 치중할 수 있는 실수를 예방하기 위한 주의사항들은 다음과 같다.

  • 레이블이 없는 추상적인 아이콘 사용을 자제한다.
    • 아이콘은 디자인에 심미적 효과를 더해주며 공간의 효율성을 높여줄 수 있는 디자인 요소이지만, 사용자가 기능을 인지하기 어려운 경우에는 유용성의 문제에 부딪히게 된 다. 따라서 다소 추상적인 아이콘에는 적절한 레이블 사용이 바람직하다.
  • 낮은 대비의 배경에서 얇은 글꼴 사용을 자제한다.
    • 최근 웹과 모바일에서 흔히 볼 수 있는 얇은 타이포그래피는 여성스러운 느낌을 주며, 우아하고 세련된 인상을 주지만, 배경색의 낮은 대비에서 사용할 경우 가시성이 떨어지므로 사용에 주의하여야 한다. 다음 그림처럼 낮은 대비에서 사용되는 경우 시력이 좋지 않은 사용자나 고 연령대의 사용자들에게 사용성의 문제를 초래하게 된다.

UI/UX Design

UI/UX 환경 분석

UI/UX 계획 수립

사용자 리서치

UI/UX 요구 분석

UI/UX 콘셉트 기획

UI 아키텍쳐 설계

댓글
댓글쓰기 폼