UI/UX 디자인 프로세스

thumbzzero·2023년 6월 21일

UI 디자인 프로세스

  1. 스케치
  2. 와이어프레임
  3. UI 디자인
  4. 프로토타이핑 : 실제 개발된 것은 아니지만 사용자 테스트 단계에서 사용자의 피드백을 얻거나 내부 커뮤니케이션을 위해 제작
  5. 디자인 시스템
  6. 핸드오프 : UI 디자인이 완료된 후, 실제품 개발을 위해 개발자에게 전달하는 최종 디자인 산출물 - 상세 size 기술

프로토타입(시제품)

: 사용자에게 테스트해보기 위한 제품의 시뮬레이션, 또는 샘플 버전

  • 로우파이 프로토타입(스케치)
  • 미드파이 프로토타입(와이어프레임)
    텍스트, 버튼 등 화면에 대한 구성에 대해 정의하고 화면 간의 플로우(전환)를 표현
  • 하이파이 프로토타입(UI 디자인)
    사용자가 실제로 사용하게 될 높은 퀄리티의 디자인 산출물
    색, 폰트 및 폰트 사이즈, 아이콘 등 세부 사항 적용

시각 정보의 계층

중요한 정보에 큰 텍스트 사이즈, 포인트 컬러(나머지와 색을 달리)

0개의 댓글