[iOS人機介面指南中文版] UI Design Basics : iOS App Anatomy

原文出處

iOS app解析


幾乎所有的iOS app都會用到一些UIKit框架定義下的UI元件.
了解這些元件的名稱, 角色, 和功用可以幫助我們在設計App的時候作出更好的決定


這些UI元件都是由UIKit提供, 主要分成四大類別:
  • Bars: 橫條或欄包含了上下文資訊, 能夠告訴使用者他們在哪裡, 並且導引使用者的控制或是初始化動作
  • Content views. 包含了app實際的內容, 並且可以有滑動, 插入, 刪除和重新編排每一個項目的行為
  • Controls.控制表現了行為或是展示資訊
  • Temporary views. 短暫的出現讓使用者知道重要的資訊或附加的選擇或功能

  • 為了去定義UI的元件, UIKit定義了物件實行的功能, 像是手勢辨識, 畫圖, 輔助使用和列印支援.
  • 以開發者角度來看, UI的元件是view的一種, 因為它繼承了UIView. 一個view知道如何將自己在螢幕上畫出來,, 而且也知道使用者觸控到自己內部的時候. 控制項(像是按鈕button或是滑鈕slider), content view(像是collection view和table view)和temporary view(像是警告alert和動作表單action sheet) 這些全部都是view的種類.
  • 為了管理app裏的視窗階層,你通常會使用view controller. 一個view controller組織了view的展示, 實做了各種在使用者互動下的功能, 而且可以管理視窗轉換的過場. 例如:設定Settings使用了導覽控制器navigation controller來展示他的各個view階層.
  • 這裏有個view和view controller如何結合來顯示iOS app UI的範例:

  • 即使開發者是由view和view controller來思考, 但對使用者來說, iOS app 就是很多種螢幕的集合. 從這個觀點看來, 一個螢幕在app裡就是對應到了一個特別的視覺狀態或是一種模式.
  • NOTE
  • 一個iOS app包含了window. 但是不像是我們電腦上的window視窗, iOS的window有看不見的部分, 而且不能夠被移到其他地方來顯示. 大多數的iOS app只包含了一個window; 若是有支援額外的顯示的app才能有超過一個的window.
  • 在iOS人機介面指南裡, 幾乎所有使用者都了解螢幕screen這個詞. 但對於開發者來說, 你可能需要閱讀有關螢幕的文章像是 UIScreen 能夠讓你去了解額外的螢幕顯示方式




留言