MAILI VIEWPOINT
麥力深知借助策略制造優(yōu)秀品牌之道,摒棄了大多數設計公司毫無(wú)目的地為設計而設計的做法
在專(zhuān)業(yè)策略指導下,從客戶(hù)需求出發(fā),使設計有的放矢
讓網(wǎng)頁(yè)設計增色不少的3種趨勢
注:設計趨勢這種東西,往根上說(shuō)是潮流,是因緣際會(huì )之下成為一個(gè)時(shí)間段內的流行風(fēng)潮,大多獨特,但是它并不一定符合你的喜好。在過(guò)去的一個(gè)月當中,所流行起來(lái)的三個(gè)設計趨勢,相互關(guān)聯(lián),且都涉及到文本和標題在頁(yè)面設計中的運用。到底哪個(gè)更符合你的口味,而哪些又能夠更常久地流行?這恐怕就需要你自己來(lái)判斷了。
一、帶有下劃線(xiàn)的文本和元素
很意外地發(fā)現大家現在爭先恐后地使用下劃線(xiàn)這種元素。當然,能夠在各式各樣設計元素中靈活運用的下劃線(xiàn),自然不是設計工具默認的下劃線(xiàn)效果或者文本鏈接下的那種文本下劃線(xiàn)。
下劃線(xiàn)原本運用在文本當中,用來(lái)強調內容,提醒用戶(hù)關(guān)注特定的文本信息。當下劃線(xiàn)和不同的元素搭配起來(lái)使用的時(shí)候,盡量讓兩者在風(fēng)格和細節上保持一致,確保它們在設計上是無(wú)縫而一致的。
讓下劃線(xiàn)看起來(lái)是有意為之,但是又不會(huì )造成干擾,這樣的設計是成功的。雖然在許多設計當中,下劃線(xiàn)的加入會(huì )讓文本看起來(lái)略顯擁擠,但是實(shí)際上通過(guò)留白可以適當地緩解這個(gè)問(wèn)題。
在下面的案例當中,Simon Lee Gallery 和 Hoohaa Design 均是通過(guò)下劃線(xiàn)吸引用戶(hù)注意到特定的文本。在 Simon Lee Gallery 當中,下劃線(xiàn)和小字的搭配讓它們不再顯得單薄,在視覺(jué)上更重了。而 Hoohaa Design 中,下劃線(xiàn)則是出于平衡視覺(jué)重心的目的來(lái)使用的,設計師想要突出站點(diǎn)的名稱(chēng)。
Abel Design Group 這個(gè)網(wǎng)站中,設計師并沒(méi)有直接采用傳統意義上的下劃線(xiàn),而是使用橙色的線(xiàn)條置于文本前方,起到了和下劃線(xiàn)相似的功用。
二、被遮擋的文本
我們在探討設計的時(shí)候,文本的可讀性往往被作為相當靠前的一個(gè)標準來(lái)提,但是現在要說(shuō)的設計趨勢其實(shí)是和這一規則相悖的:被遮擋的文字。雖然你不一定會(huì )喜歡,但是確實(shí)有許多近期的設計作品會(huì )選擇這樣的設計。
當然,從技術(shù)層面上來(lái)說(shuō),有不少設計在運用這一技巧的時(shí)候并未拿捏太好。有的可能是因為字體設計的原因,有的可能是所選的用來(lái)遮擋字體的元素沒(méi)有挑選好。這個(gè)中間的度其實(shí)并不好控制,尤其是當用來(lái)遮擋文本的元素是響應式、動(dòng)態(tài)的時(shí)候。遮擋的元素、文本和背景之前要構成足夠好的對比,但是又不能太過(guò)突兀,這是許多出問(wèn)題的設計所面臨的狀況。
不過(guò),如果能把遮擋的區域、遮擋元素和文本的對比以及運動(dòng)的軌跡都設計好的話(huà),實(shí)際上所創(chuàng )造的效果是非常醒目的。
想要運用好文本前景的遮蓋元素,你需要注意下面幾點(diǎn):
確保文本中的詞匯足夠常見(jiàn),易于理解,比如 Root Studio 網(wǎng)站中的單詞 Root
遮蓋元素不會(huì )遮擋太多部分
確保遮擋不會(huì )造成不必要的識別障礙
使用足夠簡(jiǎn)單的字體,不會(huì )因為字體風(fēng)格和障礙物造成識別障礙
保持其他部分的設計足夠簡(jiǎn)單,這樣用戶(hù)可以更機輕松的關(guān)注核心的文本,并且識別出來(lái)
三、經(jīng)典的黑白配色
談到色彩相關(guān)的趨勢的時(shí)候,我們通常會(huì )認為色彩能夠反應出設計者的心緒。黑白配色在這幾年越來(lái)越常見(jiàn),而在過(guò)去的這段時(shí)間當中出現的越來(lái)越多,是因為天氣轉冷設計師們的心情都越來(lái)越沉郁了么?
當然,和以前那種強調形式感的黑白攝影網(wǎng)站不同,現在的黑白色調的網(wǎng)站所覆蓋的網(wǎng)站類(lèi)型更多了,當然,在細節上可能還會(huì )點(diǎn)綴以其他的色彩,但是總體上是黑白色調沒(méi)跑了。
因為缺乏豐富的色彩元素,黑白色調之下,這些網(wǎng)站所呈現出來(lái)的情緒是很接近的。
在單純的黑白配色之下,文本的可讀性往往是設計中所碰到的實(shí)際的問(wèn)題。盡管可用的色彩不多,但是設計師可以通過(guò)創(chuàng )造一些有趣的東西,來(lái)達到效果。
正如同前面所說(shuō)的,主要色調是黑白,這個(gè)時(shí)候適當的加入一點(diǎn)點(diǎn)其他的色彩,比如紅色或者藍色,一點(diǎn)色彩就能從整個(gè)設計當中跳脫出來(lái),極為醒目。
當然,黑白之間的過(guò)渡色有很多,適當的使用能夠讓整個(gè)設計更為豐滿(mǎn)。
就像下面的 Crafton 這個(gè)網(wǎng)站,稍稍加入一點(diǎn)紅色,就讓整個(gè)設計一下子鮮活了起來(lái)。
結語(yǔ)
我明白,這次所探討的設計趨勢可能并不像之前的許多趨勢那么有趣好玩,但是它們在很多項目中有著(zhù)獨特的功用,很多時(shí)候,撇開(kāi)喜好探索這其中的功能,你會(huì )發(fā)現它們的適用范圍還是蠻廣的。試試看吧。
-
企業(yè)網(wǎng)站需不需要進(jìn)行ICP備案?...
經(jīng)常有客戶(hù)問(wèn)我們網(wǎng)站備案是什么意思,備案...
-
德陽(yáng)網(wǎng)站建設中的企業(yè)網(wǎng)站改版,你不...
網(wǎng)站頁(yè)面改版這個(gè)問(wèn)題,是每個(gè)從事網(wǎng)站建設...
-
德陽(yáng)營(yíng)銷(xiāo)型網(wǎng)站建設最應該注意什么問(wèn)...
網(wǎng)站建設在當下越來(lái)越普遍,一方面是為了對...
-
德陽(yáng)網(wǎng)站開(kāi)發(fā)定制的幾種類(lèi)型...
1、普通版企業(yè)定制網(wǎng)站 為企業(yè)提供一站式...
-
您的網(wǎng)站起不到營(yíng)銷(xiāo)的效果是因為用了...
如今互聯(lián)網(wǎng)時(shí)代,每家企業(yè)都有做企業(yè)網(wǎng)站,...
-
德陽(yáng)網(wǎng)站哪些情況會(huì )被認定為過(guò)度優(yōu)化...
大多數SEOer都知道,在短時(shí)間內對網(wǎng)站進(jìn)行...
-
什么樣的網(wǎng)站建設才是合適德陽(yáng)的企業(yè)...
對于很多企業(yè)來(lái)說(shuō),網(wǎng)站建設怎么做,應該找...
-
德陽(yáng)網(wǎng)站建設怎么做才能使信息密度平...
對于不同類(lèi)型的網(wǎng)站建設信息密度是要不一樣...