iOS平臺設計規範

一、UI的控件概述:


1、框架UI的元素分爲4類:

A:欄:狀態欄目和導航欄的結合體;

B:內容視圖:應用顯示的內容信息,包括相關的交互行爲,例如滾屏、插入、刪除等操作進行排序;

C:控制元素:產品行爲或顯示的信息;

D:臨時視圖:臨時向用戶提供重要的信息,或提供額外的功能和選項。

2、框架UI的尺寸:


3、圖標icon的尺寸:


二、UI的佈局概述:

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

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

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

三、UI的字體概述:

1、字體是ios7設計的關鍵,大多數操作都是點擊文字或點擊圖標,按鈕也會有,但是佔的比重很小;

2、蘋果的默認字體是Helvetica Nenu,一種纖細簡單的文字,但那不是你唯一的選擇;

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

4、蘋果字體規格說明:

A:導航欄標題:medium 34px;

B:按鈕和表頭:light 34px

C:表格標籤:Regular 28px;

D:Tab頁圖標標籤:Regular 20px


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章