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

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

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

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

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

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

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

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

　　3、幾何風(fēng)格

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

　　4、漸變風(fēng)格

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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