IOS平台設計規範

 　　一、UI的控制項概述：

　　1、架構UI的元素分為4類：

　　A：欄：狀態列目和導覽列的結合體;

　　B：內容視圖：應用顯示的內容資訊，包括相關的互動行為，例如滾屏、插入、刪除等操作進行排序;

　　C：控制元素：產品行為或顯示的資訊;

　　D：臨時視圖：臨時向使用者提供重要的資訊，或提供額外的功能和選項。

　　2、架構UI的尺寸：

　　3、表徵圖icon的尺寸：

　　二、UI的布局概述：

　　1、可點擊對象的地區：尺寸不要小於44*44px;

　　2、將重要的內容和功能放在權重高的位置，將重要的元素放在前半屏比較好，對於閱讀習慣從 左到右的使用者來說，更貼近螢幕左側位置容易引起關注的;

　　3、利用視覺表現形式的權重和平衡，尺寸較大的元素具有更高的權重，對於尺寸較小的元素來 說，更能吸引目光，看上去更加重要;

　　三、UI的模態情景概述：

　　1、模態：一種用來承載特定內容、功能或體驗的模式，有其自身的優缺點。它可以協助使用者完 成某些任務，或在不受幹擾的情況下擷取資訊，但會暫時性的強迫使用者停止與應用其他部分 的互動;

　　2、保持模態任務的簡單、簡短、易聚焦：不要將模態視圖打造的好像是嵌在應用當中的迷你應用;

　　3、始終提供一種明顯而安全的退出方式：要確保使用者在退出模態視圖時，能夠對接下來要發生的 事情有明確的認知;

　　4、使用警告框來傳遞那些必不可少的重要訊息，通常還要提供可執行檔功能選項。

　　四、UI的手勢互動概述：

　　A：通過點擊(tap)：按壓或選擇一個對象;

　　B：通過拖拽：滾屏或移動對象(將從介面的一邊移動到另一邊);

　　C：通過滑動(flick)：快速滾屏或移動對象;

　　D：通過一個手指輕掃(swipe)：可展現更多內容，例如：列表的刪除按鈕，從介面頂端展開通知中樞;

　　E：通過雙擊(double tap)：可將內容放大置於螢幕中間，主要是放大和縮小的轉換;

　　F：通過雙指漲開(pinch open)或閉合(pinch close)：對內容進行放大或縮小;

　　G：通過長按(touch and hold)：在可編輯或可選擇的文字上顯示放大鏡，用來定位游標;

　　H：通過搖晃(shake)機身可執行撤銷或重做的操作。

　　五、UI的動畫概述：

　　1、漂亮而精緻的動畫效果遍佈於ios各處，它們使應用體驗更具動態性，更加吸引人，精細而恰 當的動畫效果可以：

　　A：傳達狀態

　　B：增強使用者對於直接操作的感知

　　C：通過視覺化的 方式向使用者呈現操作結果

　　2、儘可能與ios內建的應用的動畫模式保持一致：人們已經習慣內建應用程式當中各種精妙的動 畫效果，實際上，使用者往往會將內建應用程式當中的動效看作一種體驗的標準，例如切換視圖時的 平滑過渡效果，切換橫豎屏時的流暢反饋，或是能表現出各種物理效果的滾屏動畫等等，這些 都逐漸成為了人們預期當中的一部分。

　　六、UI的字型概述：

　　1、字型是ios7設計的關鍵，大多數操作都是點擊文字或點擊表徵圖，按鈕也會有，但是占的比重很小;

　　2、蘋果的預設字型是Helvetica Nenu，一種纖細簡單的文字，但那不是你唯一的選擇;

　　3、Ios7的字型大小稍微加大了，主要由於它的用途，而且文字之間的層級關係至關重要，利用顏色 和不同的粗細，來保持文字的布局和UI元素的清晰易懂。

　　4、蘋果字型規格說明：

　　A：導覽列標題：medium 34px;

　　B：按鈕和表頭：light 34px

　　C：表格標籤：Regular 28px;

　　D：Tab頁表徵圖標籤：Regular 20px