圖片

春暖花開 這3種網頁設計趨勢將會流行

發布時間:2018-3-12 8:20:39 瀏覽次數:

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

1. 海報式首頁

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

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

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

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

在下面的 3 個案例當中,每個網頁都以不同的方式來呈現海報式首頁的概念。

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

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

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

2. 紫色為主的配色方案

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

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

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

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

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

3. 漸變色+文本

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

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

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

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

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

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

結語

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


聯系榮尚網絡顧問
免費獲得專屬《網站策劃方案》及報價詳情。

多一份參考,總有益處!

立即在線咨詢

或撥打:134 0536 2733

聯系榮尚網絡顧問
免費獲得專屬《網站策劃方案》及報價詳情。

多一份參考,總有益處!

立即在線咨詢

或撥打:134 0536 2733

河南高考服务平台官网