這3種獨特的趨勢,能讓網(wǎng)頁設計增色不少

      作者:陳子木
      2017-11-02
      7278

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

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

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

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

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

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

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

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

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

      01.jpg

      02.jpg

      03.jpg

      2、被遮擋的文本

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

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

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

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

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

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

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

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

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

      04.jpg

      05.jpg

      06.jpg

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

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

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

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

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

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

      當然,黑白之間的過渡色有很多,適當?shù)氖褂媚軌蜃屨麄€設計更為豐滿。

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

      07.jpg

      08.jpg

      09.jpg

      結語

      我明白,這次所探討的設計趨勢可能并不像之前的許多趨勢那么有趣好玩,但是它們在很多項目中有著獨特的功用,很多時候,撇開喜好探索這其中的功能,你會發(fā)現(xiàn)它們的適用范圍還是蠻廣的。試試看吧。


      0
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 一区二区三区高清视频在线观看 | 久久久无码精品国产一区| 精品一区中文字幕| 日本一区二区免费看| 国产精品一区二区综合| 亚洲av无码不卡一区二区三区| 日本v片免费一区二区三区| 天堂资源中文最新版在线一区| 视频一区二区精品的福利| 精品国产AV一区二区三区| 亚洲线精品一区二区三区影音先锋 | 亚洲一区二区三区AV无码| 日韩十八禁一区二区久久| 亚洲AV无码一区二区三区牲色 | 久久毛片一区二区| 国内精品无码一区二区三区| 欧洲精品码一区二区三区免费看 | 波多野结衣AV一区二区三区中文| 无码一区二区三区| 亚洲啪啪综合AV一区| 久久无码人妻精品一区二区三区| 秋霞鲁丝片一区二区三区| 无码午夜人妻一区二区不卡视频 | 国产麻豆媒一区一区二区三区| 国产伦精品一区二区三区女| 日韩爆乳一区二区无码| 国产精品美女一区二区视频 | 亚洲av不卡一区二区三区| 日韩精品无码视频一区二区蜜桃 | 国产福利电影一区二区三区,亚洲国模精品一区 | 国产AV天堂无码一区二区三区 | 一区二区三区高清在线| 视频在线一区二区三区| 一区二区三区伦理高清| 国产一区二区精品久久岳| 国产综合无码一区二区辣椒| 精品国产免费一区二区三区香蕉 | 国产视频一区二区在线播放| 亚洲一区二区三区无码中文字幕| 亚洲色无码一区二区三区| 无码人妻精品一区二区在线视频 |