UI 디자인 프로세스
- 스케치
- 와이어프레임
- UI 디자인
- 프로토타이핑 : 실제 개발된 것은 아니지만 사용자 테스트 단계에서 사용자의 피드백을 얻거나 내부 커뮤니케이션을 위해 제작
- 디자인 시스템
- 핸드오프 : UI 디자인이 완료된 후, 실제품 개발을 위해 개발자에게 전달하는 최종 디자인 산출물 - 상세 size 기술
프로토타입(시제품)
: 사용자에게 테스트해보기 위한 제품의 시뮬레이션, 또는 샘플 버전
- 로우파이 프로토타입(스케치)
- 미드파이 프로토타입(와이어프레임)
텍스트, 버튼 등 화면에 대한 구성에 대해 정의하고 화면 간의 플로우(전환)를 표현
- 하이파이 프로토타입(UI 디자인)
사용자가 실제로 사용하게 될 높은 퀄리티의 디자인 산출물
색, 폰트 및 폰트 사이즈, 아이콘 등 세부 사항 적용
시각 정보의 계층
중요한 정보에 큰 텍스트 사이즈, 포인트 컬러(나머지와 색을 달리)