《iOS 8人機界面指南》學習筆記

核心理念:iOS 8包含3大核心理念:遵從核偿、明晰與深度迹缀。

1瓦糕、順從

以內(nèi)容為主角胁艰,其他都是配角款筑。所使用的元素應當作為內(nèi)容的補充智蝠,不要使用會分散人注意力的視覺元素與內(nèi)容爭搶目光。

2奈梳、簡化

將用戶界面簡化到只保留最核心的美感杈湾。每次在你要添加新元素時都應自問:是否必要?如果你的應用不屬于游戲或者沒有特定的主題攘须,那么請慎重使用大量的材質(zhì)漆撞、3D效果和多重陰影,將關鍵放到功能性顏色于宙、協(xié)調(diào)漸變和美觀的文字上浮驳。

3、內(nèi)容最大化

內(nèi)容應占滿整個屏幕捞魁,給其中的元素留出最大的空間至会。不要使用多重容器,將滾動區(qū)域最大化以便給交互留出更多空間署驻。

4健霹、顏色

使用顯眼的顏色表現(xiàn)能夠點擊或需要突出的元素旺上。顏色和中性色調(diào)選擇的正確與否將決定你設計的成敗。

5糖埋、文字既是內(nèi)容

為了簡化用戶界面以及突出內(nèi)容宣吱,文字將占到整個屏幕的50%到90%⊥穑考慮到這一點征候,你應當選用漂亮的字體,通過設定適當?shù)拇旨毸盍病⒕€寬和顏色使其達到視覺美觀疤坝、適合閱讀的狀態(tài)。這一方面將在文字部分進行更深入的介紹馆铁。

6跑揉、負空間

使用負空間凸顯內(nèi)容。你所能看到的東西越少埠巨,就越能將注意力全部集中到僅有的物體上历谍。負空間能夠留出呼吸的余地。不用在屏幕中堆砌太多的結構和無用的視覺元素辣垒。


7望侈、文字要方便閱讀

在視網(wǎng)膜屏幕上,文字的大小不能小于22px勋桶。最佳閱讀尺寸為32px脱衙。



8侥猬、顏色的含義

顏色是有含義的。你可以使用紅色岂丘、綠色陵究、藍色和中性色調(diào)分別表現(xiàn)破壞性操作、確認操作奥帘、鏈接和非活動狀態(tài)铜邮。如果將這些顏色用做其他用途則會誤導用戶。例如寨蹋,刪除按鈕上一定不要使用綠色松蒜。

9、深度

深度可能是最難理解的一個部分了已旧。這是個非常抽象秸苗,同時又很有力而獨特的概念。深度是指所有內(nèi)容都應當具有關聯(lián)和過渡關系运褪。在真實生活中惊楼,當你從一個房間進到另一個房間中時,你會產(chǎn)生過渡和距離感秸讹,這樣你才不會迷路檀咙。這個理念同樣適用于用戶界面。

10璃诀、一切為了討喜

在指南中有3項能夠讓應用出彩的內(nèi)容沒有被提到:動畫弧可、手勢和音效。這3項內(nèi)容很容易用過火劣欢,所以要謹慎棕诵。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市凿将,隨后出現(xiàn)的幾起案子校套,更是在濱河造成了極大的恐慌,老刑警劉巖牧抵,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搔确,死亡現(xiàn)場離奇詭異,居然都是意外死亡灭忠,警方通過查閱死者的電腦和手機膳算,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來弛作,“玉大人涕蜂,你說我怎么就攤上這事∮沉眨” “怎么了机隙?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵蜘拉,是天一觀的道長。 經(jīng)常有香客問我有鹿,道長旭旭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任葱跋,我火速辦了婚禮持寄,結果婚禮上,老公的妹妹穿的比我還像新娘娱俺。我一直安慰自己稍味,他們只是感情好,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布荠卷。 她就那樣靜靜地躺著模庐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪油宜。 梳的紋絲不亂的頭發(fā)上掂碱,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天,我揣著相機與錄音慎冤,去河邊找鬼疼燥。 笑死,一個胖子當著我的面吹牛粪薛,可吹牛的內(nèi)容都是我干的悴了。 我是一名探鬼主播搏恤,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼违寿,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了熟空?” 一聲冷哼從身側(cè)響起藤巢,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎息罗,沒想到半個月后掂咒,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡迈喉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年绍刮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挨摸。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡孩革,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出得运,到底是詐尸還是另有隱情膝蜈,我是刑警寧澤锅移,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站饱搏,受9級特大地震影響非剃,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜推沸,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一备绽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧坤学,春花似錦疯坤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至飞苇,卻和暖如春菌瘫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背布卡。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工雨让, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人忿等。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓栖忠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親贸街。 傳聞我的和親對象是個殘疾皇子庵寞,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容