這3種獨特的趨勢，能讓網頁設計增色不少

2017-11-03 1448 0

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

在過去的一個月當中，所流行起來的三個設計趨勢，相互關聯(lián)，且都涉及到文本和標題在頁面設計中的運用。到底哪個更符合你的口味，而哪些又能夠更常久地流行？這恐怕就需要你自己來判斷了。

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

很意外地發(fā)現(xiàn)大家最近爭先恐后地使用下劃線這種元素。當然，能夠在各式各樣設計元素中靈活運用的下劃線，自然不是設計工具默認的下劃線效果或者文本鏈接下的那種文本下劃線。

下劃線原本運用在文本當中，用來強調內容，提醒用戶關注特定的文本信息。當下劃線和不同的元素搭配起來使用的時候，盡量讓兩者在風格和細節(jié)上保持一致，確保它們在設計上是無縫而一致的。

讓下劃線看起來是有意為之，但是又不會造成干擾，這樣的設計是成功的。雖然在許多設計當中，下劃線的加入會讓文本看起來略顯擁擠，但是實際上通過留白可以適當?shù)鼐徑膺@個問題。

在下面的案例當中，Simon Lee Gallery 和 Hoohaa Design 均是通過下劃線吸引用戶注意到特定的文本。在 Simon Lee Gallery 當中，下劃線和小字的搭配讓它們不再顯得單薄，在視覺上更重了。而 Hoohaa Design 中，下劃線則是出于平衡視覺重心的目的來使用的，設計師想要突出站點的名稱。

Abel Design Group 這個網站中，設計師并沒有直接采用傳統(tǒng)意義上的下劃線，而是使用橙色的線條置于文本前方，起到了和下劃線相似的功用。

2、被遮擋的文本

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

當然，從技術層面上來說，有不少設計在運用這一技巧的時候并未拿捏太好。有的可能是因為字體設計的原因，有的可能是所選的用來遮擋字體的元素沒有挑選好。這個中間的度其實并不好控制，尤其是當用來遮擋文本的元素是響應式、動態(tài)的時候。遮擋的元素、文本和背景之前要構成足夠好的對比，但是又不能太過突兀，這是許多出問題的設計所面臨的狀況。

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

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

確保文本中的詞匯足夠常見，易于理解，比如 Root Studio 網站中的單詞 Root

遮蓋元素不會遮擋太多部分

確保遮擋不會造成不必要的識別障礙

使用足夠簡單的字體，不會因為字體風格和障礙物造成識別障礙

保持其他部分的設計足夠簡單，這樣用戶可以更機輕松的關注核心的文本，并且識別出來

3、經典的黑白配色

談到色彩相關的趨勢的時候，我們通常會認為色彩能夠反應出設計者的心緒。黑白配色在這幾年越來越常見，而在過去的這段時間當中出現(xiàn)的越來越多，是因為天氣轉冷設計師們的心情都越來越沉郁了么？

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

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

在單純的黑白配色之下，文本的可讀性往往是設計中所碰到的最實際的問題。盡管可用的色彩不多，但是設計師可以通過創(chuàng)造一些有趣的東西，來達到效果。