設(shè)計趨勢這種東西恤筛,往根上說是潮流,是因緣際會之下成為一個時間段內(nèi)的流行風(fēng)潮芹橡,大多獨特毒坛,但是它并不一定符合你的喜好。
在過去的一個月當(dāng)中林说,所流行起來的三個設(shè)計趨勢煎殷,相互關(guān)聯(lián),且都涉及到文本和標(biāo)題在頁面設(shè)計中的運用腿箩。到底哪個更符合你的口味豪直,而哪些又能夠更常久地流行?這恐怕就需要你自己來判斷了度秘。
1顶伞、帶有下劃線的文本和元素
很意外地發(fā)現(xiàn)大家最近爭先恐后地使用下劃線這種元素饵撑。當(dāng)然,能夠在各式各樣設(shè)計元素中靈活運用的下劃線唆貌,自然不是設(shè)計工具默認的下劃線效果或者文本鏈接下的那種文本下劃線滑潘。
下劃線原本運用在文本當(dāng)中,用來強調(diào)內(nèi)容锨咙,提醒用戶關(guān)注特定的文本信息语卤。當(dāng)下劃線和不同的元素搭配起來使用的時候,盡量讓兩者在風(fēng)格和細節(jié)上保持一致酪刀,確保它們在設(shè)計上是無縫而一致的粹舵。
讓下劃線看起來是有意為之,但是又不會造成干擾骂倘,這樣的設(shè)計是成功的眼滤。雖然在許多設(shè)計當(dāng)中,下劃線的加入會讓文本看起來略顯擁擠历涝,但是實際上通過留白可以適當(dāng)?shù)鼐徑膺@個問題诅需。
在下面的案例當(dāng)中,Simon Lee Gallery 和 Hoohaa Design 均是通過下劃線吸引用戶注意到特定的文本荧库。在 Simon Lee Gallery 當(dāng)中堰塌,下劃線和小字的搭配讓它們不再顯得單薄,在視覺上更重了分衫。而 Hoohaa Design 中场刑,下劃線則是出于平衡視覺重心的目的來使用的,設(shè)計師想要突出站點的名稱蚪战。
Abel Design Group 這個網(wǎng)站中牵现,設(shè)計師并沒有直接采用傳統(tǒng)意義上的下劃線,而是使用橙色的線條置于文本前方屎勘,起到了和下劃線相似的功用施籍。
2居扒、被遮擋的文本
我們在探討設(shè)計的時候概漱,文本的可讀性往往被作為相當(dāng)靠前的一個標(biāo)準(zhǔn)來提,但是現(xiàn)在要說的設(shè)計趨勢其實是和這一規(guī)則相悖的:被遮擋的文字喜喂。雖然你不一定會喜歡瓤摧,但是確實有許多近期的設(shè)計作品會選擇這樣的設(shè)計。
當(dāng)然玉吁,從技術(shù)層面上來說照弥,有不少設(shè)計在運用這一技巧的時候并未拿捏太好。有的可能是因為字體設(shè)計的原因进副,有的可能是所選的用來遮擋字體的元素沒有挑選好这揣。這個中間的度其實并不好控制悔常,尤其是當(dāng)用來遮擋文本的元素是響應(yīng)式、動態(tài)的時候给赞。遮擋的元素机打、文本和背景之前要構(gòu)成足夠好的對比,但是又不能太過突兀片迅,這是許多出問題的設(shè)計所面臨的狀況残邀。
不過,如果能把遮擋的區(qū)域柑蛇、遮擋元素和文本的對比以及運動的軌跡都設(shè)計好的話芥挣,實際上所創(chuàng)造的效果是非常醒目的。
想要運用好文本前景的遮蓋元素耻台,你需要注意下面幾點:
確保文本中的詞匯足夠常見空免,易于理解,比如 Root Studio 網(wǎng)站中的單詞 Root
遮蓋元素不會遮擋太多部分
確保遮擋不會造成不必要的識別障礙
使用足夠簡單的字體盆耽,不會因為字體風(fēng)格和障礙物造成識別障礙
保持其他部分的設(shè)計足夠簡單鼓蜒,這樣用戶可以更機輕松的關(guān)注核心的文本,并且識別出來
3征字、經(jīng)典的黑白配色
談到色彩相關(guān)的趨勢的時候都弹,我們通常會認為色彩能夠反應(yīng)出設(shè)計者的心緒。黑白配色在這幾年越來越常見匙姜,而在過去的這段時間當(dāng)中出現(xiàn)的越來越多畅厢,是因為天氣轉(zhuǎn)冷設(shè)計師們的心情都越來越沉郁了么?
當(dāng)然氮昧,和以前那種強調(diào)形式感的黑白攝影網(wǎng)站不同框杜,現(xiàn)在的黑白色調(diào)的網(wǎng)站所覆蓋的網(wǎng)站類型更多了,當(dāng)然袖肥,在細節(jié)上可能還會點綴以其他的色彩咪辱,但是總體上是黑白色調(diào)沒跑了。
因為缺乏豐富的色彩元素椎组,黑白色調(diào)之下油狂,這些網(wǎng)站所呈現(xiàn)出來的情緒是很接近的。
在單純的黑白配色之下寸癌,文本的可讀性往往是設(shè)計中所碰到的最實際的問題专筷。盡管可用的色彩不多,但是設(shè)計師可以通過創(chuàng)造一些有趣的東西蒸苇,來達到效果磷蛹。
正如同前面所說的,主要色調(diào)是黑白溪烤,這個時候適當(dāng)?shù)募尤胍稽c點其他的色彩味咳,比如紅色或者藍色庇勃,一點色彩就能從整個設(shè)計當(dāng)中跳脫出來,極為醒目槽驶。
當(dāng)然匪凉,黑白之間的過渡色有很多,適當(dāng)?shù)氖褂媚軌蜃屨麄€設(shè)計更為豐滿捺檬。
就像下面的 Crafton 這個網(wǎng)站再层,稍稍加入一點紅色,就讓整個設(shè)計一下子鮮活了起來堡纬。
結(jié)語
我明白聂受,這次所探討的設(shè)計趨勢可能并不像之前的許多趨勢那么有趣好玩,但是它們在很多項目中有著獨特的功用烤镐,很多時候蛋济,撇開喜好探索這其中的功能,你會發(fā)現(xiàn)它們的適用范圍還是蠻廣的炮叶。試試看吧碗旅。
作者:CARRIE COUSINS
譯者:陳子木