News & Events

新聞動態(tài)

所在位置：

首頁最新動態(tài)網(wǎng)頁設(shè)計(jì)3種獨(dú)特的趨勢,讓網(wǎng)頁設(shè)計(jì)增色許多

3種獨(dú)特的趨勢,讓網(wǎng)頁設(shè)計(jì)增色許多

時間：2017-11-03 00:00:00瀏覽次數(shù)：1816

　設(shè)計(jì)趨勢這種東西，往根上說是潮流，是因緣際會之下成為一個時間段內(nèi)的流行風(fēng)潮，大多獨(dú)特，但是它并不一定符合你的喜好。在過去的一個月當(dāng)中，所流行起來的三個設(shè)計(jì)趨勢，相互關(guān)聯(lián)，且都涉及到文本和標(biāo)題在頁面設(shè)計(jì)中的運(yùn)用。到底哪個更符合你的口味，而哪些又能夠更常久地流行？這恐怕就需要你自己來判斷了。

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

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

　　下劃線原本運(yùn)用在文本當(dāng)中，用來強(qiáng)調(diào)內(nèi)容，提醒用戶關(guān)注特定的文本信息。當(dāng)下劃線和不同的元素搭配起來使用的時候，盡量讓兩者在風(fēng)格和細(xì)節(jié)上保持一致，確保它們在設(shè)計(jì)上是無縫而一致的。

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

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

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

　　2、被遮擋的文本

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

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

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

　　想要運(yùn)用好文本前景的遮蓋元素，你需要注意下面幾點(diǎn)：

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

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

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

　　使用足夠簡單的字體，不會因?yàn)樽煮w風(fēng)格和障礙物造成識別障礙

　　保持其他部分的設(shè)計(jì)足夠簡單，這樣用戶可以更機(jī)輕松的關(guān)注核心的文本，并且識別出來

　　3、經(jīng)典的黑白配色

　　談到色彩相關(guān)的趨勢的時候，我們通常會認(rèn)為色彩能夠反應(yīng)出設(shè)計(jì)者的心緒。黑白配色在這幾年越來越常見，而在過去的這段時間當(dāng)中出現(xiàn)的越來越多，是因?yàn)樘鞖廪D(zhuǎn)冷設(shè)計(jì)師們的心情都越來越沉郁了么？

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

　　因?yàn)槿狈ωS富的色彩元素，黑白色調(diào)之下，這些網(wǎng)站所呈現(xiàn)出來的情緒是很接近的。

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

　　正如同前面所說的，主要色調(diào)是黑白，這個時候適當(dāng)?shù)募尤胍稽c(diǎn)點(diǎn)其他的色彩，比如紅色或者藍(lán)色，一點(diǎn)色彩就能從整個設(shè)計(jì)當(dāng)中跳脫出來，極為醒目。

　　當(dāng)然，黑白之間的過渡色有很多，適當(dāng)?shù)氖褂媚軌蜃屨麄€設(shè)計(jì)更為豐滿。

　　就像下面的Crafton這個網(wǎng)站，稍稍加入一點(diǎn)紅色，就讓整個設(shè)計(jì)一下子鮮活了起來。