1、框架UI的元素分為4類:
A:欄:狀態(tài)欄目和導航欄的結(jié)合體;
B:內(nèi)容視圖:應用顯示的內(nèi)容信息,包括相關的交互行為,例如滾屏、插入、刪除等操作進行排序;
C:控制元素:產(chǎn)品行為或顯示的信息;
D:臨時視圖:臨時向用戶提供重要的信息,或提供額外的功能和選項。
2、框架UI的尺寸:
3、圖標icon的尺寸:
1、可點擊對象的區(qū)域:尺寸不要小于44*44px;
2、將重要的內(nèi)容和功能放在權(quán)重高的位置,將重要的元素放在前半屏比較好,對于閱讀習慣從 左到右的用戶來說,更貼近屏幕左側(cè)位置容易引起關注的;
3、利用視覺表現(xiàn)形式的權(quán)重和平衡,尺寸較大的元素具有更高的權(quán)重,對于尺寸較小的元素來 說,更能吸引目光,看上去更加重要;
1、模態(tài):一種用來承載特定內(nèi)容、功能或體驗的模式,有其自身的優(yōu)缺點。它可以幫助用戶完 成某些任務,或在不受干擾的情況下獲取信息,但會暫時性的強迫用戶停止與應用其他部分 的互動;
2、保持模態(tài)任務的簡單、簡短、易聚焦:不要將模態(tài)視圖打造的好像是嵌在應用當中的迷你應用;
3、始終提供一種明顯而安全的退出方式:要確保用戶在退出模態(tài)視圖時,能夠?qū)酉聛硪l(fā)生的 事情有明確的認知;
4、使用警告框來傳遞那些必不可少的重要信息,通常還要提供可執(zhí)行的功能選項。
A:通過點擊(tap):按壓或選擇一個對象;
B:通過拖拽:滾屏或移動對象(將從界面的一邊移動到另一邊);
C:通過滑動(flick):快速滾屏或移動對象;
D:通過一個手指輕掃(swipe):可展現(xiàn)更多內(nèi)容,例如:列表的刪除按鈕,從界面頂端展開通知中心;
E:通過雙擊(double tap):可將內(nèi)容放大置于屏幕中間,主要是放大和縮小的轉(zhuǎn)換;
F:通過雙指漲開(pinch open)或閉合(pinch close):對內(nèi)容進行放大或縮小;
G:通過長按(touch and hold):在可編輯或可選擇的文字上顯示放大鏡,用來定位光標;
H:通過搖晃(shake)機身可執(zhí)行撤銷或重做的操作。
1、漂亮而精致的動畫效果遍布于ios各處,它們使應用體驗更具動態(tài)性,更加吸引人,精細而恰 當?shù)膭赢嬓Ч梢裕?/p>
A:傳達狀態(tài)
B:增強用戶對于直接操作的感知
C:通過視覺化的 方式向用戶呈現(xiàn)操作結(jié)果
2、盡可能與ios內(nèi)置的應用的動畫模式保持一致:人們已經(jīng)習慣內(nèi)置應用當中各種精妙的動 畫效果,實際上,用戶往往會將內(nèi)置應用當中的動效看作一種體驗的標準,例如切換視圖時的 平滑過渡效果,切換橫豎屏時的流暢反饋,或是能表現(xiàn)出各種物理效果的滾屏動畫等等,這些 都逐漸成為了人們預期當中的一部分。
1、字體是ios7設計的關鍵,大多數(shù)操作都是點擊文字或點擊圖標,按鈕也會有,但是占的比重很?。?/p>
2、蘋果的默認字體是Helvetica Nenu,一種纖細簡單的文字,但那不是你唯一的選擇;
3、Ios7的字號稍微加大了,主要由于它的用途,而且文字之間的層級關系至關重要,利用顏色 和不同的粗細,來保持文字的布局和UI元素的清晰易懂。
4、蘋果字體規(guī)格說明:
A:導航欄標題:medium 34px;
B:按鈕和表頭:light 34px
C:表格標簽:Regular 28px;
D:Tab頁圖標標簽:Regular 20px
以上內(nèi)容轉(zhuǎn)自:Boocss
附:《iOS 人機界面準則》中文版(PDF)鏈接:http://pan.baidu.com/s/1hqGJ4ry 密碼:jn82
轉(zhuǎn)載請注明:Justinmind·學習站 ? {轉(zhuǎn)載}ios平臺設計規(guī)范
聯(lián)系客服