網(wǎng)頁設(shè)計如何讓人眼前一亮？肥貓有三個小訣竅！
1.海報式首頁
全屏式的頁面設(shè)計已經(jīng)流行好一陣子了，超大的圖片和全屏視頻背景是這種網(wǎng)頁中最常見的元素之一。而現(xiàn)在，這種頁面設(shè)計開始出現(xiàn)一種微妙的變化：復(fù)雜的導(dǎo)航和額外的文本信息被移除，頁面以一種類似電影海報的形式呈現(xiàn)出來。
這樣的設(shè)計手法受到了極簡主義風(fēng)格的影響，但是與之相比更加注重視覺上的華麗風(fēng)格和富有凝聚力的表現(xiàn)手法。
雖然這種設(shè)計手法聽起來不夠吸引用戶，但是如果搭配合理的視覺效果，它所能帶來的實際效果并不會差。成就一個優(yōu)秀的海報式首頁，關(guān)鍵在于視覺效果和字體的選取與設(shè)計。如果沒有足夠的空間來為信息創(chuàng)造視覺吸引力，整個頁面很難創(chuàng)造足夠具有凝聚力的視覺效果。
這種設(shè)計趨勢最令人擔(dān)憂的是其中的視覺元素類型并不多（即使包括導(dǎo)航和CTA按鈕），相比其他的頁面，并沒有那么多內(nèi)容供用戶去閱讀和掃視。這個時候，視覺效果的設(shè)計就直接關(guān)系到了整個頁面是否會給用戶留下足夠深刻的印象。
在下面的3個案例當(dāng)中，每個網(wǎng)頁都以不同的方式來呈現(xiàn)海報式首頁的概念。
Tofino Resort這個網(wǎng)站通過宏大的背景圖片和充滿個性的字體設(shè)計創(chuàng)造出海報式的體驗，導(dǎo)航被隱藏在右上角的漢堡圖標(biāo)當(dāng)中，而CTA按鈕也為了避免喧賓奪主，被制作成幽靈按鈕，置于海報圖標(biāo)旁邊。
Ruya Digital選擇黑色背景的簡約設(shè)計，而屏幕中央的動畫和有趣的文字處理效果，足以吸引用戶的注意力，其他的文本信息大多被放置在屏幕的邊緣，讓用戶的注意力盡量集中在屏幕中央。同樣的，這個網(wǎng)頁沒有設(shè)計導(dǎo)航，而是將導(dǎo)航信息藏到了漢堡圖標(biāo)當(dāng)中。
Flux Broadcast這個頁面采用了體驗更加突出的視頻背景，相應(yīng)的，屏幕上其他的元素都被設(shè)計的不那么顯眼。網(wǎng)站給人一種看視頻的體驗，而非是網(wǎng)站頁面。導(dǎo)航被塞到漢堡圖標(biāo)當(dāng)中，為了讓漢堡圖標(biāo)不那么容易被用戶忽略，設(shè)計師為它增加了一個綠色的底色。右下角的小的動畫箭頭鼓勵用戶在看完視頻之后循環(huán)播放。
2.紫色為主的配色方案
別忘了，2018年的年度潘通色是紫外光（18-3838），通過最初幾個月的發(fā)酵之后，這款年度潘通色逐漸在網(wǎng)頁設(shè)計領(lǐng)域中產(chǎn)生影響力。
雖然絕大多數(shù)的網(wǎng)頁設(shè)計師并不一定會選擇紫色來進(jìn)行設(shè)計，但是潘通推出年度潘通色之后，確實讓更多人開始考慮紅藍(lán)兩色的配色以及兩者混合出來的紫色。這種配色的好處在于，它可以和時下的其他流行趨勢很好的結(jié)合起來：比如色調(diào)明亮的Material Design的配色，以及復(fù)古的設(shè)計風(fēng)格。
紫色本身是一種獨特且出現(xiàn)頻率較低的色彩，它能成為你的網(wǎng)站在競爭中脫穎而出的一個理由，它往往和藍(lán)色相伴出現(xiàn)，并且更容易創(chuàng)造良好、獨特的第一印象。
紫色的玩法很多。不同的紫色可以營造不同的氛圍，傳遞不同的情緒，你可以讓它更偏向紅色，營造出歡快愉悅的情緒；可以讓它偏向黑色，營造出更加深沉神秘的情緒；也可以讓它偏向藍(lán)色，營造出更加冷峻的氛圍。
在下面的三個案例當(dāng)中，你會看到紫色多樣的用法，以及它和其他不同的領(lǐng)域不同的內(nèi)容之間良好的兼容性。紫色是神秘的，但是它同樣是友好且具有良好兼容性的。
3.漸變色+文本
漸變色不僅適宜同圖片疊加在一起，而且它和文本元素之間也可以構(gòu)成良好的搭配。
就目前而言，在網(wǎng)頁中的字體設(shè)計更加傾向于使用簡單的字體，并且附帶一些「額外的東西」。這些額外的東西可以是色彩，也可以圖片，用來填充到文本字體當(dāng)中。
而隨著漸變色彩的回歸，在字體中填充漸變色彩成了新的選擇。如果你能夠接受漸變色彩，那么在文本字體中填充色彩，也是可以創(chuàng)造出令人驚嘆的視覺效果的。
Zoocha這個網(wǎng)頁當(dāng)中，文本是主要的視覺元素，設(shè)計師將使用了從黃到綠的漸變色，填充到文本當(dāng)中。在黑色的背景映襯之下，顯得非常的醒目。
Love Lost這個網(wǎng)頁同樣使用了黑色的背景，字體則選取了優(yōu)雅的襯線字體，這一點和主題非常貼合，而其中所采用的漸變色彩是白到粉紅的漸變，在視覺上是非常貼切的設(shè)計。
Michael Rappaz的作品集網(wǎng)站當(dāng)中，漸變色彩并沒有填充到文本當(dāng)中，而是填充到了文本的周圍。借助高光漸變動畫，設(shè)計師讓這部分文本充滿了視覺吸引力。其余的部分相比之下則顯得頗為簡單，這樣就讓文本部分更容易被用戶注意到。
結(jié)語
就目前來看，我們所觀察到的這些趨勢，其實都是有著相對持久的生命力的，它們通常都植根于某個非常重要的、主流的設(shè)計趨勢。全屏海報風(fēng)的首頁設(shè)計無疑結(jié)合了極簡和對于極致視覺效果的追求，紫色的流行無疑和年度潘通流行色的逐步火熱有著緊密關(guān)聯(lián)，而文本字體和漸變色的結(jié)合無疑是經(jīng)典元素和流行配色的結(jié)合。
本文標(biāo)簽： 網(wǎng)頁設(shè)計
站應(yīng)該怎么做.jpg)
備類網(wǎng)站推廣方案.jpg)
類網(wǎng)站建設(shè)費用明細(xì)表.jpg)
站內(nèi)容運營方案.jpg)
體材料類網(wǎng)站內(nèi)容運營方案.jpg)
站應(yīng)該怎么做.jpg)
站應(yīng)該怎么做.jpg)
浴設(shè)施類網(wǎng)站建設(shè)費用明細(xì)表.jpg)
類網(wǎng)站建設(shè)方案書.jpg)
施類網(wǎng)站內(nèi)容運營方案.jpg)
站SEO選哪家公司好.jpg)
站SEO選哪家公司好.jpg)
站SEO一年需要多少錢.jpg)
站SEO選哪家公司好.jpg)
站SEO一年需要多少錢.jpg)
站SEO一年需要多少錢.jpg)
站SEO一年需要多少錢.jpg)
站SEO選哪家公司好.jpg)
站SEO需要注意什么.jpg)
站SEO選哪家公司好.jpg)
貨.jpg)
意怎么改.jpg)
