網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計是為了更有效的方式向用戶輸出信息，這個目的是不變的。而通過文字排版方式、色彩運(yùn)用等各種設(shè)計元素去實現(xiàn)這一目的。今天斑驢互聯(lián)設(shè)計師就給大家說說網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計，如何通過超大字體的元素來起到先聲奪人吸引眼球，讓人留下深刻印象。
標(biāo)題最重要
在SEO領(lǐng)域，通常大家會說“標(biāo)題即王道”，即使延展到其他的領(lǐng)域，絕大多數(shù)時候也都是對的。至少，在涉及到頁面的設(shè)計的時候，這句話是非常對的。訪客打開網(wǎng)站的時候首先映入眼簾的通常會是標(biāo)題，標(biāo)題文本是否足夠吸引人，能否抓住他們的注意力，將決定他們是停留還是離開。你可以試著使用超大的字體來展示標(biāo)題，不過也千萬不要讓它大得太過分，以至于壓倒了整體的設(shè)計。
看看 Mike Dekker 的這個網(wǎng)站，你就明白了我的意思。這個網(wǎng)站的標(biāo)題采用了超大的字體，這有助于凸顯主要的信息和內(nèi)容，以及網(wǎng)站的一些細(xì)節(jié)。在首頁剛剛加載出來的時候開始，你就會因為這些內(nèi)容而很快了解 Mike，決定是否要深入了解他的作品。當(dāng)然，想要達(dá)到這樣的效果，設(shè)計師本身是需要比較扎實的文案功底的，好的文案會讓內(nèi)容和信息的呈現(xiàn)自然而順暢。
而 Tobias Ahlin 的作品集網(wǎng)站則采用了另外一種策略。Tobias 采用了各種不同的標(biāo)題來分割布局，構(gòu)建網(wǎng)格結(jié)構(gòu)。這樣的設(shè)計可以同時展示多個作品，同時使用大標(biāo)題來標(biāo)識不同的設(shè)計作品，最大程度地吸引用戶的注意力，同時直接將多個作品推到用戶面前，供他們選擇。我無法確切地告知你如何構(gòu)建你的頁面標(biāo)題，因為每種組合都需要靈活處理。但是如何你想使用超大字體來呈現(xiàn)，請務(wù)必確保文本標(biāo)題足夠吸引人，無論是內(nèi)容還是樣式。
用問候和介紹開頭
給網(wǎng)站設(shè)計文案這件事情本身就很有趣，因為你可以做許多截然不同有趣的文案設(shè)計。你可以今天為一家設(shè)計機(jī)構(gòu)設(shè)計沉悶正式的文案，明天為某個個人網(wǎng)站設(shè)計跳脫風(fēng)騷的標(biāo)題。就像 Marc Thomas 的作品集網(wǎng)站設(shè)計，在標(biāo)題中采用了“問候”式的文案，這種設(shè)計創(chuàng)造了一種同觀眾互動和對話的感覺。
如果你能夠拿捏好語氣和氛圍，采用這樣的超大文本標(biāo)題就沒有問題了。它不僅能夠很快吸引訪客的注意力，而且常常能夠引導(dǎo)用戶將內(nèi)容讀完。在Trent Walton 的網(wǎng)站當(dāng)中，他采用了類似的設(shè)計，不過他沒有直接問候，而是采用了親切的語氣，來介紹他的主要工作內(nèi)容。
如果對于設(shè)計師本身的背景不夠了解，而直接看作品，有的時候還是挺讓人撓頭的，而通過標(biāo)題和說明提供基礎(chǔ)的介紹，常常能夠讓瀏覽過程中的困惑得到消解。將問候和自我介紹作為設(shè)計師作品集網(wǎng)站的開頭，會讓訪客覺得非常舒服，你可以將兩點(diǎn)結(jié)合起來使用。不過通常，最好是讓標(biāo)題或者問候更突出一點(diǎn)，會顯得更加友好、富有親和力。Patrick David 的網(wǎng)站就顯得非常大氣，超大的文本字體幾何特征突出，字體成為了整個構(gòu)圖中不可或缺的部分。
讓文本成為焦點(diǎn)
如果你希望超大的文本字體更加吸引人一點(diǎn)，不妨使用鮮艷的色彩，結(jié)合圖形，甚至可以在文案上加入“Hey，快看我”這樣的字樣。Finch 的網(wǎng)站就是因為其中 Francisco Inchauste 的炫酷設(shè)計而被人所熟知。打開頁面之后，你會迅速注意到頁面文本上多變的色彩，更不用說頂端正中間的Finch LOGO了。色彩和尺寸對比讓頁面中的諸多元素變得顯著而引人矚目。文本大小對比是創(chuàng)建對比的有效手法，而其他的對比同樣可以不同程度達(dá)到類似的效果，設(shè)計師和前端可以通過CSS屬性來輕松控制這些對比。而在 Werkstatt 這個網(wǎng)站當(dāng)中，設(shè)計師將超大的文本字體和動畫結(jié)合到一起，達(dá)到了引人矚目的效果。
如果字體排版對于你的作品集網(wǎng)站至關(guān)重要，那么你可以試著將它們拆散，仔細(xì)地嘗試不同的方案。
使用更大的CTA元素
必須承認(rèn)，并非每個作品集網(wǎng)站都需要CTA 按鈕，但是同時也得承認(rèn)，CTA 按鈕在推動用戶交互上，有著顯著的效果，并且很容易添加。但是如果你不需要很多用戶進(jìn)行操作，那么CTA按鈕是否仍然值得呢？當(dāng)然值得。如果你正在尋求工作，需要訪客與你聯(lián)系溝通，CTA 按鈕可以幫你達(dá)成目標(biāo)，它可以成為溝通的交互入口。Rareview 這個網(wǎng)站就使用了大量明顯而清晰的按鈕來鏈接到不同的內(nèi)容，你會在首頁上看到大量鏈接到不同案例的按鈕，通過點(diǎn)擊即可直達(dá)。
這季絕大多數(shù)的按鈕都采用了目前所流行的幽靈按鈕，如果你想使用簡約的布局，那么幽靈按鈕確實是首選。當(dāng)然，Jib 這個網(wǎng)站所使用的紅色 CTA 按鈕也非常不錯。
它們在整個頁面中都顯得非常的醒目，當(dāng)你決定了解更多的時候，會很輕松地找到需要點(diǎn)擊的按鈕。
我覺得，Jib 這個網(wǎng)站可以將按鈕的色彩改成其他的顏色，以達(dá)成其他的功能，比如增加潛在用戶。當(dāng)前網(wǎng)站中紅色的按鈕真的太過顯著，融入度比較低。而用戶通常會被鮮艷明亮的色彩所吸引，如果更換其他的色彩，能達(dá)成類似的效果。將超大的按鈕和顯著的色彩結(jié)合起來，確實能夠提高參與度。
嘗試使用現(xiàn)有的經(jīng)驗和方法，來提升作品集的效果吧。
標(biāo)簽： 南昌網(wǎng)站建設(shè)公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)
贛公網(wǎng)安備 36010902000435號
