不知道平時(shí)做iOS端界面設(shè)計(jì)的同學(xué)有沒(méi)有一些困惑嫁佳，就是在做完一個(gè)自己還挺滿(mǎn)意的界面時(shí)給身邊的人看，總是會(huì)聽(tīng)到不同的聲音，褒貶參半，這種時(shí)候是相信自己的審美榨呆？還是聽(tīng)取別人的建議？或是把各種方案糅合在一起？或許可以從iOS的界面設(shè)計(jì)原則的角度來(lái)看一下自己的視覺(jué)稿。

ios界面設(shè)計(jì)原則中最先闡述的就是以下三條：

清晰（Clarity）：縱觀(guān)整個(gè)系統(tǒng)，任何尺寸的文字都清晰易讀，圖標(biāo)精確易懂列林，恰當(dāng)且微妙的修飾砌创，聚焦于功能窥岩，一切設(shè)計(jì)由功能而驅(qū)動(dòng)。留白、顏色、字體际歼、圖形以及其它界面元素能夠巧妙地突出重點(diǎn)內(nèi)容并且表達(dá)可交互性旭愧。

遵從（Deference）：流暢的動(dòng)效和清爽美觀(guān)的界面有助于用戶(hù)理解內(nèi)容并與之交互占贫，而不會(huì)干擾用戶(hù)。當(dāng)前內(nèi)容占據(jù)整屏?xí)r，半透明和模糊處理能夠暗示其它更多的內(nèi)容。減少使用邊框、漸變和陰影讓界面盡可能地輕量化，從而突出內(nèi)容

進(jìn)深（Depth）：清楚的視覺(jué)層和生動(dòng)的動(dòng)效表達(dá)了層次結(jié)構(gòu)，賦予了活力，并有助于理解萍悴。易于發(fā)現(xiàn)的且可觸發(fā)的界面元素能提升體驗(yàn)愉悅感鲫惶，讓用戶(hù)在成功觸發(fā)相應(yīng)功能或者獲得更多內(nèi)容的同時(shí)還能掌控當(dāng)前位置的來(lái)龍去脈吆寨。當(dāng)用戶(hù)瀏覽內(nèi)容時(shí)，流暢的過(guò)渡提供一種縱深感。

可見(jiàn)這三條原則是我們?cè)谧鰅os產(chǎn)品時(shí)最基本的也是最重要的原則。其中清晰原則放在了第一條，則是重中之重，現(xiàn)在我們可以先根據(jù)這些原則審視下面這些產(chǎn)品的界面。

1.清晰&遵從

最左側(cè)圖片為“單讀”app中二級(jí)類(lèi)目選擇頁(yè)，旁邊是同類(lèi)型產(chǎn)品“片刻”的二級(jí)類(lèi)目選擇頁(yè)，他們采取的設(shè)計(jì)表現(xiàn)形式很相似（都是在圖片上覆蓋半透明效果再疊上文字信息）荔睹，但是給人的視覺(jué)感受卻大相徑庭猜极。

左側(cè)頁(yè)面的標(biāo)題字號(hào)大小舒適受扳，字體也有別于其他同類(lèi)型產(chǎn)品坟桅，增強(qiáng)了品牌辨識(shí)度，并且類(lèi)目之間分隔清晰，不會(huì)給人凌亂感。

中間頁(yè)面的類(lèi)目分隔感較弱，緊貼在一起稍顯凌亂，而且標(biāo)題與輔助文字都過(guò)小，識(shí)別度較差，再加上此頁(yè)面在iphone 7p設(shè)備上

都需要滾動(dòng)6屏左右的長(zhǎng)度雕蔽，令人倍感焦躁嚣艇。

在ios界面設(shè)計(jì)的三大基本原則之下，主要以動(dòng)效、品牌化、顏色、布局和字體5個(gè)方面作為設(shè)計(jì)的著力點(diǎn)和出發(fā)點(diǎn)。以下將逐個(gè)進(jìn)行介紹：

1. 品牌化

a. 優(yōu)秀的app通過(guò)優(yōu)雅別致的文字、顏色和圖片來(lái)營(yíng)造獨(dú)特的品牌辨識(shí)度。

b. 不要讓品牌化阻礙了優(yōu)秀的應(yīng)用設(shè)計(jì)。保證它是直觀(guān)的俄占、易于導(dǎo)航的甚带、易用的并且以?xún)?nèi)容為中心的畜晰。

c. 內(nèi)容比品牌化更重要块蚌。不要為了增加品牌曝光就犧牲了用來(lái)瀏覽內(nèi)容的空間纱控。

2.顏色

a. 在iOS尔店，顏色能夠暗示可交互性该肴、增加活力以及提供視覺(jué)的連續(xù)性。保證這些顏色無(wú)論是單獨(dú)還是組合、在淺色背景還是深色背景上都看起來(lái)很棒。

b. 考慮在app中統(tǒng)一使用一種關(guān)鍵色來(lái)暗示交互性。避免給可交互和不可交互的元素使用相同的顏色至耻。否則用戶(hù)就很難知道到底哪里是可點(diǎn)擊的疤苹。

c. 在多種光線(xiàn)條件下測(cè)試你的app的顏色方案夸溶。以求在大多數(shù)的使用場(chǎng)景下提供最好的視覺(jué)體驗(yàn)。

d. 使用足夠的顏色對(duì)比度。避免圖標(biāo)和文字跟背景分不開(kāi)

3. 布局

a. 內(nèi)容是你的最高使命。一般來(lái)說(shuō)加缘，具有相似功能的元素應(yīng)該看起來(lái)相似勋乾。

b. 利用視覺(jué)權(quán)重和平衡來(lái)表示重要性各吨。大的對(duì)象能夠抓住人的眼球，也更易于點(diǎn)擊，一般來(lái)說(shuō)，把首要的對(duì)象放在屏幕的上半部分并且放在偏左的位置 ——處于從左往右的閱讀環(huán)境時(shí)龙助。

c. 縮進(jìn)和對(duì)齊還可以表明多組內(nèi)容之間的關(guān)系胸哥。

d. 為可交互元素提供足夠的空間。盡量讓所有控件都有不小于44pt x 44pt的點(diǎn)擊區(qū)域。

4. 字體

iOS的系統(tǒng)字體英文是San Francisco［SF UI Text （用于19p及以下大小的文本）和SF UI Display（用于20p及以上大小的文本）］中文為蘋(píng)方北发。此款字體較之前的Helvetica和黑體-簡(jiǎn)整體顯得更為圓潤(rùn)惊畏，讓閱讀變得更加容易缰盏，這對(duì)于大屏趨勢(shì)來(lái)說(shuō)顯得更為重要济炎。

以上是對(duì)ios設(shè)計(jì)原則的粗淺的研究，縱觀(guān)ios近幾年的產(chǎn)品迭代，越來(lái)越注重效率蜡豹，甚至?xí)虼硕蹞p視覺(jué)效果娇唯，設(shè)計(jì)師很難單純從視覺(jué)角度提升產(chǎn)品的整體品質(zhì)，更多的要在交互邏輯上下功夫，這將是接下來(lái)對(duì)ui設(shè)計(jì)師最大的考驗(yàn)。最后我想說(shuō)的是：用戶(hù)的需求是感性的亮蒋，我們?cè)谧霎a(chǎn)品時(shí)要經(jīng)常換位思考，多方權(quán)衡，不應(yīng)生搬硬套這套原則。

ios還提供了更多的界面設(shè)計(jì)原則丁稀，比如ui控件、擴(kuò)展、技術(shù)、資源等（此文中引薦的話(huà)原版均為英文测砂，翻譯拙略存璃，請(qǐng)英文好的童鞋移步至此https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles）洒扎。