隨著極簡風(fēng)的盛行,高雅極簡的規(guī)劃和易用性于一身的運(yùn)用更為用戶承受和喜歡,因此,規(guī)劃師有必要學(xué)會將極簡規(guī)劃運(yùn)用到APP規(guī)劃中去。極簡風(fēng)的APP規(guī)劃通常要具有幾個特征:簡練,明晰,共同,而且可用。你的APP的交互系統(tǒng)應(yīng)當(dāng)經(jīng)過明晰的視覺傳達(dá)辦法幫用戶定位并解決問題。要做到這一點(diǎn),你能夠從下面幾點(diǎn)著手:
一、簡略的配色計劃
考慮到太多的顏色可能會給用戶以負(fù)面影響,所以盡量簡化配色計劃,提升用戶體會。有許多預(yù)設(shè)的配色規(guī)范和配色計劃可供參考,能夠以此為基礎(chǔ)創(chuàng)立新的解決計劃,而且這種思路尤其合適初學(xué)者:
·單色配色:單色配色計劃通常是由特定顏色的不同深淺、不同顏色所構(gòu)成。經(jīng)過調(diào)整這一顏色的飽和度、明暗來生成和諧的配色計劃。
·相似色配色:色輪上互相相鄰的顏色是相似色,它們能在顏色上營建出和諧而接連的感覺。盡管這種配色不是那么好把控的,可是有竅門,就是注意選取有感染力的顏色作為中心,這樣能夠最大化運(yùn)用整個計劃。一套相似色的配色計劃通常是在色輪的同一區(qū)域內(nèi)選取顏顏色配而成。
二、含糊效果
含糊效果出現(xiàn)在極簡化UI規(guī)劃中是一件十分契合邏輯的工作,由于它先天就能夠強(qiáng)化UI的層次感。多層次的UI結(jié)構(gòu)中,含糊效果使得用戶能更簡單分辯前后層級的差異和前后聯(lián)絡(luò)。而含糊效果一起也賦予了UI規(guī)劃師探究不同菜單和布局規(guī)劃的可能性。
yahoo氣候APP 中,每個不同的城市都會有一張美麗精美的照片,只需一個點(diǎn)擊你就能看到看到關(guān)于這個地址的更詳細(xì)的要害信息。比較于用一個全新的界面來隱瞞美麗的布景,yahoo的規(guī)劃師讓布景含糊虛化,以保存UI的運(yùn)用場景,不會讓用戶有跳出界面的感覺,而含糊的布景和遠(yuǎn)景的內(nèi)容又構(gòu)成了杰出的比照度。這樣的交互愈加直觀奇妙,主界面和詳細(xì)信息之間的聯(lián)絡(luò)又滿足緊密,邏輯明晰。
三、一個APP,一種字體
幾種不同的字體在一個APP中混用,會讓你的APP顯得松懈而大意。削減屏幕上字體類型的數(shù)量,能夠強(qiáng)化排版的效果。當(dāng)你規(guī)劃APP的時分,盡量企圖經(jīng)過操控同一字體的字重、款式、尺度和顏色來營建不同的布局體會,而非換不同的字體。
當(dāng)你在為你的APP挑選字體的時分,挑選渠道的默許字體可能是最安全保險的挑選:
·蘋果公司現(xiàn)在在全渠道上運(yùn)用的是San Francisco字體,iOS 9 大將這種字體標(biāo)記為 SF-UI。
·Roboto 和 Noto 則是Google Android 和 Chrome 上的默許字體。
四、聚集數(shù)據(jù)
你應(yīng)當(dāng)運(yùn)用大字體和奪目的顏色來讓特定的數(shù)據(jù)成為視覺的焦點(diǎn)。一般的數(shù)據(jù)和內(nèi)容運(yùn)用中性的黑白灰來展現(xiàn),而要害的數(shù)據(jù)則運(yùn)用強(qiáng)比照的顏色,起到行為召喚的效果,這樣能夠讓用戶的注意力愈加會集。
亮堂的顏色+中性的顏色是最簡單調(diào)配的計劃,一起也是視覺上最引人注意的計劃。
被放大的字體和愈加顯眼的顏色無疑在整個界面中愈加具有視覺吸引力,無需更多的提示,用戶就知道眼睛應(yīng)該看哪里。
五、經(jīng)過空間分隔元素,而非線條
規(guī)劃師常常會用線條來切割區(qū)塊,標(biāo)明鴻溝,區(qū)別屏幕功用區(qū)域?墒钱(dāng)界面元素多起來之后,這些鴻溝、襯線、分隔線會讓整個界面擁擠不堪。
精簡切割線會給你一個潔凈、現(xiàn)代且功用杰出的界面。想要切割、區(qū)別不同的元素,辦法有許多,比方運(yùn)用色塊,操控距離,增加顏色和內(nèi)容,等等等等。谷歌日歷就是一個相當(dāng)好的比如,適度的暗影,明快而易于聚集的色塊,充溢呼吸感的距離,讓不同的區(qū)塊、內(nèi)容都明晰的分隔在屏幕上不同的當(dāng)?shù)亍?/p>
六、圖標(biāo):線條和填充
圖標(biāo)是UI規(guī)劃中的重要元素,也是視覺傳達(dá)的主要手法之一。圖標(biāo)應(yīng)當(dāng)是精約的,作為視覺元素它應(yīng)當(dāng)能讓用戶立即、快速的分辯出來。iOS 7 之后的iOS系統(tǒng)就開端走上精約的規(guī)劃路線了,其間圖標(biāo)大多運(yùn)用了線條和填充式的規(guī)劃:
iOS 的時鐘圖標(biāo)的兩種款式
看看界面底部的Tab菜單欄,它作為運(yùn)用內(nèi)導(dǎo)航運(yùn)用的時分,通常是常駐于底部,所以當(dāng)用戶進(jìn)入某個功用模塊的時分,需要高亮某個圖標(biāo),讓用戶明白他們地點(diǎn)的當(dāng)?shù)。這個時分,灰色的線性圖標(biāo)表明為未選中的狀況,而填充上艷麗藍(lán)色的圖標(biāo)則用來表明選中的狀況。這樣一來,這些圖標(biāo)的可用性就顯得相當(dāng)不錯了。
|