3種獨特趨勢,能讓網頁增色不少

設計趨勢這種東西,往根上說是潮流,是因緣際會之下成為一個時間段內的流行風潮,大多獨特,但是它並不一定符合你的喜好。

在過去的一個月當中,所流行起來的三個設計趨勢,相互關聯,且都涉及到文本和標題在頁面設計中的運用。

到底哪個更符合你的口味,而哪些又能夠更常久地流行?這恐怕就需要你自己來判斷了。

1、帶有下劃線的文本和元素

很意外地發現大家最近爭先恐後地使用下劃線這種元素。

當然,能夠在各式各樣設計元素中靈活運用的下劃線,自然不是設計工具默認的下劃線效果或者文本鏈接下的那種文本下劃線。

下劃線原本運用在文本當中,用來強調內容,提醒用戶關注特定的文本信息。

當下劃線和不同的元素搭配起來使用的時候,儘量讓兩者在風格和細節上保持一致,確保它們在設計上是無縫而一致的。

讓下劃線看起來是有意為之,但是又不會造成干擾,這樣的設計是成功的。

雖然在許多設計當中,下劃線的加入會讓文本看起來略顯擁擠,但是實際上通過留白可以適當地緩解這個問題。

在下面的案例當中,Simon Lee Gallery 和 Hoohaa Design 均是通過下劃線吸引用戶注意到特定的文本。

在 Simon Lee Gallery 當中,下劃線和小字的搭配讓它們不再顯得單薄,在視覺上更重了。

而 Hoohaa Design 中,下劃線則是出於平衡視覺重心的目的來使用的,設計師想要突出站點的名稱。

Abel Design Group 這個網站中,設計師並沒有直接採用傳統意義上的下劃線,而是使用橙色的線條置於文本前方,起到了和下劃線相似的功用。

 

網頁設計圖

 

網頁設計圖

 

網頁設計圖

 

2、被遮擋的文本

我們在探討設計的時候,文本的可讀性往往被作為相當靠前的一個標準來提,但是現在要說的設計趨勢其實是和這一規則相悖的:被遮擋的文字。雖然你不一定會喜歡,但是確實有許多近期的設計作品會選擇這樣的設計。

當然,從技術層面上來說,有不少設計在運用這一技巧的時候並未拿捏太好。

有的可能是因為字體設計的原因,有的可能是所選的用來遮擋字體的元素沒有挑選好。

這個中間的度其實並不好控制,尤其是當用來遮擋文本的元素是響應式、動態的時候。

遮擋的元素、文本和背景之前要構成足夠好的對比,但是又不能太過突兀,這是許多出問題的設計所面臨的狀況。

不過,如果能把遮擋的區域、遮擋元素和文本的對比以及運動的軌跡都設計好的話,實際上所創造的效果是非常醒目的。

想要運用好文本前景的遮蓋元素,你需要注意下面幾點:

  • 確保文本中的詞彙足夠常見,易於理解,比如 Root Studio 網站中的單詞 Root
  • 遮蓋元素不會遮擋太多部分
  • 確保遮擋不會造成不必要的識別障礙
  • 使用足夠簡單的字體,不會因為字體風格和障礙物造成識別障礙
  • 保持其他部分的設計足夠簡單,這樣用戶可以更機輕鬆的關注核心的文本,並且識別出來

 

網頁設計圖

 

網頁設計圖

 

網頁設計圖

 

3、經典的黑白配色

談到色彩相關的趨勢的時候,我們通常會認為色彩能夠反應出設計者的心緒。

黑白配色在這幾年越來越常見,而在過去的這段時間當中出現的越來越多,是因為天氣轉冷設計師們的心情都越來越沉鬱了麼?

當然,和以前那種強調形式感的黑白攝影網站不同,現在的黑白色調的網站所覆蓋的網站類型更多了,當然,在細節上可能還會點綴以其他的色彩,但是總體上是黑白色調沒跑了。

因為缺乏豐富的色彩元素,黑白色調之下,這些網站所呈現出來的情緒是很接近的。

在單純的黑白配色之下,文本的可讀性往往是設計中所碰到的最實際的問題。

儘管可用的色彩不多,但是設計師可以通過創造一些有趣的東西,來達到效果。

正如同前面所說的,主要色調是黑白,這個時候適當的加入一點點其他的色彩,比如紅色或者藍色,一點色彩就能從整個設計當中跳脫出來,極為醒目。

當然,黑白之間的過渡色有很多,適當的使用能夠讓整個設計更為豐滿。

就像下面的 Crafton 這個網站,稍稍加入一點紅色,就讓整個設計一下子鮮活了起來。

 

網頁設計圖

 

網頁設計圖

 

網頁設計圖

 

結語

我明白,這次所探討的設計趨勢可能並不像之前的許多趨勢那麼有趣好玩,但是它們在很多項目中有著獨特的功用,很多時候,撇開喜好探索這其中的功能,你會發現它們的適用範圍還是蠻廣的。試試看吧。

更多參考網頁設計:https://gogoshark.com/learn/project-view/


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化