ui界面設(shè)計(jì)既要考慮設(shè)計(jì)的合理性也要考慮設(shè)計(jì)的美化。不同的設(shè)計(jì)者在設(shè)計(jì)ui界面的時(shí)候都有自己的想法和特點(diǎn)。但是什么樣的ui界面設(shè)計(jì)才是好的作品呢？今天就讓faceui為大家介紹不同風(fēng)格的ui界面設(shè)計(jì)欣賞。

　　不同風(fēng)格的ui界面設(shè)計(jì)欣賞

　　1、扁平化風(fēng)格

　　在過去的兩年左右，扁平化無疑是討論最多、最火的設(shè)計(jì)趨勢。但設(shè)計(jì)趨勢往往受到媒體，技術(shù)，和實(shí)用性的影響，一般都以緩慢漸進(jìn)的方式滲透在我們的設(shè)計(jì)中，周期在1-2年之間。目前已經(jīng)有很多設(shè)計(jì)師對它進(jìn)行細(xì)微改進(jìn)，形成了一個(gè)新的設(shè)計(jì)趨勢－半扁平設(shè)計(jì)。

　　半扁平化設(shè)計(jì)說直白點(diǎn)，其實(shí)就是結(jié)合了materialdesign和flatdesign兩種風(fēng)格的處理手法。使簡潔的設(shè)計(jì)上多一些空間感，包括懸浮的按鈕和卡片的設(shè)計(jì)。按照Wired的話來說，那就是讓像素具備海拔高度，這樣子的話，系統(tǒng)的不同層面的元素，都是有原則、可預(yù)測的，不讓用戶感到無所適從。

　　2、三維設(shè)計(jì)風(fēng)格

　　在以前，UI或運(yùn)營設(shè)計(jì)中常見的都是二維的處理手法。元素以平面的方式展示給我們，但是今年會慢慢趨于更多3D的效果，使內(nèi)容更加有縱深感從而也提升了設(shè)計(jì)的趣味性，尤其是運(yùn)用在運(yùn)營設(shè)計(jì)上會讓畫面顯得更加豐富。

ui界面設(shè)計(jì)欣賞（圖片來自網(wǎng)絡(luò)）

　　3、幾何風(fēng)格

　　從2016年年底就有一些設(shè)計(jì)作品或者設(shè)計(jì)包裝采用不同顏色的幾何圖形進(jìn)行點(diǎn)綴。它不是作為設(shè)計(jì)內(nèi)容的主角，而是起到渲染畫面氛圍的作用。用色一般鮮亮大膽，會給人視覺上的沖擊，多用于運(yùn)營設(shè)計(jì)。

　　4、漸變風(fēng)格

　　漸變色的運(yùn)用范圍很廣，它可以當(dāng)作背景使用，也可以在logo或者按鈕上使用。今年的漸變不再是像擬物化時(shí)代為了還原物體本身的空間所做的處理。這里的漸變多為大撞色的使用，為了營造氛圍和產(chǎn)品氣質(zhì)使用。

　　5、標(biāo)題風(fēng)格設(shè)置

　　預(yù)測今年將會有越來越多優(yōu)秀的產(chǎn)品跳脫出系統(tǒng)本身規(guī)范的束縛，開始更大膽的設(shè)計(jì)。不在局限于本身規(guī)范里最大字號不能超過多少px，間距最好在稍稍px之內(nèi)等等…而是針對不同場景，不同用戶群體，不同的內(nèi)容去特殊處理。

　　如何設(shè)計(jì)出“好看”的UI界面

　　1、方向上：多種元素組合搭配設(shè)計(jì)。包括：

ui界面設(shè)計(jì)欣賞（圖片來自網(wǎng)絡(luò)）

　?。?）主題：卡通漫畫，機(jī)甲，中國（神話、仙俠、古代、民國、現(xiàn)代等），歐美（希臘神話、冷兵器時(shí)代、中世紀(jì)、魔幻、科幻、現(xiàn)代等）。

　　（2）定位：RPG，MOBA，棋牌，音樂，兒童，少女等。

　?。?）風(fēng)格：扁平，二次元，歐美風(fēng)，中國風(fēng)，日和風(fēng)，可愛Q版等。

　?。?）思路：簡約民國漫畫風(fēng)格、二次元魔幻題材等。

　　2、找靈感：多種載體媒介中提煉。在找靈感的時(shí)候可以避免找已完成的界面，可以在游戲官網(wǎng)（推薦網(wǎng)易家游戲官網(wǎng)）、原畫、電影、照片、廣告或是主機(jī)類游戲中尋找設(shè)計(jì)點(diǎn)、構(gòu)圖形式、層次穿插、整體氣氛的表現(xiàn)方式，再結(jié)合UE進(jìn)行全新的設(shè)計(jì)。

　　3、帶著問題找參考素材。在方向和靈感都收集好后，開始思考界面的表現(xiàn)形式，比如擬物化的表現(xiàn)還是整體沉浸感的表現(xiàn)。再結(jié)合UE布局，開始對表現(xiàn)元素進(jìn)行搭配拼接，而不是無腦的堆量。

　　4、主次關(guān)系調(diào)整。對自己的想法進(jìn)行嘗試和試錯(cuò)的階段，從設(shè)計(jì)細(xì)節(jié)，到回歸整體，反復(fù)思考，對比，進(jìn)行制作。

　　這個(gè)過程中也需要考慮：用戶體驗(yàn)，視覺順序，顏色關(guān)系，空間層次，整體氛圍，光影關(guān)系等。

　　以上就是faceui為大家介紹的關(guān)于ui界面設(shè)計(jì)欣賞的相關(guān)內(nèi)容。好的ui界面設(shè)計(jì)讓人受益匪淺，很多設(shè)計(jì)理念、設(shè)計(jì)風(fēng)格、設(shè)計(jì)技巧都蘊(yùn)含在設(shè)計(jì)中，很多朋友可以通過學(xué)習(xí)欣賞別人優(yōu)秀的ui界面設(shè)計(jì)獲得更多的知識和方法。