본문 바로가기

달밤에 기획하기/UX UI 다시보기

#5 - Develop

Develope

프로토 타입을 진행/개선하는 단계이다. 이 단계에서는 아래와 같은 업무를 진행한다.

 


와이어프레임 제작

앞서 제작한 IA를 기준으로 와이어프레임을 제작한다. 와이어프레임은 페이지 수준의 레이아웃 아이디어를 보여주는 결과물이다.

와이어 플로우 제작

와이어 프레임에 대한 자세한 동작 및 이동을 정의한다.

디자인 제작

와이어 프레임과 와이어 플로우에 대한 디자인을 진행한다.

우리가 말하는 웹디자인/앱 디자인이 이 단계에 속하며, 그 양이 방대하기 때문에 아래 내용을 참고하여 디자인 시스템을 만든다.

 

#디자인 진행하기 

 

#1 - 디자인 순서와 사용 툴

디자인 프로세스 기본적으로 사용하는 디자인 프로세스다. 각 항목에 대해서는 다음 글에서 다룰 예정이다. 순서 항목 세부 항목 내용 1 정의 디자인 목표 설정 디자인을 통해 이루고 싶은 목표

rosakim90.tistory.com

프로토 타입 제작

이미지를 클릭하여 프로토 타입 영상을 확인할 수 있다.

 

개발 단계에 들어가기 전, 모션과 인터렉션을 고려하여 프로토타입을 만듭니다.

이 과정을 통해 개발 전 크리티컬한 시나리오 상 오류를 확인 및 검증할 수 있습니다.

 

# 모션 내용 자세히 보기 > 

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

material.io

 

# 인터렉션 내용 자세히 보기 >

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

material.io

 

'달밤에 기획하기 > UX UI 다시보기' 카테고리의 다른 글

#7 - 실무 개발 Process와 직군 별 협업  (0) 2021.05.24
#6 - Deliver  (0) 2021.05.21
#4 - Define  (0) 2021.05.21
#3 - Discover  (0) 2021.05.21
#2 - UX Design Process  (0) 2021.05.20