新年新氣象!這3個(gè)趨勢(shì)正在引領(lǐng)2018年1月的網(wǎng)頁設(shè)計(jì)

      作者:陳子木
      2018-01-10
      8449

      雖然最近網(wǎng)頁設(shè)計(jì)領(lǐng)域并沒有涌現(xiàn)出新的玩法和新趨勢(shì),但是在品牌的運(yùn)用、色彩和UI設(shè)計(jì)上,還是有不少值得一提的新的網(wǎng)頁設(shè)計(jì)趨勢(shì)。

      如果你已經(jīng)對(duì)以往的設(shè)計(jì)項(xiàng)目感到厭倦了,那么不妨在新的一年里,開始嘗試新東西。雖然最近網(wǎng)頁設(shè)計(jì)領(lǐng)域并沒有涌現(xiàn)出新的玩法和新趨勢(shì),但是在品牌的運(yùn)用、色彩和UI設(shè)計(jì)上,還是有不少值得一提的新的網(wǎng)頁設(shè)計(jì)趨勢(shì)。

      這些看似跟風(fēng)出現(xiàn)的設(shè)計(jì)手法還挺有意思的,設(shè)計(jì)師之所以這么選擇,很大程度上是因?yàn)樗鼈兊墓δ苄院头茨J降奶攸c(diǎn)。在2018年的開頭,接下來的3個(gè)設(shè)計(jì)趨勢(shì),你會(huì)在不少新網(wǎng)站上看到。

      1、簡約文本LOGO的回歸

      雖然這種趨勢(shì)說起來略顯簡單,但是確確實(shí)實(shí)許多網(wǎng)站開始回歸簡約的文本LOGO并且悄無聲息地置于網(wǎng)站的左上角。這類網(wǎng)站中絕大多數(shù)采用的是文本LOGO,少量的采用文本+圖形的樣式,不過圖形也非常簡單,和LOGO文本的融合度很高。

      這些文本LOGO通常會(huì)使用簡約而幾何特征明顯的非襯線字體,背景和LOGO之間會(huì)保持一定的對(duì)比度,不會(huì)太過扎眼。當(dāng)背景是彩色的時(shí)候,LOGO會(huì)用白色,或者當(dāng)背景是淺色的時(shí)候,使用相對(duì)更深的顏色來構(gòu)成色差。很明顯,設(shè)計(jì)師并不想讓LOGO顯得過于顯眼,不希望它吸引太多的注意力。

      對(duì)于許多尚未擁有足夠聲望的初創(chuàng)品牌或者小企業(yè)而言,這一趨勢(shì)是非常受歡迎的。此外,包含有大量復(fù)雜內(nèi)容的網(wǎng)站也更加傾向于這么做,就比如下面的Papercast,網(wǎng)站所傳達(dá)的信息量非常之大,設(shè)計(jì)師希望用戶能夠更加關(guān)注網(wǎng)站內(nèi)容而非LOGO,這種設(shè)計(jì)就成了一個(gè)很好的選擇。

      簡化的品牌形象設(shè)計(jì),應(yīng)該是收到移動(dòng)端響應(yīng)式網(wǎng)站設(shè)計(jì)的影響,簡化的LOGO能夠更輕松地放到更多的屏幕和場(chǎng)合,正如同《2018年,這10個(gè)LOGO設(shè)計(jì)趨勢(shì)值得你關(guān)注》這篇文章中所提到,簡化之后的LOGO能夠適應(yīng)更多的需求,也可以帶著品牌走向更遠(yuǎn)。

      不過,不同的品牌有著截然不同的需求和定位,所以這一趨勢(shì)并非適宜于所有的網(wǎng)站和品牌,在具體設(shè)計(jì)的時(shí)候,設(shè)計(jì)師需要慎重做選擇。

      neverbounce.jpg

      neverbounce

      papercast-1.jpg

      papercast

      adapable.jpg

      weareadaptable

      2、超窄側(cè)邊欄

      雖然側(cè)邊欄作為設(shè)計(jì)元素從未真正脫離潮流,但是它也從來沒有成為設(shè)計(jì)趨勢(shì)中的中流砥柱。不過現(xiàn)在的情況開始有所改變了。

      開始有不少網(wǎng)站開始在他們的首頁中有意識(shí)地加入側(cè)邊欄,有的會(huì)用它來承載社交媒體鏈接的小圖標(biāo),有的則用它作為作為導(dǎo)航元素的載體來使用。這些側(cè)邊欄的設(shè)計(jì)大都比較窄,作為一種縱向排布的元素,部分網(wǎng)頁當(dāng)中還沒有使用全高。正在流行的這種側(cè)邊欄設(shè)計(jì),最大的特點(diǎn)是窄,輕量級(jí)。

      這種設(shè)計(jì)很大程度上要?dú)w功于移動(dòng)端網(wǎng)頁設(shè)計(jì)——移動(dòng)端屏幕通常較小,為了方便交互而使用側(cè)邊欄作為功能載體,但是考慮到較窄的屏寬,側(cè)邊欄不能設(shè)計(jì)的太寬。而被移植到桌面端的側(cè)邊欄同樣不會(huì)設(shè)計(jì)得太寬大,這很容易讓人想到它在移動(dòng)端上的樣子。

      為了統(tǒng)一移動(dòng)端和桌面端之間的體驗(yàn)和交互,許多設(shè)計(jì)師會(huì)有意識(shí)地將各種縱向排布的元素加入到設(shè)計(jì)當(dāng)中,而超窄側(cè)邊欄則成了最佳的載體。從首頁到社交媒體鏈接,從品牌LOGO到功能性按鈕,它們都可以有機(jī)地加入其中。

      bubblewits.jpg

      bubblewits

      designups-1.jpg

      designups

      squeeze.jpg

      squeeze

      3、桃色

      雖然紫色是2018年的年度潘通色,但是最近的網(wǎng)頁設(shè)計(jì)當(dāng)中,你會(huì)發(fā)現(xiàn)桃色出現(xiàn)的頻率更高。

      桃色和肉色很相似,介于橙色和粉色之間,是一種溫暖而充滿激情的色彩,雖然很多人會(huì)認(rèn)為它略顯女性化,但是它確實(shí)有柔和而具有親和力的一面。

      桃色本身會(huì)給人以創(chuàng)意和活力感,喚醒人的饑餓感,有幸福、自信的情緒特征。

      最著名的桃色是Crayola蠟筆中的桃色,它的HEX值為 #FFCBA4 ,RGB值為 255,203,164。

      在下面的范例當(dāng)中,F(xiàn)olk Strategies 和 Coli 直接將桃色作為配色方案中的主色,營造出富有節(jié)日氛圍的設(shè)計(jì)。

      雖然桃色并非如同藍(lán)色、綠色和粉紅色一樣流行,但是它作為一種有趣、富有親和力的色彩,正受到越來越多設(shè)計(jì)師的青睞。

      folk.jpg

      folkstrategies

      coeli.jpg

      coeli

      listen.jpg

      listenfestival

      結(jié)語

      一年開頭總是特別適合重新開始。如果你正在開始一個(gè)全新的設(shè)計(jì)項(xiàng)目,可以試著將新的設(shè)計(jì)趨勢(shì)融入到其中,新的色彩,新的UI設(shè)計(jì)元素,它們會(huì)讓你的設(shè)計(jì)項(xiàng)目有著不一樣的視覺和用戶體驗(yàn)。為什么不試試呢?


      0
      0
      分享到:

      0

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

      推薦閱讀

      ×

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

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

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

      版權(quán)信息

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

      主站蜘蛛池模板: 精品无码一区二区三区爱欲九九 | 亚洲一区二区三区夜色| 呦系列视频一区二区三区| 国产伦精品一区二区免费| 精品无码人妻一区二区免费蜜桃 | asmr国产一区在线| 国产成人一区二区三中文| 亚洲福利视频一区| 亚洲欧美日韩一区二区三区在线| www一区二区www免费| 在线视频精品一区| 人妻互换精品一区二区| 亚洲欧洲无码一区二区三区| 日本一区二区在线| 人妻AV一区二区三区精品 | 水蜜桃av无码一区二区| 熟妇人妻一区二区三区四区| 中文乱码精品一区二区三区 | 爱爱帝国亚洲一区二区三区 | 中文字幕日韩人妻不卡一区| 国产精品 视频一区 二区三区| 日本一区中文字幕日本一二三区视频 | 成人免费视频一区二区三区 | 国产精品无码AV一区二区三区| 无码人妻aⅴ一区二区三区有奶水| 亚洲精品一区二区三区四区乱码| 国产99久久精品一区二区| 麻豆va一区二区三区久久浪| 国产成人一区二区三中文| 中日韩精品无码一区二区三区| 日韩毛片基地一区二区三区| 一区二区视频在线播放| 人妻AV一区二区三区精品| 中文字幕av一区| 国产一区在线电影| 亚洲AV无码一区二区三区DV| 精品动漫一区二区无遮挡| 欧美av色香蕉一区二区蜜桃小说 | 天天爽夜夜爽人人爽一区二区 | 日韩精品一区二区三区视频| 国产色情一区二区三区在线播放|