春暖花開這3種網(wǎng)頁設(shè)計(jì)趨勢將會(huì)流行

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

1. 海報(bào)式首頁

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

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

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

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

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

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

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

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

2. 紫色為主的配色方案

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

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

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

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

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

3. 漸變色+文本

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

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

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

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

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

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

結(jié)語

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

網(wǎng)頁題目：春暖花開這3種網(wǎng)頁設(shè)計(jì)趨勢將會(huì)流行
標(biāo)題鏈接：http://www.bm7419.com/news27/218177.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)站維護(hù)、搜索引擎優(yōu)化、網(wǎng)站改版、企業(yè)建站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)