WEB'S

디자인 콘셉트 수립하기

디자인 콘셉트 수립

수립된 디자인 콘셉트와 분석된 업무 플로우를 연결하여 디자인 콘셉트를 수립할 수 있다.

GUI 콘셉션 수행

GUI 콘셉션(conception)

디자인 콘셉트를 가시화하는 단계로 주요 화면에 대한 시안을 디자인하거나, 참조 이미지, 벤치마킹 이미지 등을 활용하여 콘셉트를 검토할 수 있는 무드보드를 제작하는 단계이다

무드보드(mood board) 제작

무드보드란 프로젝트와 관련된 여러 이해 관계자들과 디자인 콘셉트에 대한 회의를 하거 나, 혹은 클라이언트와 소통하기 위한 것으로 본격적인 디자인 작업을 하기에 앞서 디자 인의 방향성을 검토하기 위해 사용된다. 무드보드에는 사이트맵, 레이아웃, 색채, 새로운 영감을 주는 이미지, 패턴, 타이포그래피 등이 이용된다.

• 타이포그래피
  • 서체 스타일, 크기, 행간, 자간 등을 여러 가지 형식으로 테스트해본다. 서체 스타일은 한글의 경우에는 고딕 계열과 명조 계열로 나뉘고, 영어인 경우에는 세리프체와 산세 리프체로 구분된다. 같은 서체일지라도 자간이나 행간에 따라서 가독성이 달라지며, 본문이나 헤드라인 등 어떻게 사용되는지에 따라 달라진다. 실제 모바일 환경에서의 테스트는 아니지만, 화면상에서 다른 서체들과의 조합이나 명도의 조절에 따라서 가시 성, 가독성이 어떻게 변화하는지 테스트해본다.
• 색채
  • 색 선정을 위해 선정한 디자인 키워드에 적합한 이미지 자료를 수집한다. 이미지는 앱 과 직접 관련된 것이 아니어도 무관하다. 이미지에서 느껴지는 전반적인 분위기나 색 조가 키워드에 부합하는 것을 선택할 수 있다.
• 레이아웃
  • 레이아웃을 선정할 때에는 선정한 키워드에서 연상되는 형태에서부터 접근할 수 있다. 앞서 도출된 키워드와 같이, 직관적인 UI를 예를 들면 단순하고 간결한 선 구성이나 건축물, 공간등에서그의미를연상할수있는형태를찾을수있다.
• 기타 무드보드 자료로 활용할 디자인 요소들을 수집
  • 반드시 모든 디자인 요소가 수집되어야 하는 것은 아니며, UI 디자인과 밀접하고 중요 한 레이아웃, 색채, 타이포그래피 등을 중심으로 해서 간단히 제작하기도 한다.