作品集網(wǎng)站自身的作用是用來展現(xiàn)設(shè)計(jì)作品，這個是目的是不變的。

但是在呈現(xiàn)作品的時分，設(shè)計(jì)師自然是希望作品集中的作品可以足夠吸收人，借助特殊的視覺效果，諧和或者冷艷的排版，給用戶留下深入的印象，提升網(wǎng)站的用戶留存率。

當(dāng)然，并非每種作品集網(wǎng)站都合適運(yùn)用超大的字體排版，詳細(xì)狀況是需求詳細(xì)看待的。今天的文章，我們將會詳細(xì)聊一聊在作品集網(wǎng)站中運(yùn)用超大字體排版的技巧和留意事項(xiàng)。

標(biāo)題最重要

在SEO范疇，通常大家會說“標(biāo)題即霸道”，即便延展到其他的范疇，絕大多數(shù)時分也都是對的。

至少，在觸及到頁面的設(shè)計(jì)的時分，這句話是十分對的。訪客翻開網(wǎng)站的時分首先映入視線的通常會是標(biāo)題，標(biāo)題文本能否足夠吸收人，能否抓住他們的留意力，將決議他們是停留還是分開。

你能夠試著運(yùn)用超大的字體來展現(xiàn)標(biāo)題，不過也千萬不要讓它大得太過火，以致于壓倒了整體的設(shè)計(jì)。

看看 Mike Dekker 的這個網(wǎng)站，你就明白了我的意義。

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

在首頁剛剛加載出來的時分開端，你就會由于這些內(nèi)容而很快理解 Mike，決議能否要深化理解他的作品。當(dāng)然，想要到達(dá)這樣的效果，設(shè)計(jì)師自身是需求比擬扎實(shí)的文案功底的，好的文案會讓內(nèi)容和信息的呈現(xiàn)自但是順暢。

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

Tobias 采用了各種不同的標(biāo)題來分割規(guī)劃，構(gòu)建網(wǎng)格構(gòu)造。這樣的設(shè)計(jì)能夠同時展現(xiàn)成都網(wǎng)站制造多個作品，同時運(yùn)用大標(biāo)題來標(biāo)識不同的設(shè)計(jì)作品，最大水平地吸收用戶的留意力，同時直接將多個作品推到用戶面前，供他們選擇。

我無法確切地告知你如何構(gòu)建你的頁面標(biāo)題，由于每種組合都需求靈敏處置。

但是如何你想運(yùn)用超大字體來呈現(xiàn)，請務(wù)必確保文本標(biāo)題足夠吸收人，無論是內(nèi)容還是款式。

用問候和引見開頭

給網(wǎng)站設(shè)計(jì)文案這件事情自身就很有趣，由于你能夠做許多截然不同有趣的文案設(shè)計(jì)。你能夠今天為一家設(shè)計(jì)機(jī)構(gòu)設(shè)計(jì)沉悶正式的文案，明天為某個個人網(wǎng)站設(shè)計(jì)跳脫風(fēng)騷的標(biāo)題。

就像 Marc Thomas 的作品集網(wǎng)站設(shè)計(jì)，在標(biāo)題中采用了“問候”式的文案，這種設(shè)計(jì)發(fā)明了一種同觀眾互動和對話的覺得。

假如你可以拿捏好語氣和氣氛，采用這樣的超大文本標(biāo)題就沒有問題了。它不只可以很快吸收訪客的留意力，而且常?？梢砸龑?dǎo)用戶將內(nèi)容讀完。

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

假如關(guān)于設(shè)計(jì)師自身的背景不夠理解，而直接看作品，有的時分還是挺讓人撓頭的，而經(jīng)過標(biāo)題和闡明提供根底的引見，常?？梢宰岄喿x過程中的困惑得到消解。

將問候和自我引見作為設(shè)計(jì)師作品集網(wǎng)站的開頭，會讓訪客覺得十分舒適，你能夠?qū)牲c(diǎn)分離起來運(yùn)用。不過通常，最好是讓標(biāo)題或者問候更突出一點(diǎn)，會顯得愈加友好、富有親和力。Patrick David 的網(wǎng)站就顯得十分大氣，超大的文本字體幾何特征突出，字體成為了整個構(gòu)圖中不可或缺的局部。

讓文本成為焦點(diǎn)

假如你希望超大的文本字體愈加吸收人一點(diǎn)，無妨運(yùn)用鮮艷的顏色，分離圖形，以至能夠在文案上參加“Hey，快看我”這樣的字樣。

Finch 的網(wǎng)站就是由于其中 Francisco Inchauste 的炫酷設(shè)計(jì)而被人所熟知。

翻開頁面之后，你會疾速留意到頁面文本上多變的顏色，更不用說頂端正中間的Finch LOGO了。顏色和尺寸比照讓頁面中的諸多元素變得顯著而引人注目。

文本大小比照是創(chuàng)立比照的有效手法，而其他的比照同樣能夠不同水平到達(dá)相似的效果，設(shè)計(jì)師和前端能夠經(jīng)過CSS屬性來輕松控制這些比照。

而在 Werkstatt 這個網(wǎng)站當(dāng)中，設(shè)計(jì)師將超大的文本字體和動畫分離到一同，到達(dá)了引人注目的效果。

假如字體排版關(guān)于你的作品集網(wǎng)站至關(guān)重要，那么你能夠試著將它們拆散，認(rèn)真地嘗試不同的計(jì)劃。

運(yùn)用更大的CTA元素

必需供認(rèn)，并非每個作品集網(wǎng)站都需求CTA 按鈕，但是同時也得供認(rèn)，CTA 按鈕在推進(jìn)用戶交互上，有著顯著的效果，并且很容易添加。

但是假如你不需求很多用戶停止操作，那么CTA按鈕能否依然值得呢？

當(dāng)然值得。假如你正在尋求工作，需求訪客與你聯(lián)絡(luò)溝通，CTA 按鈕能夠幫你達(dá)成目的，它能夠成為溝通的交互入口。

Rareview 這個網(wǎng)站就運(yùn)用了大量明顯而明晰的按鈕來鏈接到不同的內(nèi)容，你會在首頁上看到大量鏈接到不同案例的按鈕，經(jīng)過點(diǎn)擊即可直達(dá)。

這季絕大多數(shù)的按鈕都采用了目前所盛行的幽魂按鈕，假如你想運(yùn)用簡約的規(guī)劃，那么幽魂按鈕的確是首選。

當(dāng)然，Jib 這個網(wǎng)站所運(yùn)用的紅色 CTA 按鈕也十分不錯。

它們在整個頁面中都顯得十分的醒目，當(dāng)你決議理解更多的時分，會很輕松地找到需求點(diǎn)擊的按鈕。

我覺得，Jib 這個網(wǎng)站能夠?qū)粹o的顏色改成其他的顏色，以達(dá)成其他的功用，比方增加潛在用戶。當(dāng)前網(wǎng)站中紅色的按鈕真的太過顯著，融入度比擬低。而用戶通常會被鮮艷亮堂的顏色所吸收，假如改換其他的顏色，能達(dá)成相似的效果。將超大的按鈕和顯著的顏色分離起來，的確可以進(jìn)步參與度。

結(jié)語

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

超大的文本內(nèi)容是吸收人的，這種設(shè)計(jì)可以成為一種獨(dú)立的作風(fēng)也并非不測。

嘗試運(yùn)用現(xiàn)有的經(jīng)歷和辦法，來提升作品集的效果吧。