WEB'S

디자인 콘셉트 수립하기

플로우 단계별 디자인과 스타일 정의

적용할 디자인과 스타일을 세분화하여 업무 플로우 단계별로 설정, 정의할 수 있다.

GUI 컨셉션(conception)

UI/UX 디자인 콘셉트에 대한 방향성 도출

• 디자인 키워드에 의한 화면 디자인 방향 수립
• 이미지 수집

GUI 이미지 무드보드 제작

• 화면 디자인 콘셉트 시각화
  • 색채, 레이아웃, 타이포그래피, 이미지 등 디자인 요소들을 활용하여 무드보드를 작성 함으로써 디자인 콘셉트를 표현하고 개발 방향성을 시각화한다.

디자인 콘셉트의 시각화 요소

시각디자인 요소

앱의 시각 디자인의 요소에는 크게 타이포그래피(typography), 색채(color), 레이아웃 (layout) 등이 있다. 앱 디자인에서 타이포그래피가 이미지로 사용될 경우에는 시인성이 있 어야 하고, 본문의 내용으로 쓰일 경우에는 가독성이 좋아야 한다. 심미성만을 고려한 타 이포그래피 선정은 UX를 좋지 않게 하는 주요 원인이 되기 때문에 반드시 타깃 사용자 그룹의 연령대별 특성을 고려해야 한다. 디자인 요소 중, 색채는 정보 인식에 큰 영향을 끼치며 화면의 전반적인 배색에서 조화와 균형감을 고려해야 하는 요소이다. 색의 명도와 채도의 적절한 균형이 이루어져야 정보 구분이 확보될 수 있으며, 색채는 정보의 위계질 서를 표현하는데도 효과적이다. 레이아웃에 있어서는 모바일 화면의 크기가 작고 제한적 이라는 점 때문에 적절한 그룹핑이 되어야 하며 레이아웃 설정은 사용성을 중심으로 고려 되어야한다. 이세가지디자인의요소는개별적으로볼수도있으나모든요소가전체 적으로 지각되기 때문에 통합 디자인의 관점에서 실제 디자인 이전에 고려해야 하는 사항 이다. 이외에도 디자인 콘셉트를 시각화할 수 있는 요소로 이미지(image)와 스타일(style) 등을 포함하기도 한다.

디자인 키워드 선정 단계에서의 고려사항

UX 디자인 키워드를 선정하는 단계에서 고려해야 할 사항은 타깃 사용자 그룹에 대한 정 확한 분석과 인터랙션 디자인 분석이 선행되어야 한다는 것이다. 타깃 사용자 그룹에 대 한 분석 자료를 바탕으로, 사용자의 이용 목적과 사용 행태, 숙련도, 신체적·심리적 특성, 선호하는 디자인 스타일 등에 따라 디자인 방향을 설정해야 하기 때문이다. 사용자에 대 한 객관적인 자료를 통해 디자인이 수행되어야 디자이너의 주관적인 성향에 치중되거나 일부 사용 계층의 취향에 편향되는 것을 방지할 수 있다. UX 디자인에 있어서 가장 중요 한사항은사용대상과목적, 그리고기기의특성, 이세가지사항을중심으로UI/GUI 디 자인을 진행해 나가야 한다는 것이다.

키워드 도출

디자인 키워드는 화면 디자인 구체화 과정 이전에 색채, 타이포그래피, 레이아웃 등 사용 자 인터페이스에 있어서 나아가야 할 방향을 설정하기 위한 개념이라고 할 수 있다. 따라 서 디자인 키워드 선정의 조건은 화면 UI 디자인과 관련지어 생각해볼 수 있는 것이어야 한다. 타깃 사용자 그룹에 대한 분석 결과를 기반으로 수립한 UX 전략의 내용으로부터 앱 디자인의 방향성을 수립해야 한다.