티스토리 뷰

GUI 템플릿 제작하기

한눈에 이해 할 수 있는 화면을 제공

UI 설계에 따라서 기능별 대표 화며을 선정할 수 있다.
선정된 대표 화면에 대하여 그리드 시스템(화면 레이아웃)을 디자인할 수 있다.

모바일에서 실현되는 UI 화면

사용자는 그들의 디바이스에서 당신의 앱을 사용하는 동안 편안함을 느낄 수 있어야 한다. 사용자가 앱을 사용하는 도중 사용자가 원하지 않는 불필요한 작업(Task)을 만들어내는 상 황은 절대 허용하지 않는다.

  • 평범하거나 절대적 위치를 요구하는 레이아웃을 만들지 말라
  • 텍스트에서 픽셀단위의 사용을 지양하고, DIP(dot in pixel, 밀도단위)를 사용한다.
  • 다양한 크기의 이미지 리소스를 만든다(xhdpi, hdpi, mdpi, ldpi)
  • 버튼이나 리스트 아이템등의 선택하는 타겟은 크고 명확하게 사용한다.
  • 적절한 여백(Margin)과 간격(Padding)을 사용한다.
  • 사용자의 액티비티 스택(동작 히스토리)을 적절히 관리한다.
  • 디바이스의 방향 전환을 적절히 처리한다.
  • 중복을 줄이기 위해 테마나 스타일, 영역, 색상, 자원 등을 이용한다.
대표 화면 설계 방법
  • 한눈에 이해 할 수 있는 화면을 제공
  • 시각적 명확성과 안정성이 제공되어야 한다.

UI/UX Design

UI/UX 환경 분석

UI/UX 계획 수립

사용자 리서치

UI/UX 요구 분석

UI/UX 콘셉트 기획

UI 아키텍쳐 설계

댓글
댓글쓰기 폼