直播中
作品集網(wǎng)站本身的作用是用來展示設計作品,這個是目的是不變的。
但是在呈現(xiàn)作品的時候,設計師自然是希望作品集中的作品可以足夠吸引人,借助特殊的視覺效果,協(xié)調或者驚艷的排版,給用戶留下深刻的印象,提升網(wǎng)站的用戶留存率。
當然,并非每種作品集網(wǎng)站都合適使用超大的字體排版,具體情況是需要具體對待的?,F(xiàn)在,我們將會具體聊一聊在作品集網(wǎng)站中使用超大字體排版的技巧和注意事項。
標題最重要
在SEO范疇,通常大家會說“標題即王道”,即便延展到其他的領域,絕大多數(shù)時候也都是對的。
至少,在涉及到頁面的設計的時候,這句話是非常對的。訪客打開網(wǎng)站的時候首先映入視線的通常會是標題,標題文本能否足夠吸引人,能否抓住他們的注意力,將決定他們是停留還是離開。
你可以試著使用超大的字體來展示標題,不過也千萬不要讓它大得太過分,以至于壓倒了整體的設計。
看看 Mike Dekker 的這個網(wǎng)站,你就明白了我的意思。
這個網(wǎng)站的標題采用了超大的字體,這有助于凸顯主要的信息和內容,以及網(wǎng)站的一些細節(jié)。
在首頁剛剛加載出來的時候開始,你就會因為這些內容而很快理解 Mike,決定是否要深入了解他的作品。當然,想要到達這樣的效果,設計師本身是需要比較扎實的文案功底的,好的文案會讓內容和信息的呈現(xiàn)自然而順暢。
我無法確切地告訴你如何構建你的頁面標題,因為每種組合都需要靈活處理。
但是如果你想使用超大字體來呈現(xiàn),請務必確保文本標題足夠吸引人,無論是內容還是樣式。
用問候和介紹開頭
給網(wǎng)站設計文案這件事情本身就很有趣,因為你可以做許多截然不同有趣的文案設計。你可以今天為一家設計機構設計沉悶正式的文案,明天為某個個人網(wǎng)站設計跳脫風騷的標題。
就像 Marc Thomas 的作品集網(wǎng)站設計,在標題中采用了“問候”式的文案,這種設計創(chuàng)造了一種同觀眾互動和對話的感覺。
假如你可以拿捏好語氣和氛圍,采用這樣的超大文本標題就沒有問題了。它不僅可以很快吸引訪客的注意力,而且可以引導用戶將內容讀完。
在Trent Walton 的網(wǎng)站當中,他采用了相似的設計,不過他沒有直接問候,而是采用了親切的語氣,來介紹他的主要工作內容。
如果對設計師本身的背景不夠理解,而直接看作品,有的時候還是挺讓人頭疼的,而通過標題和說明提供基礎的介紹,常??梢宰尀g覽過程中的困惑得到消解。
將問候和自我介紹作為設計師作品集網(wǎng)站的開頭,會讓訪客感覺非常舒服,你可以將兩點結合起來使用。不過通常,最好是讓標題或者問候更突出一點,會顯得更加友好、富有親和力。Patrick David 的網(wǎng)站就顯得非常大氣,超大的文本字體幾何特征突出,字體成為了整個構圖中不可或缺的部分。
讓文本成為焦點
假如你希望超大的文本字體更加吸引人一點,無妨使用鮮艷的色彩,結合圖形,甚至可以在文案上參加“Hey,快看我”這樣的字樣。
Finch 的網(wǎng)站就是因為其中 Francisco Inchauste 的炫酷設計而被人所熟知。
打開頁面之后,你會迅速注意到頁面文本上多變的色彩,更不用說頂端正中間的Finch LOGO了。色彩和尺寸對比讓頁面中的諸多元素變得顯著而引人注目。
文本大小對比是創(chuàng)建對比的有效手法,而其他的對比同樣可以不同程度到達相似的效果,設計師和前端可以經(jīng)過CSS屬性來輕松控制這些對比。
而在 Werkstatt 這個網(wǎng)站當中,設計師將超大的文本字體和動畫結合到一起,到達了引人注目的效果。
如果字體排版對于你的作品集網(wǎng)站至關重要,那么你可以試著將它們拆散,仔細地嘗試不同的方案。
使用更大的CTA元素
必須承認,并非每個作品集網(wǎng)站都需要CTA 按鈕,但是同時也得承認,CTA 按鈕在推動用戶交互上,有著顯著的效果,并且很容易添加。
但是假如你不需要很多用戶進行操作,那么CTA按鈕能否仍然值得呢?
當然值得。假如你正在尋求工作,需要訪客與你聯(lián)絡溝通,CTA 按鈕可以幫你達成目的,它可以成為溝通的交互入口。
Rareview 這個網(wǎng)站就使用了大量明顯而清晰的按鈕來鏈接到不同的內容,你會在首頁上看到大量鏈接到不同案例的按鈕,通過點擊即可直達。
這季絕大多數(shù)的按鈕都采用了目前所流行的幽靈按鈕,假如你想使用簡約的布局,那么幽靈按鈕的確是首選。
當然,Jib 這個網(wǎng)站所使用的紅色 CTA 按鈕也非常不錯。
它們在整個頁面中都顯得非常的醒目,當你決定了解更多的時候,會很輕松地找到需要點擊的按鈕。
我感覺,Jib 這個網(wǎng)站可以將按鈕的色彩改成其他的顏色,以達成其他的功能,比如增加潛在用戶。當前網(wǎng)站中紅色的按鈕真的太過顯著,融入度比較低。而用戶通常會被鮮艷明亮的色彩所吸引,如果更換其他的色彩,能達成相似的效果。將超大的按鈕和顯著的色彩結合起來,的確可以提高參與度。
結語
文本在作品集網(wǎng)站當中有著至關重要的作用,它不僅僅是基本的組成部分,而且是信息傳達和視覺設計中,無可取代的元素。從某種意義上來說,如何設計文本直接影響著設計的效果。
超大的文本內容是吸引人的,這種設計可以成為一種獨立的風格。
嘗試使用現(xiàn)有的經(jīng)驗和方法,來提升作品集的效果吧。