3 種網頁設計趨勢 | 2017 年 11 月

簡評：最新 2017 年 11 月網頁設計趨勢。分別是下劃線、遮蓋文字、黑白。

11 月的三種網頁流行趨勢，視覺效果都杠杠的，不過易用性和可讀性如何呢？讓我們進入今天的文章。

I.文字下劃線和下劃線元素

下劃線的文字是一種相當意想不到的趨勢。這裡說的下劃線不是你文字編輯時的普通下劃線，也不是網頁超鏈接的那種下劃線。

下劃線的文字和元素趨勢使用顏色和線條，來突出顯示特定信息並將焦點集中到某個內容區域。明智的使用下劃線能夠將設計中的不同元素結合，達到無縫過渡的效果。

案例：

西蒙·李畫廊使用下劃線把用戶的視線聚焦於最下的字體上。有一個強烈的對比同時，又不會讓焦點失卻。

HooHaa 設計使用下劃線，線的下面有一個小三角元素，整體構成了天平既視感。有助於用戶聚焦和記憶 HoohaaDesign 這個名字。

亞伯設計集團採用另一種方式，橙色的線條在此充當著中心線的作用，達到將背景圖案與文本相結合的作用。

II.遮蓋文字

可能你覺得這種設計已經出來好久了，不應該成為 11 月的最新的趨勢，不過實話告訴你，還有好多設計是在玩這個概念。

這種設計有一定的難度，好多的設計師都在這折了。特別是在響應式框架中更容易出問題。

但如果能玩明白這個設計，會非常的抓人。下面 RootStudio 例子就非常精彩，顯眼的色彩配合間接地字體，加上長頸鹿栩栩如生，讓人印象深刻。

如何能玩轉這改字體這種設計呢？

• 確保這個詞常見遮蓋的詞或短語很常見
• 不要遮蓋到太多的文本
• 文本上面的遮蓋物是主體
• 使用極簡的字體，確保字體不會與前面的遮蓋物產生衝突
• 保持其餘的設計簡單，以便用戶可以輕鬆的關注字體並閱讀理解

III.黑白美學

黑白配色方案是近年來較少的，但最近黑白配色、偏暗配色、或者單色、灰色系配色多了起來。（我們知道，有時候設計趨勢與設計者的心情有著相關性，難道最近設計師都感覺很陰沉么？）

過去的黑白網頁設計大多都是攝影作品集網站，不過最近的黑白網頁設計有很大的區別。下面的案例包含了傢具設計公司、網站設計公司、心理健康諮詢網站。

沒有其他的色彩，讓這些網站擁有相似的情感傳遞。

當時用黑白配色時，設計師可能要注意文本放置位置和可讀性，以及在某些部分包含顏色該如何處理。儘管色彩不足，不過設計師也依舊可以創造一些有趣的東西。

這裡有種技巧，能夠讓黑白配色顯得更有溫度感，可以為深色調使用更豐富的色彩搭配。可以用紅、藍、綠等其他顏色作為底色，這樣可以讓黑色顯得更有層次，有助於創造不同的觀感。

豐富的黑色用 HEX 編輯器看，是由多種色彩構成的。Hex #000000 根本沒有顏色，豐富的黑色是 #004040，還有很多更豐富的黑色的。更豐富的黑色可以作為黑白之間的過度，成為特殊的設計元素。

案例：

結論

本月的所有設計趨勢，都會讓文本更難閱讀一些。這是設計的概念之一，不過也要分項目來選型，有的項目能夠體現出非常好的效果，有的項目就不太搭。

原文：3 Essential Design Trends, November 2017 | Webdesigner Depot

日報延伸閱讀：Less is More | 極簡的網頁設計

歡迎關註：

• 專欄「極光日報」，每天導讀三篇英文，價值、思考、共鳴。
• 網易雲音樂的電台「極光日報」，每周兩期，聽園長瞎白話。

推薦閱讀：