亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識
設(shè)計(jì)作品集網(wǎng)站的時(shí)候,如何善用超大字體元素

2021-07-26

1934

作品集網(wǎng)站本身的作用是用來展示設(shè)計(jì)作品,這個(gè)是目的是不變的。


但是在呈現(xiàn)作品的時(shí)候,設(shè)計(jì)師自然是希望作品集中的作品能夠足夠吸引人,借助特殊的視覺效果,協(xié)調(diào)或者驚艷的排版,給用戶留下深刻的印象,提升網(wǎng)站的用戶留存率。


當(dāng)然,并非每種作品集網(wǎng)站都適合使用超大的字體排版,具體情況是需要具體對待的。今天的文章,我們將會(huì)具體聊一聊在作品集網(wǎng)站中使用超大字體排版的技巧和注意事項(xiàng)。


標(biāo)題最重要

在SEO領(lǐng)域,通常大家會(huì)說“標(biāo)題即王道”,即使延展到其他的領(lǐng)域,絕大多數(shù)時(shí)候也都是對的。


至少,在涉及到頁面的設(shè)計(jì)的時(shí)候,這句話是非常對的。訪客打開網(wǎng)站的時(shí)候首先映入眼簾的通常會(huì)是標(biāo)題,標(biāo)題文本是否足夠吸引人,能否抓住他們的注意力,將決定他們是停留還是離開。


你可以試著使用超大的字體來展示標(biāo)題,不過也千萬不要讓它大得太過分,以至于壓倒了整體的設(shè)計(jì)。




看看 Mike Dekker 的這個(gè)網(wǎng)站,你就明白了我的意思。


這個(gè)網(wǎng)站的標(biāo)題采用了超大的字體,這有助于凸顯主要的信息和內(nèi)容,以及網(wǎng)站的一些細(xì)節(jié)。


在首頁剛剛加載出來的時(shí)候開始,你就會(huì)因?yàn)檫@些內(nèi)容而很快了解 Mike,決定是否要深入了解他的作品。當(dāng)然,想要達(dá)到這樣的效果,設(shè)計(jì)師本身是需要比較扎實(shí)的文案功底的,好的文案會(huì)讓內(nèi)容和信息的呈現(xiàn)自然而順暢。


而 Tobias Ahlin 的作品集網(wǎng)站則采用了另外一種策略。


Tobias 采用了各種不同的標(biāo)題來分割布局,構(gòu)建網(wǎng)格結(jié)構(gòu)。這樣的設(shè)計(jì)可以同時(shí)展示多個(gè)作品,同時(shí)使用大標(biāo)題來標(biāo)識不同的設(shè)計(jì)作品,最大程度地吸引用戶的注意力,同時(shí)直接將多個(gè)作品推到用戶面前,供他們選擇。


我無法確切地告知你如何構(gòu)建你的頁面標(biāo)題,因?yàn)槊糠N組合都需要靈活處理。


但是如何你想使用超大字體來呈現(xiàn),請務(wù)必確保文本標(biāo)題足夠吸引人,無論是內(nè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)題中采用了“問候”式的文案,這種設(shè)計(jì)創(chuàng)造了一種同觀眾互動(dòng)和對話的感覺。


如果你能夠拿捏好語氣和氛圍,采用這樣的超大文本標(biāo)題就沒有問題了。它不僅能夠很快吸引訪客的注意力,而且常常能夠引導(dǎo)用戶將內(nèi)容讀完。


在Trent Walton 的網(wǎng)站當(dāng)中,他采用了類似的設(shè)計(jì),不過他沒有直接問候,而是采用了親切的語氣,來介紹他的主要工作內(nèi)容。




如果對于設(shè)計(jì)師本身的背景不夠了解,而直接看作品,有的時(shí)候還是挺讓人撓頭的,而通過標(biāo)題和說明提供基礎(chǔ)的介紹,常常能夠讓瀏覽過程中的困惑得到消解。


將問候和自我介紹作為設(shè)計(jì)師作品集網(wǎng)站的開頭,會(huì)讓訪客覺得非常舒服,你可以將兩點(diǎn)結(jié)合起來使用。不過通常,最好是讓標(biāo)題或者問候更突出一點(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ì)而被人所熟知。


打開頁面之后,你會(huì)迅速注意到頁面文本上多變的色彩,更不用說頂端正中間的Finch LOGO了。色彩和尺寸對比讓頁面中的諸多元素變得顯著而引人矚目。


文本大小對比是創(chuàng)建對比的有效手法,而其他的對比同樣可以不同程度達(dá)到類似的效果,設(shè)計(jì)師和前端可以通過CSS屬性來輕松控制這些對比。


而在 Werkstatt 這個(gè)網(wǎng)站當(dāng)中,設(shè)計(jì)師將超大的文本字體和動(dòng)畫結(jié)合到一起,達(dá)到了引人矚目的效果。


如果字體排版對于你的作品集網(wǎng)站至關(guān)重要,那么你可以試著將它們拆散,仔細(xì)地嘗試不同的方案。


使用更大的CTA元素

必須承認(rèn),并非每個(gè)作品集網(wǎng)站都需要CTA 按鈕,但是同時(shí)也得承認(rèn),CTA 按鈕在推動(dòng)用戶交互上,有著顯著的效果,并且很容易添加。


但是如果你不需要很多用戶進(jìn)行操作,那么CTA按鈕是否仍然值得呢?


當(dāng)然值得。如果你正在尋求工作,需要訪客與你聯(lián)系溝通,CTA 按鈕可以幫你達(dá)成目標(biāo),它可以成為溝通的交互入口。


Rareview 這個(gè)網(wǎng)站就使用了大量明顯而清晰的按鈕來鏈接到不同的內(nèi)容,你會(huì)在首頁上看到大量鏈接到不同案例的按鈕,通過點(diǎn)擊即可直達(dá)。




這季絕大多數(shù)的按鈕都采用了目前所流行的幽靈按鈕,如果你想使用簡約的布局,那么幽靈按鈕確實(shí)是首選。


當(dāng)然,Jib 這個(gè)網(wǎng)站所使用的紅色 CTA 按鈕也非常不錯(cuò)。


它們在整個(gè)頁面中都顯得非常的醒目,當(dāng)你決定了解更多的時(shí)候,會(huì)很輕松地找到需要點(diǎn)擊的按鈕。


我覺得,Jib 這個(gè)網(wǎng)站可以將按鈕的色彩改成其他的顏色,以達(dá)成其他的功能,比如增加潛在用戶。當(dāng)前網(wǎng)站中紅色的按鈕真的太過顯著,融入度比較低。而用戶通常會(huì)被鮮艷明亮的色彩所吸引,如果更換其他的色彩,能達(dá)成類似的效果。將超大的按鈕和顯著的色彩結(jié)合起來,確實(shí)能夠提高參與度。


結(jié)語

文本在作品集網(wǎng)站當(dāng)中有著至關(guān)重要的作用,它不僅僅是基本的組成部分,而且是信息傳達(dá)和視覺設(shè)計(jì)中,無可取代的元素。從某種意義上來說,如何設(shè)計(jì)文本直接影響著設(shè)計(jì)的效果。


超大的文本內(nèi)容是吸引人的,這種設(shè)計(jì)能夠成為一種獨(dú)立的風(fēng)格也并非意外。


嘗試使用現(xiàn)有的經(jīng)驗(yàn)和方法,來提升作品集的效果吧。

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請放心填寫
關(guān)閉
免費(fèi)獲取方案