CARRIE COUSINS ：進入春季之后，溫度的回升，直接影響到情緒的變化，這一點也反映到最新的網(wǎng)頁設計作品當中，最終以設計趨勢的形態(tài)呈現(xiàn)出來。相比于冬季更為大膽的用色，更為輕盈的黑白色調(diào)，目的和指向性更為明確的海報式首頁設計，所有的這些趨勢，將會在這個3月發(fā)酵，嬗變。

1. 海報式首頁

全屏式的頁面設計已經(jīng)流行好一陣子了，超大的圖片和全屏視頻背景是這種網(wǎng)頁中最常見的元素之一。而現(xiàn)在，這種頁面設計開始出現(xiàn)一種微妙的變化：復雜的導航和額外的文本信息被移除，頁面以一種類似電影海報的形式呈現(xiàn)出來。

這樣的設計手法受到了極簡主義風格的影響，但是與之相比更加注重視覺上的華麗風格和富有凝聚力的表現(xiàn)手法。

雖然這種設計手法聽起來不夠吸引用戶，但是如果搭配合理的視覺效果，它所能帶來的實際效果并不會差。成就一個優(yōu)秀的海報式首頁，關鍵在于視覺效果和字體的選取與設計。如果沒有足夠的空間來為信息創(chuàng)造視覺吸引力，整個頁面很難創(chuàng)造足夠具有凝聚力的視覺效果。

這種設計趨勢最令人擔憂的是其中的視覺元素類型并不多（即使包括導航和 CTA 按鈕），相比其他的頁面，并沒有那么多內(nèi)容供用戶去閱讀和掃視。這個時候，視覺效果的設計就直接關系到了整個頁面是否會給用戶留下足夠深刻的印象。

在下面的3個案例當中，每個網(wǎng)頁都以不同的方式來呈現(xiàn)海報式首頁的概念。

Tofino Resort 這個網(wǎng)站通過宏大的背景圖片和充滿個性的字體設計創(chuàng)造出海報式的體驗，導航被隱藏在右上角的漢堡圖標當中，而 CTA 按鈕也為了避免喧賓奪主，被制作成幽靈按鈕，置于海報圖標旁邊。

Ruya Digital 選擇黑色背景的簡約設計，而屏幕中央的動畫和有趣的文字處理效果，足以吸引用戶的注意力，其他的文本信息大多被放置在屏幕的邊緣，讓用戶的注意力盡量集中在屏幕中央。同樣的，這個網(wǎng)頁沒有設計導航，而是將導航信息藏到了漢堡圖標當中。

Flux Broadcast 這個頁面采用了體驗更加突出的視頻背景，相應的，屏幕上其他的元素都被設計的不那么顯眼。網(wǎng)站給人一種看視頻的體驗，而非是網(wǎng)站頁面。導航被塞到漢堡圖標當中，為了讓漢堡圖標不那么容易被用戶忽略，設計師為它增加了一個綠色的底色。右下角的小的動畫箭頭鼓勵用戶在看完視頻之后循環(huán)播放。

2. 紫色為主的配色方案

別忘了，2018年的年度潘通色是紫外光（18-3838），通過最初幾個月的發(fā)酵之后，這款年度潘通色逐漸在網(wǎng)頁設計領域中產(chǎn)生影響力。

雖然絕大多數(shù)的網(wǎng)頁設計師并不一定會選擇紫色來進行設計，但是潘通推出年度潘通色之后，確實讓更多人開始考慮紅藍兩色的配色以及兩者混合出來的紫色。這種配色的好處在于，它可以和時下的其他流行趨勢很好的結(jié)合起來：比如色調(diào)明亮的 Material Design 的配色，以及復古的設計風格。

紫色本身是一種獨特且出現(xiàn)頻率較低的色彩，它能成為你的網(wǎng)站在競爭中脫穎而出的一個理由，它往往和藍色相伴出現(xiàn)，并且更容易創(chuàng)造良好、獨特的第一印象。

紫色的玩法很多。不同的紫色可以營造不同的氛圍， 傳遞不同的情緒，你可以讓它更偏向紅色，營造出歡快愉悅的情緒；可以讓它偏向黑色，營造出更加深沉神秘的情緒；也可以讓它偏向藍色，營造出更加冷峻的氛圍。

在下面的三個案例當中，你會看到紫色多樣的用法，以及它和其他不同的領域不同的內(nèi)容之間良好的兼容性。紫色是神秘的，但是它同樣是友好且具有良好兼容性的。

3. 漸變色+文本

漸變色不僅適宜同圖片疊加在一起，而且它和文本元素之間也可以構(gòu)成良好的搭配。

就目前而言，在網(wǎng)頁中的字體設計更加傾向于使用簡單的字體，并且附帶一些「額外的東西」。這些額外的東西可以是色彩，也可以圖片，用來填充到文本字體當中。

而隨著漸變色彩的回歸，在字體中填充漸變色彩成了新的選擇。如果你能夠接受漸變色彩，那么在文本字體中填充色彩，也是可以創(chuàng)造出令人驚嘆的視覺效果的。

Zoocha 這個網(wǎng)頁當中，文本是主要的視覺元素，設計師將使用了從黃到綠的漸變色，填充到文本當中。在黑色的背景映襯之下，顯得非常的醒目。

Love Lost 這個網(wǎng)頁同樣使用了黑色的背景，字體則選取了優(yōu)雅的襯線字體，這一點和主題非常貼合，而其中所采用的漸變色彩是白到粉紅的漸變，在視覺上是非常貼切的設計。

Michael Rappaz 的作品集網(wǎng)站當中，漸變色彩并沒有填充到文本當中，而是填充到了文本的周圍。借助高光漸變動畫，設計師讓這部分文本充滿了視覺吸引力。其余的部分相比之下則顯得頗為簡單，這樣就讓文本部分更容易被用戶注意到。

結(jié)語

就目前來看，我們所觀察到的這些趨勢，其實都是有著相對持久的生命力的，它們通常都植根于某個非常重要的、主流的設計趨勢。全屏海報風的首頁設計無疑結(jié)合了極簡和對于極致視覺效果的追求，紫色的流行無疑和年度潘通流行色的逐步火熱有著緊密關聯(lián)，而文本字體和漸變色的結(jié)合無疑是經(jīng)典元素和流行配色的結(jié)合。

「2018年設計趨勢，一個都不要錯過」

• 《2018年，這10個LOGO設計趨勢值得你關注》
• 《超全面總結(jié)！2017年UI設計領域流行過這21個設計趨勢》
• 《掌握這12個移動端UX設計趨勢，你就掌控了2018年》
• 《這款獨特的紫色，是為你指引2018年設計方向的年度潘通色》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內(nèi)人氣最高的設計網(wǎng)址導航，設計師必備： http://hao.uisdc.com