본문 바로가기

[UX] Mobile

Designing the User Interface 4iPhone

728x90
Designing the User Interface 4iPhone


A brief tour of the application user interface
- Application screens and their contents(어플 스크린과 컨텐츠)
- Using views and controls in application screens(어플스크린에서 뷰와 컨트롤 이용)

Navigation Bars, Tab Bars, Toolbars, and the Status Bar
- The Status Bar
- Nabigation Bars
- Toolbars (below 5 item recommended, 44x44)
  (어플에서 사용자가 취할 수 있는 많은 액션을 제공하는 경우 툴바를 제공하라.)
- Tabbars
  (어플에서 동일한 데이터 세트에 다른 관점을 제공하거나 어플의 전체 기능과 관련있는 다른 하위 태스크를 제공하고자 하는 경우 탭바를 사용하라.)

Alert, Action Sheets, and Modal Views
- Usage and Behavior
- Using Alerts
- Using Action Sheets
- Creating an Alert
- Creating an Action Sheet
- Creating a Modal View

Table Views, Text Views, and Web Views
- Table Views
- Usage and Behavior
- Configuring a Regular Table View
- Configuring a Grouped Table View
- Table View Elements
- Switch Controls
- Text Views
- Web Views

Application Controls
- Activity Indicators
- Date and Time Pickers
- Detail Disclosure Buttons
- Info Buttons
- Labels
- Page Indicators
- Pickers
- Progress Views
- Rounded Rectangle Buttons
- Search Bars
- Segmented Controls(44x44)
- Sliders
- Text Field

System-Provided Buttons and Icons
- Using System-Provided Buttons and Icons
- Standard Buttons for Use in Toolbars and Navigation Bars
- Standard Icons for Use in Tab Bars
- Standard Buttonss for Use in Table Rows and Other User Interface Elements

Creating Custom Icons and Images
- Application Icons(57x57)
- Setting Icons(29x29)
- Launch Images(320x480)
- Icons for Navigation Bars, Toolbars, and Tab Bars
  (PNG, white with appropriate alpha, no shadow, anti-aliasing
   Toolbar Icon: 20x20, Tab bar Icon: 30x30, not need a full color icon)

참조 URL: http://www.designliteracy.com/wp/?p=75
G/L 참조: http://innoiz.com/download/iPhoneHIG.pdf