目前位置:最新消息

Latest News

最新訊息


彙整網頁設計常見問題,希望對您有幫助(鞠躬)


設計作品集網站的時候,如何善用超大字體元素


設計作品集網站的時候,如何善用超大字體元素

作品集網站本身的作用是用來展示設計作品,這個是目的是不變的。

但是在呈現作品的時候,設計師自然是希望作品集中的作品能夠足夠吸引人,借助特殊的視覺效果,協調或者驚艷的排版,給用戶留下深刻的印象,提升網站的用戶留存率。

當然,並非每種作品集網站都適合使用超大的字體排版,具體情況是需要具體對待的。今天的文章,我們將會具體聊一聊在作品集網站中使用超大字體排版的技巧和註意事項。

 

標題最重要

在SEO領域,通常大家會說“標題即王道”,即使延展到其他的領域,絕大多數時候也都是對的。

至少,在涉及到頁面的設計的時候,這句話是非常對的。訪客打開網站的時候首先映入眼簾的通常會是標題,標題文本是否足夠吸引人,能否抓住他們的註意力,將決定他們是停留還是離開。

你可以試著使用超大的字體來展示標題,不過也千萬不要讓它大得太過分,以至於壓倒了整體的設計。

看看 Mike Dekker 的這個網站,你就明白了我的意思。

這個網站的標題采用了超大的字體,這有助於凸顯主要的信息和內容,以及網站的一些細節。

在首頁剛剛加載出來的時候開始,你就會因為這些內容而很快了解 Mike,決定是否要深入了解他的作品。當然,想要達到這樣的效果,設計師本身是需要比較紮實的文案功底的,好的文案會讓內容和信息的呈現自然而順暢。

 

 

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

 

Tobias 采用了各種不同的標題來分割布局,構建網格結構。這樣的設計可以同時展示多個作品,同時使用大標題來標識不同的設計作品,最大程度地吸引用戶的註意力,同時直接將多個作品推到用戶面前,供他們選擇。

 

我無法確切地告知你如何構建你的頁面標題,因為每種組合都需要靈活處理。

 

但是如何你想使用超大字體來呈現,請務必確保文本標題足夠吸引人,無論是內容還是樣式。

 

用問候和介紹開頭

給網站設計文案這件事情本身就很有趣,因為你可以做許多截然不同有趣的文案設計。你可以今天為一家設計機構設計沈悶正式的文案,明天為某個個人網站設計跳脫風騷的標題。

 

就像 Marc Thomas 的作品集網站設計,在標題中采用了“問候”式的文案,這種設計創造了一種同觀眾互動和對話的感覺。

 

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

在Trent Walton 的網站當中,他采用了類似的設計,不過他沒有直接問候,而是采用了親切的語氣,來介紹他的主要工作內容。

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

 

將問候和自我介紹作為設計師作品集網站的開頭,會讓訪客覺得非常舒服,你可以將兩點結合起來使用。不過通常,最好是讓標題或者問候更突出一點,會顯得更加友好、富有親和力。

 

Patrick David 的網站就顯得非常大氣,超大的文本字體幾何特征突出,字體成為了整個構圖中不可或缺的部分。

 

讓文本成為焦點

如果你希望超大的文本字體更加吸引人一點,不妨使用鮮艷的色彩,結合圖形,甚至可以在文案上加入“Hey,快看我”這樣的字樣。

Finch 的網站就是因為其中 Francisco Inchauste 的炫酷設計而被人所熟知。

 

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

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

而在 Werkstatt 這個網站當中,設計師將超大的文本字體和動畫結合到一起,達到了引人矚目的效果。

 

如果字體排版對於你的作品集網站至關重要,那麽你可以試著將它們拆散,仔細地嘗試不同的方案。

 

使用更大的CTA元素

必須承認,並非每個作品集網站都需要CTA 按鈕,但是同時也得承認,CTA 按鈕在推動用戶交互上,有著顯著的效果,並且很容易添加。

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

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

Rareview 這個網站就使用了大量明顯而清晰的按鈕來鏈接到不同的內容,你會在首頁上看到大量鏈接到不同案例的按鈕,通過點擊即可直達。

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

當然,Jib 這個網站所使用的紅色 CTA 按鈕也非常不錯。

 

它們在整個頁面中都顯得非常的醒目,當你決定了解更多的時候,會很輕松地找到需要點擊的按鈕。

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

 

結語

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

超大的文本內容是吸引人的,這種設計能夠成為一種獨立的風格也並非意外。

嘗試使用現有的經驗和方法,來提升作品集的效果吧。





亦達網頁設計 BASIC INFO.
專人電話: 0935892259吳先生
屏東長治鄉德隆村煙墩巷28-1號
營業時間:早上10:00~晚上9:00
服務項目 SERVICE
網頁設計-RWD‧購物網站‧形象網站‧大型網站
網路行銷-關鍵字(SEO/GOOGLE廣告操作/YAHOO廣告操作)、EDM行銷
程式開發-專案程式開發、定位系統、訂房系統、庫存系統
APP開發-形象APP、購物APP
諮詢服務-不管網路大小事都歡迎您來電詢問

網站首頁 關於我們 作品展示 設計新聞 連絡我們
屏東網頁設計-屏東rwd響應式網頁設計-高雄網頁設計-高雄網站架設-台南網頁設計-台中網頁設計-桃園網頁設計-台北網頁設計Sitetag Whois check tool
google手機板網測試
亦達臉書logo 亦達google+ 亦達line 亦達twitter
亦達公司qr code-屏東網頁設計
網站首頁 作品展示 關於我們 專案流程 設計新聞 連絡我們
亦達網頁設計
網路行銷/關鍵字廣告/google排名
(port_bottom_1)