400-611-9921
2021-07-26
1771
作品集網(wǎng)站本身的作用是用來(lái)展示設(shè)計(jì)作品,這個(gè)是目的是不變的。
但是在呈現(xiàn)作品的時(shí)候,設(shè)計(jì)師自然是希望作品集中的作品能夠足夠吸引人,借助特殊的視覺(jué)效果,協(xié)調(diào)或者驚艷的排版,給用戶(hù)留下深刻的印象,提升網(wǎng)站的用戶(hù)留存率。
當(dāng)然,并非每種作品集網(wǎng)站都適合使用超大的字體排版,具體情況是需要具體對(duì)待的。今天的文章,我們將會(huì)具體聊一聊在作品集網(wǎng)站中使用超大字體排版的技巧和注意事項(xiàng)。
標(biāo)題最重要
在SEO領(lǐng)域,通常大家會(huì)說(shuō)“標(biāo)題即王道”,即使延展到其他的領(lǐng)域,絕大多數(shù)時(shí)候也都是對(duì)的。
至少,在涉及到頁(yè)面的設(shè)計(jì)的時(shí)候,這句話(huà)是非常對(duì)的。訪(fǎng)客打開(kāi)網(wǎng)站的時(shí)候首先映入眼簾的通常會(huì)是標(biāo)題,標(biāo)題文本是否足夠吸引人,能否抓住他們的注意力,將決定他們是停留還是離開(kāi)。
你可以試著使用超大的字體來(lái)展示標(biāo)題,不過(guò)也千萬(wàn)不要讓它大得太過(guò)分,以至于壓倒了整體的設(shè)計(jì)。
看看 Mike Dekker 的這個(gè)網(wǎng)站,你就明白了我的意思。
這個(gè)網(wǎng)站的標(biāo)題采用了超大的字體,這有助于凸顯主要的信息和內(nèi)容,以及網(wǎng)站的一些細(xì)節(jié)。
在首頁(yè)剛剛加載出來(lái)的時(shí)候開(kāi)始,你就會(huì)因?yàn)檫@些內(nèi)容而很快了解 Mike,決定是否要深入了解他的作品。當(dāng)然,想要達(dá)到這樣的效果,設(shè)計(jì)師本身是需要比較扎實(shí)的文案功底的,好的文案會(huì)讓內(nèi)容和信息的呈現(xiàn)自然而順暢。
而 Tobias Ahlin 的作品集網(wǎng)站則采用了另外一種策略。
Tobias 采用了各種不同的標(biāo)題來(lái)分割布局,構(gòu)建網(wǎng)格結(jié)構(gòu)。這樣的設(shè)計(jì)可以同時(shí)展示多個(gè)作品,同時(shí)使用大標(biāo)題來(lái)標(biāo)識(shí)不同的設(shè)計(jì)作品,最大程度地吸引用戶(hù)的注意力,同時(shí)直接將多個(gè)作品推到用戶(hù)面前,供他們選擇。
我無(wú)法確切地告知你如何構(gòu)建你的頁(yè)面標(biāo)題,因?yàn)槊糠N組合都需要靈活處理。
但是如何你想使用超大字體來(lái)呈現(xiàn),請(qǐng)務(wù)必確保文本標(biāo)題足夠吸引人,無(wú)論是內(nèi)容還是樣式。
用問(wèn)候和介紹開(kāi)頭
給網(wǎng)站設(shè)計(jì)文案這件事情本身就很有趣,因?yàn)槟憧梢宰鲈S多截然不同有趣的文案設(shè)計(jì)。你可以今天為一家設(shè)計(jì)機(jī)構(gòu)設(shè)計(jì)沉悶正式的文案,明天為某個(gè)個(gè)人網(wǎng)站設(shè)計(jì)跳脫風(fēng)騷的標(biāo)題。
就像 Marc Thomas 的作品集網(wǎng)站設(shè)計(jì),在標(biāo)題中采用了“問(wèn)候”式的文案,這種設(shè)計(jì)創(chuàng)造了一種同觀眾互動(dòng)和對(duì)話(huà)的感覺(jué)。
如果你能夠拿捏好語(yǔ)氣和氛圍,采用這樣的超大文本標(biāo)題就沒(méi)有問(wèn)題了。它不僅能夠很快吸引訪(fǎng)客的注意力,而且常常能夠引導(dǎo)用戶(hù)將內(nèi)容讀完。
在Trent Walton 的網(wǎng)站當(dāng)中,他采用了類(lèi)似的設(shè)計(jì),不過(guò)他沒(méi)有直接問(wèn)候,而是采用了親切的語(yǔ)氣,來(lái)介紹他的主要工作內(nèi)容。
如果對(duì)于設(shè)計(jì)師本身的背景不夠了解,而直接看作品,有的時(shí)候還是挺讓人撓頭的,而通過(guò)標(biāo)題和說(shuō)明提供基礎(chǔ)的介紹,常常能夠讓瀏覽過(guò)程中的困惑得到消解。
將問(wèn)候和自我介紹作為設(shè)計(jì)師作品集網(wǎng)站的開(kāi)頭,會(huì)讓訪(fǎng)客覺(jué)得非常舒服,你可以將兩點(diǎn)結(jié)合起來(lái)使用。不過(guò)通常,最好是讓標(biāo)題或者問(wèn)候更突出一點(diǎn),會(huì)顯得更加友好、富有親和力。
Patrick David 的網(wǎng)站就顯得非常大氣,超大的文本字體幾何特征突出,字體成為了整個(gè)構(gòu)圖中不可或缺的部分。
讓文本成為焦點(diǎn)
如果你希望超大的文本字體更加吸引人一點(diǎn),不妨使用鮮艷的色彩,結(jié)合圖形,甚至可以在文案上加入“Hey,快看我”這樣的字樣。
Finch 的網(wǎng)站就是因?yàn)槠渲?Francisco Inchauste 的炫酷設(shè)計(jì)而被人所熟知。
打開(kāi)頁(yè)面之后,你會(huì)迅速注意到頁(yè)面文本上多變的色彩,更不用說(shuō)頂端正中間的Finch LOGO了。色彩和尺寸對(duì)比讓頁(yè)面中的諸多元素變得顯著而引人矚目。
文本大小對(duì)比是創(chuàng)建對(duì)比的有效手法,而其他的對(duì)比同樣可以不同程度達(dá)到類(lèi)似的效果,設(shè)計(jì)師和前端可以通過(guò)CSS屬性來(lái)輕松控制這些對(duì)比。
而在 Werkstatt 這個(gè)網(wǎng)站當(dāng)中,設(shè)計(jì)師將超大的文本字體和動(dòng)畫(huà)結(jié)合到一起,達(dá)到了引人矚目的效果。
如果字體排版對(duì)于你的作品集網(wǎng)站至關(guān)重要,那么你可以試著將它們拆散,仔細(xì)地嘗試不同的方案。
使用更大的CTA元素
必須承認(rèn),并非每個(gè)作品集網(wǎng)站都需要CTA 按鈕,但是同時(shí)也得承認(rèn),CTA 按鈕在推動(dòng)用戶(hù)交互上,有著顯著的效果,并且很容易添加。
但是如果你不需要很多用戶(hù)進(jìn)行操作,那么CTA按鈕是否仍然值得呢?
當(dāng)然值得。如果你正在尋求工作,需要訪(fǎng)客與你聯(lián)系溝通,CTA 按鈕可以幫你達(dá)成目標(biāo),它可以成為溝通的交互入口。
Rareview 這個(gè)網(wǎng)站就使用了大量明顯而清晰的按鈕來(lái)鏈接到不同的內(nèi)容,你會(huì)在首頁(yè)上看到大量鏈接到不同案例的按鈕,通過(guò)點(diǎn)擊即可直達(dá)。
這季絕大多數(shù)的按鈕都采用了目前所流行的幽靈按鈕,如果你想使用簡(jiǎn)約的布局,那么幽靈按鈕確實(shí)是首選。
當(dāng)然,Jib 這個(gè)網(wǎng)站所使用的紅色 CTA 按鈕也非常不錯(cuò)。
它們?cè)谡麄€(gè)頁(yè)面中都顯得非常的醒目,當(dāng)你決定了解更多的時(shí)候,會(huì)很輕松地找到需要點(diǎn)擊的按鈕。
我覺(jué)得,Jib 這個(gè)網(wǎng)站可以將按鈕的色彩改成其他的顏色,以達(dá)成其他的功能,比如增加潛在用戶(hù)。當(dāng)前網(wǎng)站中紅色的按鈕真的太過(guò)顯著,融入度比較低。而用戶(hù)通常會(huì)被鮮艷明亮的色彩所吸引,如果更換其他的色彩,能達(dá)成類(lèi)似的效果。將超大的按鈕和顯著的色彩結(jié)合起來(lái),確實(shí)能夠提高參與度。
結(jié)語(yǔ)
文本在作品集網(wǎng)站當(dāng)中有著至關(guān)重要的作用,它不僅僅是基本的組成部分,而且是信息傳達(dá)和視覺(jué)設(shè)計(jì)中,無(wú)可取代的元素。從某種意義上來(lái)說(shuō),如何設(shè)計(jì)文本直接影響著設(shè)計(jì)的效果。
超大的文本內(nèi)容是吸引人的,這種設(shè)計(jì)能夠成為一種獨(dú)立的風(fēng)格也并非意外。
嘗試使用現(xiàn)有的經(jīng)驗(yàn)和方法,來(lái)提升作品集的效果吧。
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話(huà)
400-611-9921
您也可以咨詢(xún)我們的在線(xiàn)客服或預(yù)約資深顧問(wèn)