火星網校
3種獨特趨勢，讓你的網頁設計增色不少！
發布時間：2018-11-17 19:57:24
設計趨勢這種東西，往根上說是潮流，是因緣際會之下成為一個時間段內的流行風潮，大多獨特，但是它並不一定符合你的喜好。
在過去的一個月當中，所流行起來的三個設計趨勢，相互關聯，且都涉及到文本和標題在頁麵設計中的運用。到底哪個更符合你的口味，而哪些又能夠更常久地流行？這恐怕就需要你自己來判斷了。
1、帶有下劃線的文本和元素
很意外地發現大家最近爭先恐後地使用下劃線這種元素。當然，能夠在各式各樣設計元素中靈活運用的下劃線，自然不是設計工具默認的下劃線效果或者文本鏈接下的那種文本下劃線。
下劃線原本運用在文本當中，用來強調內容，提醒用戶關注特定的文本信息。當下劃線和不同的元素搭配起來使用的時候，盡量讓兩者在風格和細節上保持一致，確保它們在設計上是無縫而一致的。
讓下劃線看起來是有意為之，但是又不會造成幹擾，這樣的設計是成功的。雖然在許多設計當中，下劃線的加入會讓文本看起來略顯擁擠，但是實際上通過留白可以適當地緩解這個問題。
在下麵的案例當中，Simon Lee Gallery和Hoohaa Design均是通過下劃線吸引用戶注意到特定的文本。在Simon Lee Gallery當中，下劃線和小字的搭配讓它們不再顯得單薄，在視覺上更重了。而Hoohaa Design中，下劃線則是出於平衡視覺重心的目的來使用的，設計師想要突出站點的名稱。
Abel Design Group這個網站中，設計師並沒有直接采用傳統意義上的下劃線，而是使用橙色的線條置於文本前方，起到了和下劃線相似的功用。
2、被遮擋的文本
我們在探討設計的時候，文本的可讀性往往被作為相當靠前的一個標準來提，但是現在要說的設計趨勢其實是和這一規則相悖的：被遮擋的文字。雖然你不一定會喜歡，但是確實有許多近期的設計作品會選擇這樣的設計。
當然，從技術層麵上來說，有不少設計在運用這一技巧的時候並未拿捏太好。有的可能是因為字體設計的原因，有的可能是所選的用來遮擋字體的元素沒有挑選好。這個中間的度其實並不好控製，尤其是當用來遮擋文本的元素是響應式、動態的時候。遮擋的元素、文本和背景之前要構成足夠好的對比，但是又不能太過突兀，這是許多出問題的設計所麵臨的狀況。
不過，如果能把遮擋的區域、遮擋元素和文本的對比以及運動的軌跡都設計好的話，實際上所創造的效果是非常醒目的。
想要運用好文本前景的遮蓋元素，你需要注意下麵幾點：
●確保文本中的詞彙足夠常見，易於理解，比如Root Studio網站中的單詞Root
●遮蓋元素不會遮擋太多部分
●確保遮擋不會造成不必要的識別障礙
●使用足夠簡單的字體，不會因為字體風格和障礙物造成識別障礙
●保持其他部分的設計足夠簡單，這樣用戶可以更機輕鬆的關注核心的文本，並且識別出來
3、經典的黑白配色
談到色彩相關的趨勢的時候，我們通常會認為色彩能夠反應出設計者的心緒。黑白配色在這幾年越來越常見，而在過去的這段時間當中出現的越來越多，是因為天氣轉冷設計師們的心情都越來越沉鬱了麼？
當然，和以前那種強調形式感的黑白攝影網站不同，現在的黑白色調的網站所覆蓋的網站類型更多了，當然，在細節上可能還會點綴以其他的色彩，但是總體上是黑白色調沒跑了。
因為缺乏豐富的色彩元素，黑白色調之下，這些網站所呈現出來的情緒是很接近的。
在單純的黑白配色之下，文本的可讀性往往是設計中所碰到的最實際的問題。盡管可用的色彩不多，但是設計師可以通過創造一些有趣的東西，來達到效果。
正如同前麵所說的，主要色調是黑白，這個時候適當的加入一點點其他的色彩，比如紅色或者藍色，一點色彩就能從整個設計當中跳脫出來，極為醒目。
當然，黑白之間的過渡色有很多，適當的使用能夠讓整個設計更為豐滿。
就像下麵的Crafton這個網站，稍稍加入一點紅色，就讓整個設計一下子鮮活了起來。
結語
我明白，這次所探討的設計趨勢可能並不像之前的許多趨勢那麼有趣好玩，但是它們在很多項目中有著獨特的功用，很多時候，撇開喜好探索這其中的功能，你會發現它們的適用範圍還是蠻廣的，試試看吧。
（原文地址：webdesignerdepot，原文作者：CARRIE COUSINS，優設譯文：@陳子木）
分享
华体会hth体育网
賞析
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
這篇文章將詳細探索學習網頁設計需要多長時間以及在火星時代教育可以如何學習和領悟這項技能。
-
深入探討美工專業的學習周期以及有效的學習路徑，專業的指導來自火星時代教育，幫助你理解化學習美工所需的時間
-
本文從UI設計所需技能，學習方法，以及學習周期三個角度為大家解析學習UI設計需要多長時間。
-
尋找學習遊戲建模的理想學校，為自己的職業生涯做準備。火星時代教育，全方位的遊戲建模課程，專業的講師指導，提供你需要的技能和知識。
-
探索學習插畫的核心要求和技巧，以及火星時代教育如何幫助你達成藝術夢想
-
本文主要介紹如何通過選擇專業的影視動畫場景培訓機構，挖掘你的創新潛能，為未來職業做好準備。同時，我們也將介紹火星時代教育的專業......
