歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

浪訊科技規(guī)劃師通知你怎么規(guī)劃出一款極簡(jiǎn)APP

發(fā)布時(shí)間:2018-02-13 文章來(lái)源:本站  瀏覽次數(shù):3794

隨著極簡(jiǎn)風(fēng)的盛行,高雅極簡(jiǎn)的規(guī)劃和易用性于一身的運(yùn)用更為用戶承受和喜歡,因此,規(guī)劃師有必要學(xué)會(huì)將極簡(jiǎn)規(guī)劃運(yùn)用到APP規(guī)劃中去。極簡(jiǎn)風(fēng)的APP規(guī)劃通常要具有幾個(gè)特征:簡(jiǎn)練,明晰,共同,而且可用。你的APP的交互系統(tǒng)應(yīng)當(dāng)經(jīng)過(guò)明晰的視覺(jué)傳達(dá)辦法幫用戶定位并解決問(wèn)題。要做到這一點(diǎn),你能夠從下面幾點(diǎn)著手:
一、簡(jiǎn)略的配色計(jì)劃
考慮到太多的顏色可能會(huì)給用戶以負(fù)面影響,所以盡量簡(jiǎn)化配色計(jì)劃,提升用戶體會(huì)。有許多預(yù)設(shè)的配色規(guī)范和配色計(jì)劃可供參考,能夠以此為基礎(chǔ)創(chuàng)立新的解決計(jì)劃,而且這種思路尤其合適初學(xué)者:
·單色配色:?jiǎn)紊渖?jì)劃通常是由特定顏色的不同深淺、不同顏色所構(gòu)成。經(jīng)過(guò)調(diào)整這一顏色的飽和度、明暗來(lái)生成和諧的配色計(jì)劃。

·相似色配色:色輪上互相相鄰的顏色是相似色,它們能在顏色上營(yíng)建出和諧而接連的感覺(jué)。盡管這種配色不是那么好把控的,可是有竅門(mén),就是注意選取有感染力的顏色作為中心,這樣能夠最大化運(yùn)用整個(gè)計(jì)劃。一套相似色的配色計(jì)劃通常是在色輪的同一區(qū)域內(nèi)選取顏顏色配而成。

二、含糊效果
含糊效果出現(xiàn)在極簡(jiǎn)化UI規(guī)劃中是一件十分契合邏輯的工作,由于它先天就能夠強(qiáng)化UI的層次感。多層次的UI結(jié)構(gòu)中,含糊效果使得用戶能更簡(jiǎn)單分辯前后層級(jí)的差異和前后聯(lián)絡(luò)。而含糊效果一起也賦予了UI規(guī)劃師探究不同菜單和布局規(guī)劃的可能性。
yahoo氣候APP 中,每個(gè)不同的城市都會(huì)有一張美麗精美的照片,只需一個(gè)點(diǎn)擊你就能看到看到關(guān)于這個(gè)地址的更詳細(xì)的要害信息。比較于用一個(gè)全新的界面來(lái)隱瞞美麗的布景,yahoo的規(guī)劃師讓布景含糊虛化,以保存UI的運(yùn)用場(chǎng)景,不會(huì)讓用戶有跳出界面的感覺(jué),而含糊的布景和遠(yuǎn)景的內(nèi)容又構(gòu)成了杰出的比照度。這樣的交互愈加直觀奇妙,主界面和詳細(xì)信息之間的聯(lián)絡(luò)又滿足緊密,邏輯明晰。

三、一個(gè)APP,一種字體

APP字體規(guī)劃

幾種不同的字體在一個(gè)APP中混用,會(huì)讓你的APP顯得松懈而大意。削減屏幕上字體類型的數(shù)量,能夠強(qiáng)化排版的效果。當(dāng)你規(guī)劃APP的時(shí)分,盡量企圖經(jīng)過(guò)操控同一字體的字重、款式、尺度和顏色來(lái)營(yíng)建不同的布局體會(huì),而非換不同的字體。
當(dāng)你在為你的APP挑選字體的時(shí)分,挑選渠道的默許字體可能是最安全保險(xiǎn)的挑選:
·蘋(píng)果公司現(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)用大字體和奪目的顏色來(lái)讓特定的數(shù)據(jù)成為視覺(jué)的焦點(diǎn)。一般的數(shù)據(jù)和內(nèi)容運(yùn)用中性的黑白灰來(lái)展現(xiàn),而要害的數(shù)據(jù)則運(yùn)用強(qiáng)比照的顏色,起到行為召喚的效果,這樣能夠讓用戶的注意力愈加會(huì)集。
亮堂的顏色+中性的顏色是最簡(jiǎn)單調(diào)配的計(jì)劃,一起也是視覺(jué)上最引人注意的計(jì)劃。

被放大的字體和愈加顯眼的顏色無(wú)疑在整個(gè)界面中愈加具有視覺(jué)吸引力,無(wú)需更多的提示,用戶就知道眼睛應(yīng)該看哪里。

五、經(jīng)過(guò)空間分隔元素,而非線條
規(guī)劃師常常會(huì)用線條來(lái)切割區(qū)塊,標(biāo)明鴻溝,區(qū)別屏幕功用區(qū)域。可是當(dāng)界面元素多起來(lái)之后,這些鴻溝、襯線、分隔線會(huì)讓整個(gè)界面擁擠不堪。
精簡(jiǎn)切割線會(huì)給你一個(gè)潔凈、現(xiàn)代且功用杰出的界面。想要切割、區(qū)別不同的元素,辦法有許多,比方運(yùn)用色塊,操控距離,增加顏色和內(nèi)容,等等等等。谷歌日歷就是一個(gè)相當(dāng)好的比如,適度的暗影,明快而易于聚集的色塊,充溢呼吸感的距離,讓不同的區(qū)塊、內(nèi)容都明晰的分隔在屏幕上不同的當(dāng)?shù)亍?/p>

六、圖標(biāo):線條和填充
圖標(biāo)是UI規(guī)劃中的重要元素,也是視覺(jué)傳達(dá)的主要手法之一。圖標(biāo)應(yīng)當(dāng)是精約的,作為視覺(jué)元素它應(yīng)當(dāng)能讓用戶立即、快速的分辯出來(lái)。iOS 7 之后的iOS系統(tǒng)就開(kāi)端走上精約的規(guī)劃路線了,其間圖標(biāo)大多運(yùn)用了線條和填充式的規(guī)劃:

iOS 的時(shí)鐘圖標(biāo)的兩種款式
看看界面底部的Tab菜單欄,它作為運(yùn)用內(nèi)導(dǎo)航運(yùn)用的時(shí)分,通常是常駐于底部,所以當(dāng)用戶進(jìn)入某個(gè)功用模塊的時(shí)分,需要高亮某個(gè)圖標(biāo),讓用戶明白他們地點(diǎn)的當(dāng)?shù)。這個(gè)時(shí)分,灰色的線性圖標(biāo)表明為未選中的狀況,而填充上艷麗藍(lán)色的圖標(biāo)則用來(lái)表明選中的狀況。這樣一來(lái),這些圖標(biāo)的可用性就顯得相當(dāng)不錯(cuò)了。

iOS 的時(shí)鐘圖標(biāo)的兩種款式


上一條:浪訊科技通知你企業(yè)為何要...

下一條:合肥企業(yè)網(wǎng)站建造中簡(jiǎn)單被...