設(shè)計(jì)作品集網(wǎng)站的時(shí)候，如何善用超大字體元素

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

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

當(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í)候，這句話是非常對(duì)的。訪客打開網(wǎng)站的時(shí)候首先映入眼簾的通常會(huì)是標(biāo)題，標(biāo)題文本是否足夠吸引人，能否抓住他們的注意力，將決定他們是停留還是離開。

你可以試著使用超大的字體來(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í)候開始，你就會(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ì)作品，大程度地吸引用戶的注意力，同時(shí)直接將多個(gè)作品推到用戶面前，供他們選擇。

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

但是如何你想使用超大字體來(lái)呈現(xiàn)，請(qǐng)務(wù)必確保文本標(biāo)題足夠吸引人，無(wú)論是內(nèi)容還是樣式。

用問(wèn)候和介紹開頭

給網(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ì)話的感覺。

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

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

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

將問(wèn)候和自我介紹作為設(shè)計(jì)師作品集網(wǎng)站的開頭，會(huì)讓訪客覺得非常舒服，你可以將兩點(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ì)而被人所熟知。

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

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

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

如果字體排版對(duì)于你的作品集網(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)站就使用了大量明顯而清晰的按鈕來(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)擊的按鈕。

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

結(jié)語(yǔ)

文本在作品集網(wǎng)站當(dāng)中有著至關(guān)重要的作用，它不僅僅是基本的組成部分，而且是信息傳達(dá)和視覺設(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)提升作品集的效果吧。

當(dāng)前題目：設(shè)計(jì)作品集網(wǎng)站的時(shí)候，如何善用超大字體元素
分享URL：http://muchs.cn/news24/100924.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、商城網(wǎng)站、網(wǎng)站制作、品牌網(wǎng)站制作、搜索引擎優(yōu)化、網(wǎng)站建設(shè)

廣告

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