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