2017年UI設(shè)計(jì)的10個(gè)最重要的趨勢(shì)分享
網(wǎng)頁(yè)設(shè)計(jì)和UI設(shè)計(jì)的趨勢(shì)是變化非?？斓?，有的時(shí)候我們很難跟得上這不斷變化的趨勢(shì)和發(fā)展。 隨著2016年接近尾聲，我們挑選了我們認(rèn)為您應(yīng)該在2017年UI設(shè)計(jì)的10個(gè)最重要的趨勢(shì)。
01. Immersive, full-screen video 沉浸式的全屏視頻
Campos Coffee的網(wǎng)站使用簡(jiǎn)單的排版結(jié)合動(dòng)態(tài)全屏視頻制作了一個(gè)簡(jiǎn)單但有力的內(nèi)容
古語(yǔ)有云：“一幅畫頂一千字”，這個(gè)說(shuō)法在現(xiàn)在依然是有效的。在UI設(shè)計(jì)的世界，圖像畫面仍然是一個(gè)很好的方式來(lái)快速抓住用戶的注意力。 視覺(jué)被認(rèn)為是所有人類感覺(jué)中最強(qiáng)的，并且大的單幅圖像能夠以更有效、簡(jiǎn)潔、快速地方式總結(jié)語(yǔ)音的訊息和音調(diào)。
圖像長(zhǎng)期以來(lái)一直是UI和網(wǎng)頁(yè)設(shè)計(jì)的主要內(nèi)容，它的成功逐漸為視頻鋪平了道路。 我們看到視頻在數(shù)字設(shè)計(jì)中被越來(lái)越多的使用到。 傳統(tǒng)攝影是靜態(tài)的，視頻是動(dòng)態(tài)的。 視頻是吸引用戶眼球和講故事的絕佳手段。
傳統(tǒng)的圖像不會(huì)很快消失，但有一件事是肯定的 ----2017年及以后的網(wǎng)頁(yè)和UI設(shè)計(jì)將會(huì)充滿內(nèi)容豐富、互動(dòng)更強(qiáng)的全屏視頻作為講故事的主要手段
荷蘭航空公司KLM的雜志iFly50依賴于更加風(fēng)格化的方法，使用雙重曝光視頻來(lái)吸引用戶，吸引人們繼續(xù)瀏覽網(wǎng)頁(yè)
視頻和大的、美觀的全屏圖像是吸引用戶和快速確立網(wǎng)頁(yè)基調(diào)的有效方式。 這兩種形式在其應(yīng)用中是高度通用的，特別適合作為背景排版使用的。
02. Long form content and scrolling 長(zhǎng)篇幅滾動(dòng)翻頁(yè)網(wǎng)頁(yè)
National Geographic的網(wǎng)站是主頁(yè)頁(yè)面的內(nèi)容是一個(gè)很好的例子，因?yàn)樗鼛缀鹾w了這篇文章中提到的每一點(diǎn)
滾動(dòng)的網(wǎng)頁(yè)絕不是一種新的方式，也絕對(duì)不是一個(gè)基本功能的“趨勢(shì)” 用于瀏覽Web和應(yīng)用程序。然而，我們?cè)絹?lái)越多地看到的是更多在桌面設(shè)備和更大屏幕的設(shè)備上使用了長(zhǎng)篇幅滾動(dòng)網(wǎng)頁(yè)來(lái)進(jìn)行信息展現(xiàn)。
在過(guò)去幾年中，由于用戶覺(jué)得在較小屏幕設(shè)備上滑動(dòng)翻頁(yè)更便于查找內(nèi)容，更多的設(shè)計(jì)人員開(kāi)始在較大屏幕上使用長(zhǎng)篇幅滾動(dòng)網(wǎng)頁(yè)的界面。
這允許用戶可以以更流暢的動(dòng)作來(lái)非?？焖俚貫g覽大量的信息，而不會(huì)因?yàn)橐袚Q頁(yè)面而被干擾。 它是一個(gè)能夠廣泛適用的方式，可以用在所有設(shè)備和內(nèi)容媒體上，不管是長(zhǎng)篇新聞和新聞故事，還是登陸頁(yè)面和交互體驗(yàn)，它都可以適用
國(guó)家地理雜志將地圖，視頻，圖像和動(dòng)畫結(jié)合在一起，創(chuàng)造了一種單一，流暢，身臨其境且豐富多彩的瀏覽體驗(yàn)，
瀑布流網(wǎng)頁(yè)是一個(gè)非常好的網(wǎng)頁(yè)瀏覽方式，它以線性的方式引導(dǎo)用戶瀏覽網(wǎng)頁(yè)內(nèi)容。 它是一個(gè)廣泛適用的方式，非常適合創(chuàng)建沉浸式、無(wú)縫、長(zhǎng)篇幅的內(nèi)容。不管用戶使用的是什么設(shè)備，它都可以讓用戶有一個(gè)流暢的體驗(yàn)。
03. Gradients and vivid colours 漸變和鮮艷的顏色
Spotify是大品牌嘗試大膽使用顏色和漸變的一個(gè)很好的例子
2013年，扁平化迅速在各類設(shè)計(jì)中流行開(kāi)來(lái)，扁平化讓設(shè)計(jì)師們?cè)谠O(shè)計(jì)中使用更多的冷色調(diào)和刪除多余的元素。 盡管它本身有一些缺點(diǎn)，但平面設(shè)計(jì)是一門實(shí)用哲學(xué)，扁平化今天仍然具有價(jià)值。
扁平化要求簡(jiǎn)化UI中的核心功能性元素，從而獲得更簡(jiǎn)潔高效的用戶體驗(yàn)。
使用扁平化是為了獲得更好的用戶體驗(yàn)，但是扁平化的迅速流行造成很多設(shè)計(jì)師設(shè)計(jì)出的網(wǎng)頁(yè)都極其相似的現(xiàn)象。 來(lái)自世界各地的品牌和設(shè)計(jì)師們都跟風(fēng)涌入扁平化的浪潮中，導(dǎo)致很多設(shè)計(jì)都缺乏個(gè)性，非常相似。
2016年，扁平化的趨勢(shì)又逐漸顯現(xiàn)，更多的品牌和設(shè)計(jì)師開(kāi)始強(qiáng)調(diào)更加個(gè)性的扁平化，嘗試鮮亮的顏色和漸變，不再像以前一樣一味的強(qiáng)調(diào)簡(jiǎn)單和冷色調(diào)。 漸變和鮮艷的顏色越來(lái)越多在傳統(tǒng)的UI和網(wǎng)頁(yè)設(shè)計(jì)中，最近備受爭(zhēng)議的Instagram，在品牌的重新設(shè)計(jì)中就用到了鮮艷的顏色和漸變。 無(wú)論這是否符合你的品味，我們都應(yīng)期望看到更多的使用漸變和鮮亮的顏色將推動(dòng)UI和網(wǎng)頁(yè)更具個(gè)性!
Spotify不斷變化的漸變創(chuàng)造了一種友好和有趣的美學(xué)