@亞茹有李 ： 此文分別從控件+佈局+模態情景+手勢交互+動畫+字體等六個方面介紹了一些iOS平臺設計的基礎規範，有志於App設計的童鞋推薦收藏起來，未來要作相關的設計能夠直截了當戳進來學習。ios
1、UI的控件概述：
一、框架UI的元素分爲4類：安全
A：欄：狀態欄目和導航欄的結合體；框架
B：內容視圖：應用顯示的內容信息，包括相關的交互行爲，例如滾屏、插入、刪除等操做進行排序；佈局
C：控制元素：產品行爲或顯示的信息；學習
D：臨時視圖：臨時向用戶提供重要的信息，或提供額外的功能和選項。字體
二、框架UI的尺寸：動畫
三、圖標icon的尺寸：spa
2、UI的佈局概述：
一、可點擊對象的區域：尺寸不要小於44*44px;設計
二、將重要的內容和功能放在權重高的位置，將重要的元素放在前半屏比較好，對於閱讀習慣從 左到右的用戶來講，更貼近屏幕左側位置容易引發關注的；orm
三、利用視覺表現形式的權重和平衡，尺寸較大的元素具備更高的權重，對於尺寸較小的元素來 說，更能吸引目光，看上去更加劇要；
3、UI的模態情景概述：
一、模態：一種用來承載特定內容、功能或體驗的模式，有其自身的優缺點。它能夠幫助用戶完 成某些任務，或在不受干擾的狀況下獲取信息，但會暫時性的強迫用戶中止與應用其餘部分 的互動；
二、保持模態任務的簡單、簡短、易聚焦：不要將模態視圖打造的好像是嵌在應用當中的迷你應用；
三、始終提供一種明顯而安全的退出方式：要確保用戶在退出模態視圖時，可以對接下來要發生的 事情有明確的認知；
四、使用警告框來傳遞那些必不可少的重要信息，一般還要提供可執行的功能選項。
4、UI的手勢交互概述：
A：經過點擊(tap)：按壓或選擇一個對象；
B：經過拖拽：滾屏或移動對象（將從界面的一邊移動到另外一邊）；
C：經過滑動(flick)：快速滾屏或移動對象；
D：經過一個手指輕掃(swipe)：可展示更多內容，例如：列表的刪除按鈕，從界面頂端展開通知中心；
E：經過雙擊(double tap)：可將內容放大置於屏幕中間，主要是放大和縮小的轉換；
F：經過雙指漲開(pinch open)或閉合(pinch close)：對內容進行放大或縮小；
G：經過長按(touch and hold)：在可編輯或可選擇的文字上顯示放大鏡，用來定位光標；
H：經過搖晃(shake)機身可執行撤銷或重作的操做。
5、UI的動畫概述：
一、漂亮而精緻的動畫效果遍及於ios各處，它們使應用體驗更具動態性，更加吸引人，精細而恰 當的動畫效果能夠：
A：傳達狀態
B：加強用戶對於直接操做的感知
C：經過視覺化的 方式向用戶呈現操做結果
二、儘量與ios內置的應用的動畫模式保持一致：人們已經習慣內置應用當中各類精妙的動 畫效果，實際上，用戶每每會將內置應用當中的動效看做一種體驗的標準，例如切換視圖時的 平滑過渡效果，切換橫豎屏時的流暢反饋，或是能表現出各類物理效果的滾屏動畫等等，這些 都逐漸成爲了人們預期當中的一部分。
6、UI的字體概述：
一、字體是ios7設計的關鍵，大多數操做都是點擊文字或點擊圖標，按鈕也會有，可是佔的比重很小；
二、蘋果的默認字體是Helvetica Nenu，一種纖細簡單的文字，但那不是你惟一的選擇；
三、Ios7的字號稍微加大了，主要因爲它的用途，並且文字之間的層級關係相當重要，利用顏色 和不一樣的粗細，來保持文字的佈局和UI元素的清晰易懂。
四、蘋果字體規格說明：
A：導航欄標題：medium 34px；
B：按鈕和表頭：light 34px
C：表格標籤：Regular 28px；
D：Tab頁圖標標籤：Regular 20px
