首頁 部落格 網頁設計公司推薦:這3個是網頁設計師的最愛
Jericho
Jan 11, 2022
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

網頁設計公司推薦:這3個是網頁設計師的最愛

有話直說的跟各位分享:運用字體的排版特效,是近年網頁設計的熱門趨勢,尤其是重視品牌形象的設計產業,新創產業更是如此。

字型、字體與網頁設計關係密不可分,很大的原因是80%以上的網站,採用的都是保守的策略,若能在設計上突破傳統,就有機會爭取到訪客的目光。然而字型、字體只是一個道具,真正創造絕美視覺效果的,仍得倚靠網頁設計師的不斷精進。

今年所流行的設計趨勢中,多與字體排版與佈局有著密切的關聯,設計師們都愈加傾向於使用漂亮的字體,和出色的排版讓設計品質脫穎而出。以下是幾種常用策略:

 


來源:https://www.zh.tiffany.com/

網頁頭版,文字當主角

頭版使用圖片來吸引用戶是個很不錯的起手,那麼用字體、字型呢?當然沒問題,不過,想要將文字內容作為頭版吸睛,設計師還要用好構圖策略。以下提供幾個參考方向:

開門見山關鍵字:直接了當地使用關鍵字,凸顯內容和主張
留白效果很好:我們分享的幾個案例中,都有足夠的留白確保排版的呼吸感,用戶不會被其他元素吸引,專注在文字中。
創新版型為輔:當文字成為主角時,版型就是陪襯字型字體的好夥伴,不要強行讓文字填滿螢幕,因為現代人不喜歡看太多密密麻麻的文字,重點帶到即可。
 


來源:https://www.mcdonalds.com/tw/zh-tw.html

白底不是單調,而是絕佳可讀性

這幾年網頁設計視覺不斷突破,加上豐富的圖庫資源與特效技術大致純熟,用戶不太容易看到非常醜陋的網站。因此設計出現「反樸歸真」的文字又再度受到重視,但並非用很花俏的方式進行,而是以單純到不行的白底區塊為底,用來襯托純黑色的文字內容。

這種白底黑字的設計雖然傳統,但無需擔心複雜的背景色,可讀性很高,就像閱讀報紙與書籍一樣,幾百年來都是如此,沒有什麼祕密。

白色的區塊在尺寸比例得宜,就能讓重要的文字訊息得到極佳曝光,但在RWD手機螢幕上呈現這樣的文本框有時會有斷點位置的問題,但若將文字圖片化又會影像到SEO的表現,所以建議設計師還是要多下點功夫在RWD的版面控制語法上。

以下我們分享幾個相當不錯的案例:


 


遮罩文字,可以很有風格

字體中可以填充各種各樣的東西:例如紋理樣式、金屬光澤、甚至是圖片!這種效果的玩法其實很多,例如運動品牌Nike就是其中的高手,不論是Nike官方或是其他二次創作,光是品牌與Logo兩個元素就有許多變化,不論是圖片,動態影片,光影變化,滾動特效...等等,在他們的官網都可以看到許多不簡單的應用。

想試試看嗎?隨時都可以開始,首先你要選擇一個適當的字體,訣竅在於字體的選取必須足夠厚重,才能讓圖片訊息有更多版面可以呈現,太細或者太窄的字體效果就會打折。

接著,你可以先從靜態的效果開始練習,遮罩(Mask)是一個很典型的Photoshop功能,可以混合看看不同的紋理、材質看看,再從圖片或是動畫取得靈感,最後你可能會找到一個視覺效果最好的搭配。

你可以搜尋找找看文字照片(Photo Text)案例,看過之後如何應用就看每個人的創意了:


 

 

2022網頁設計趨勢-用創新的技術,抓住客戶的目光
2022網頁設計趨勢-用創新的技術,抓住客戶的目光
Ryan
Ryan
Nov 24, 2021
手機端網頁設計與PC電腦端的差別與設計要點
手機端網頁設計與PC電腦端的差別與設計要點
Jericho
Jericho
Mar 23, 2021
網頁APP化:開發APP有什麽好處及弊端
網頁APP化:開發APP有什麽好處及弊端
Jericho
Jericho
Mar 17, 2021