什么是趨勢(shì)？它是一種向新的或不同的東西的變化。有一些主要的趨勢(shì)會(huì)在一年或更長(zhǎng)的時(shí)間內(nèi)塑造這個(gè)行業(yè)。并且將會(huì)一直存在。此外，還有一些熱門(mén)趨勢(shì)，它們來(lái)來(lái)去去，卻有著強(qiáng)大的變革力量。
這次，小編將從視覺(jué)部分開(kāi)始，分別在布局、顏色、形式和樣式這幾個(gè)方面，重新和大家討論最新的UI趨勢(shì)。
# 非標(biāo)準(zhǔn)布局 #
Non-standard layouts
帶有靜態(tài)文本塊的瑣碎網(wǎng)格布局已經(jīng)成為了UI設(shè)計(jì)趨勢(shì)的過(guò)去。目前，非標(biāo)準(zhǔn)沉浸式布局加上“滾動(dòng)式描述”正在為創(chuàng)新的用戶(hù)界面設(shè)計(jì)確定方向。
一旦用戶(hù)登陸網(wǎng)站并開(kāi)始滾動(dòng)操作，他們就會(huì)激活動(dòng)態(tài)敘事，隨后他們將被帶入一場(chǎng)冒險(xiǎn)。每一次移動(dòng)操作，用戶(hù)都會(huì)發(fā)現(xiàn)界面上的新元素，這些元素有助于故事的講述。用戶(hù)成為直接的參與者，被屏幕上的事件所吸引。
Design by Resn for JUST Egg
# UI顏色 #
Trending UI colors
在談?wù)摤F(xiàn)代UI顏色時(shí)，我們很難，甚至不可能指出一種單一的顏色或調(diào)色板，它可以自動(dòng)使界面設(shè)計(jì)變得時(shí)尚起來(lái)。這一切都取決于我們?nèi)绾螌⑺c其他視覺(jué)元素結(jié)合起來(lái)，以及它是否與產(chǎn)品的性質(zhì)相吻合。
相信任何一個(gè)設(shè)計(jì)師都對(duì)色彩的心理學(xué)很熟悉。無(wú)論是在情感還是行為上，也都能應(yīng)用它來(lái)觸發(fā)預(yù)期的用戶(hù)反應(yīng)。通過(guò)精心挑選的調(diào)色板，設(shè)計(jì)師可以操縱人類(lèi)的感知，并將其轉(zhuǎn)變?yōu)楫a(chǎn)品的優(yōu)勢(shì)。
Pastel (粉彩)
粉彩與平靜和純潔有關(guān)。蒼白的顏色在被集體使用時(shí)最能感受到它的影響。
采用柔和顏色的極簡(jiǎn)主義界面是干凈的，且有大量的負(fù)空間，并傳達(dá)一種友好的氛圍。然而，如果我們是想創(chuàng)造一個(gè)單色的設(shè)計(jì)，那么需要確保使用不同色調(diào)的單一顏色與正確的排版相搭配。我們也可以添加一種互補(bǔ)的粉色，但不需要有太大的反差，這樣我們就有可能創(chuàng)造出一個(gè)潮流的用戶(hù)界面。
更重要的是，當(dāng)粉彩被用作我們想突出的元素的“畫(huà)布”時(shí)，它能起到很好的作用：幫助用戶(hù)把注意力集中在突出的圖像上。
Design by Trellis for Slate Milk
Neon (霓虹燈色彩)
霓虹燈是引人注意的，因此可以被列入大膽的UI設(shè)計(jì)趨勢(shì)列表中。它們?cè)谛枰牡胤?strong>增強(qiáng)了界面元素，并強(qiáng)調(diào)出信息。
在這里建議大家只將霓虹燈用作點(diǎn)綴，以避免顏色沖突。它們的性質(zhì)過(guò)于大膽和苛刻。因此，如果在界面中過(guò)度使用，瀏覽者可能會(huì)感到不知所措，最后覺(jué)得厭煩，這反過(guò)來(lái)可能會(huì)導(dǎo)致用戶(hù)體驗(yàn)的變化。
霓虹燈經(jīng)常被用在孟菲斯設(shè)計(jì)中，使用戶(hù)回到1980年代。它因其鮮艷的色彩和對(duì)比強(qiáng)烈的形狀而受到歡迎。
設(shè)計(jì)師可以朝一個(gè)方向發(fā)展，要么是粉色，要么是霓虹燈，或者將它們結(jié)合起來(lái)。即使是單一的霓虹燈色調(diào)，也會(huì)為粉彩元素增添一種電光火石的感覺(jué)。
Design by Anatoliy Demyanchuk on Dribbble
# UI形式趨勢(shì) #
Form trends in UI
從驚人的現(xiàn)實(shí)主義到高度的象征性，眾多的設(shè)計(jì)方法在今天掀起了波瀾。由于這些新的UI用戶(hù)體驗(yàn)趨勢(shì)所帶來(lái)的創(chuàng)造性自由，每個(gè)設(shè)計(jì)師都可以找到與他們產(chǎn)生共鳴的東西，并制作出真正的數(shù)字藝術(shù)品。
Abstract (抽象)
在這里，我們可以釋放自己內(nèi)心的巴勃羅-畢加索，為產(chǎn)品的設(shè)計(jì)添加一種獨(dú)特的風(fēng)格。抽象不與現(xiàn)實(shí)世界的圖像相聯(lián)系，因此，用戶(hù)會(huì)以自己的方式來(lái)感知。我們可以使用非標(biāo)準(zhǔn)的形狀、線(xiàn)條和顏色，以最大膽的方式將它們結(jié)合起來(lái)，進(jìn)而創(chuàng)造出一種潮流的UI設(shè)計(jì)。
通常情況下，抽象的插圖傳達(dá)的意義不大，但用戶(hù)卻無(wú)法停止觀(guān)看它們。因此，在設(shè)計(jì)的時(shí)候，我們需要審視每一個(gè)小細(xì)節(jié)，試圖把握住這個(gè)概念。
要記住，抽象與平面設(shè)計(jì)相得益彰，而調(diào)色板則可以很大膽。
Inspired by 10×19
Hyperrealism (超現(xiàn)實(shí)主義)
這關(guān)于細(xì)節(jié)和現(xiàn)實(shí)主義。超現(xiàn)實(shí)的元素比抽象的元素更有感情，這既可以是好的，也可以是壞的。為了創(chuàng)造一個(gè)有影響力的超現(xiàn)實(shí)插圖，我們需要重新審視物體，并密切關(guān)注它的紋理、不完美之處以及圖案，然后模仿真實(shí)物體，甚至可以夸大一些細(xì)節(jié)。
與3D效果相結(jié)合，超現(xiàn)實(shí)圖像可以增強(qiáng)用戶(hù)的沉浸式體驗(yàn)，并創(chuàng)造一個(gè)新的現(xiàn)實(shí)幻覺(jué)。一旦混合在一起，抽象和超現(xiàn)實(shí)主義就能形成一個(gè)高度未來(lái)主義和現(xiàn)代的用戶(hù)界面設(shè)計(jì)。
Design byestudio/nk for Tío Luchín
# 現(xiàn)代UI風(fēng)格 #
Modern UI styles
在歷史上，設(shè)計(jì)經(jīng)歷過(guò)許多轉(zhuǎn)變，也嘗試了不同的風(fēng)格。例如，80年代帶有像素化元素的后現(xiàn)代風(fēng)格，90年代富于對(duì)比的美學(xué)風(fēng)格，扁平設(shè)計(jì)等等。
趨勢(shì)是具有周期性的，而我們?nèi)匀豢梢栽诂F(xiàn)代設(shè)計(jì)中使用這些風(fēng)格。
Flat (扁平化)
扁平化的UI設(shè)計(jì)趨勢(shì)將繼續(xù)存在。它的重點(diǎn)是簡(jiǎn)單的形狀、最小的紋理和二維的物體。扁平化設(shè)計(jì)是以功能為中心的。所有的裝飾性元素都被視為雜亂無(wú)章，使信息難以?huà)呙琛?/p>
但是，即使我們是一個(gè)簡(jiǎn)約的平面設(shè)計(jì)的粉絲，用陰影和漸變使它們稍微變得更有活力也無(wú)妨。實(shí)驗(yàn)豐富的色調(diào)或高光，將為標(biāo)志、圖標(biāo)、插圖，甚至是字體注入新的活力。
Design by Toma Li on Dribbble
3D
在不久的將來(lái)，3D UI趨勢(shì)可能在一切領(lǐng)域的興起。從字體設(shè)計(jì)到圖標(biāo)再到插圖，這是一個(gè)吸引用戶(hù)注意力的可靠方法。我們可以大膽嘗試將超現(xiàn)實(shí)元素與3D效果和運(yùn)動(dòng)結(jié)合起來(lái)，以獲得更強(qiáng)的沖擊力，用戶(hù)也會(huì)清楚地記住。
或者，可以潛心研究新變形主義。它的核心重點(diǎn)是讓界面元素看起來(lái)像真的一樣。在這樣的設(shè)計(jì)中，沒(méi)有夸張的現(xiàn)實(shí)主義。它們只是類(lèi)似于物理對(duì)象和它們所使用的材料。這為產(chǎn)品的用戶(hù)界面增加了鮮明的現(xiàn)代感。
現(xiàn)在更常見(jiàn)的是將這些風(fēng)格交織在一起。全平面的設(shè)計(jì)看起來(lái)平淡無(wú)奇，而全3D的設(shè)計(jì)則過(guò)于笨重。在這里，成功的關(guān)鍵是在這兩種UI用戶(hù)體驗(yàn)趨勢(shì)之間取得完美的平衡。
Design by Filip Legierski on Dribbble
# 混合所有 #
Mix’em all
"不要試圖跟隨潮流。創(chuàng)造它們"。
早些時(shí)候的設(shè)計(jì)師們只是在摸索正確的道路，以謹(jǐn)慎的方式使用UI設(shè)計(jì)趨勢(shì)。如果他們有一個(gè)使用抽象主義的想法，就沒(méi)有其他形式和形狀的空間了。現(xiàn)在，終于到了我們不需要按規(guī)則行事的時(shí)候了：可以自由地混合任何自己喜歡的元素。
在試圖讓用戶(hù)驚嘆的過(guò)程中，所有的方法都是有效的。把設(shè)計(jì)過(guò)程當(dāng)作一個(gè)拼圖游戲。從上述所有類(lèi)別中抽取不同的趨勢(shì)，把它們作為拼圖的碎片放在一起。如果它們能很好地結(jié)合在一起，那說(shuō)明大家已經(jīng)找到了成功的公式。如果不是，就嘗試其他組合。就這么簡(jiǎn)單。
正如我們現(xiàn)在所知道的，UI設(shè)計(jì)中只有一個(gè)主要趨勢(shì)，那就是實(shí)驗(yàn)。只要大家有足夠的勇氣去實(shí)驗(yàn)！
以上這些UI設(shè)計(jì)趨勢(shì)，都能幫助大家在設(shè)計(jì)時(shí)候打動(dòng)用戶(hù)，呈現(xiàn)出極佳的效果。
更多有關(guān)交互設(shè)計(jì)干貨或留學(xué)信息，可以持續(xù)關(guān)注我們哦~
文章鏈接：
https://medium.muz.li/current-ui-trends-how-to-impress-users-with-your-designs-eb272f3b74a7
