ui設(shè)計(jì)風(fēng)格就是設(shè)計(jì)師思路和產(chǎn)品特性最完美結(jié)合,突出體現(xiàn)產(chǎn)品的賣(mài)點(diǎn)、體現(xiàn)產(chǎn)品的與眾不同,在使用過(guò)程中實(shí)現(xiàn)良好的可操作性。現(xiàn)在就和大家一起談?wù)勛罱餍械膗i設(shè)計(jì)風(fēng)格的話題。
通常人們所說(shuō)的ui設(shè)計(jì)主要針對(duì)軟件產(chǎn)品操作界面,要求美觀新穎、人機(jī)互動(dòng)良好,突出軟件的特點(diǎn)定位,體現(xiàn)軟件的個(gè)性品味,今天就對(duì)最近流行的ui設(shè)計(jì)風(fēng)格做簡(jiǎn)單介紹。
現(xiàn)在,越來(lái)越多設(shè)計(jì)師熱衷于分享他們的作品,和一些很新的概念。一些作品很商業(yè),而另外一些作品可能影響未來(lái)的設(shè)計(jì)方向。今天我們要從中挖掘出2018年的ui設(shè)計(jì)趨勢(shì)。希望能夠該大家?guī)?lái)幫助。
一、在網(wǎng)頁(yè)的突出位置加入插圖
在網(wǎng)頁(yè)中加入定制化設(shè)計(jì)的插畫(huà)是今年最流行的趨勢(shì)之一。這些插畫(huà)引人入勝。圖片的感知比文字更快,因此插圖可以吸引用戶的注意,讓用戶更了解產(chǎn)品和服務(wù)。
二、為移動(dòng)設(shè)備定制插圖
在移動(dòng)界面中使用定制的插畫(huà)的趨勢(shì)也在不斷增加。特別在是在引導(dǎo)頁(yè),各種風(fēng)格的插圖,可以為產(chǎn)品講述一個(gè)好故事。
三、大量使用分屏
目前出現(xiàn)的分屏設(shè)計(jì)比較多。根據(jù)設(shè)計(jì)的需要,分屏設(shè)計(jì)的原因主要有:
1、引起人注意的對(duì)比色彩
2、分離不同的內(nèi)容
3、分隔不同的交互區(qū)域
4、呈現(xiàn)多元化的選擇
5、讓內(nèi)容更具響應(yīng)性

(圖片來(lái)自網(wǎng)絡(luò))
四、采用漸變型插畫(huà)設(shè)計(jì)
特點(diǎn):漸變插畫(huà)風(fēng)格的運(yùn)用,可以使畫(huà)面更有層次感,更有逼格,在顏色的運(yùn)用上一般采取近似色,顏色的種類(lèi)不要過(guò)多。
五、使用模糊背景
模糊背景和iOS毛玻璃效果非常的相似,也符合時(shí)下流行的扁平化和現(xiàn)代風(fēng)的設(shè)計(jì),設(shè)計(jì)效果十分的賞心悅目,可以很好的和幽靈按鈕以及時(shí)下流行的元素搭配起來(lái),提升用戶體驗(yàn)。
以淘寶電影為例,采用的是虛化電影海報(bào)作為背景,這樣做的好處是每一個(gè)頁(yè)面的頭部效果都不一樣,這樣的排版視覺(jué)效果更佳,同樣也突出電影信息等主要內(nèi)容。從設(shè)計(jì)的角度來(lái)看,這也很容易實(shí)現(xiàn),讓內(nèi)容模塊變的清晰,同時(shí)可以規(guī)避復(fù)雜的設(shè)計(jì),還可以降低設(shè)計(jì)成本,花最少的時(shí)間達(dá)到最大的效果。
六、大字體的使用
每個(gè)APP都希望用戶停留的時(shí)間更長(zhǎng),從各方面去爭(zhēng)取用戶的注意力,而更大更醒目的字體運(yùn)用剛好符合這一需求。當(dāng)前的市場(chǎng)情況,大屏手機(jī)是主流,這一點(diǎn)是非常重要的使用背景。
大字體在移動(dòng)端上呈現(xiàn),會(huì)賦予界面以層次,提高特定元素的視覺(jué)重量,給用戶眼前一亮的感覺(jué)。而且現(xiàn)在的界面設(shè)計(jì)趨勢(shì)更有雜志風(fēng)的方向,大字體,模塊化,用圖片替代色塊作為背景。
其次字體夠大,夠優(yōu)雅,夠獨(dú)特,同時(shí)也能提升頁(yè)面的氣質(zhì)和特色,很多用戶會(huì)因?yàn)轫?yè)面好看,符合審美,就會(huì)決定留下來(lái),即使功能并不很滿足需求。這對(duì)很多app提升用戶粘性是一個(gè)重要發(fā)方向。

(圖片來(lái)自網(wǎng)絡(luò))
七、描邊型的插畫(huà)設(shè)計(jì)風(fēng)格
特點(diǎn):運(yùn)用形狀及描邊,完成插畫(huà)設(shè)計(jì),其簡(jiǎn)潔畫(huà)風(fēng),使得畫(huà)面不會(huì)太滿,一般出現(xiàn)在彈窗和缺省頁(yè)。
最后總的來(lái)說(shuō),插畫(huà)設(shè)計(jì)適合運(yùn)用于ui設(shè)計(jì)中的啟動(dòng)頁(yè)、banner、專(zhuān)題、刷新、icon、彈框、背景圖等,從風(fēng)格運(yùn)用來(lái)講,有些會(huì)運(yùn)用兩種風(fēng)格相結(jié)合的方式來(lái)表現(xiàn),比如漸變+立體,平面+肌理,手繪+描邊,靈活運(yùn)用各種風(fēng)格才是關(guān)鍵。
關(guān)于最近流行的ui設(shè)計(jì)風(fēng)格的話題,今天先說(shuō)這么多,設(shè)計(jì)風(fēng)格的形成需要多年的磨練、積累以及結(jié)合設(shè)計(jì)師個(gè)人因素,一款優(yōu)秀的ui界面設(shè)計(jì)肯定是設(shè)計(jì)師和產(chǎn)品的最完美的結(jié)合。如果你也對(duì)ui設(shè)計(jì)有興趣就請(qǐng)關(guān)注小編,后序還將陸續(xù)推出關(guān)于ui設(shè)計(jì)的文章。


在微信中搜索faceui