新年新气象！这3个趋势正在引领2018年1月的网页设计

如果你已经对以往的设计项目感到厌倦了，那么不妨在新的一年里，开始尝试新东西。虽然最近网页设计领域并没有涌现出新的玩法和新趋势，但是在品牌的运用、色彩和UI设计上，还是有不少值得一提的新的网页设计趋势。

这些看似跟风出现的设计手法还挺有意思的，设计师之所以这么选择，很大程度上是因为它们的功能性和反模式的特点。在2018年的开头，接下来的3个设计趋势，你会在不少新网站上看到。

1、简约文本LOGO的回归

虽然这种趋势说起来略显简单，但是确确实实许多网站开始回归简约的文本LOGO并且悄无声息地置于网站的左上角。这类网站中绝大多数采用的是文本LOGO，少量的采用文本+图形的样式，不过图形也非常简单，和LOGO文本的融合度很高。

这些文本LOGO通常会使用简约而几何特征明显的非衬线字体，背景和LOGO之间会保持一定的对比度，不会太过扎眼。当背景是彩色的时候，LOGO会用白色，或者当背景是浅色的时候，使用相对更深的颜色来构成色差。很明显，设计师并不想让LOGO显得过于显眼，不希望它吸引太多的注意力。

对于许多尚未拥有足够声望的初创品牌或者小企业而言，这一趋势是非常受欢迎的。此外，包含有大量复杂内容的网站也更加倾向于这么做，就比如下面的Papercast，网站所传达的信息量非常之大，设计师希望用户能够更加关注网站内容而非LOGO，这种设计就成了一个很好的选择。

简化的品牌形象设计，应该是收到移动端响应式网站设计的影响，简化的LOGO能够更轻松地放到更多的屏幕和场合，正如同《2018年，这10个LOGO设计趋势值得你关注》这篇文章中所提到，简化之后的LOGO能够适应更多的需求，也可以带着品牌走向更远。

不过，不同的品牌有着截然不同的需求和定位，所以这一趋势并非适宜于所有的网站和品牌，在具体设计的时候，设计师需要慎重做选择。

neverbounce

papercast

weareadaptable

2、超窄侧边栏

虽然侧边栏作为设计元素从未真正脱离潮流，但是它也从来没有成为设计趋势中的中流砥柱。不过现在的情况开始有所改变了。

开始有不少网站开始在他们的首页中有意识地加入侧边栏，有的会用它来承载社交媒体链接的小图标，有的则用它作为作为导航元素的载体来使用。这些侧边栏的设计大都比较窄，作为一种纵向排布的元素，部分网页当中还没有使用全高。正在流行的这种侧边栏设计，最大的特点是窄，轻量级。

这种设计很大程度上要归功于移动端网页设计——移动端屏幕通常较小，为了方便交互而使用侧边栏作为功能载体，但是考虑到较窄的屏宽，侧边栏不能设计的太宽。而被移植到桌面端的侧边栏同样不会设计得太宽大，这很容易让人想到它在移动端上的样子。

为了统一移动端和桌面端之间的体验和交互，许多设计师会有意识地将各种纵向排布的元素加入到设计当中，而超窄侧边栏则成了最佳的载体。从首页到社交媒体链接，从品牌LOGO到功能性按钮，它们都可以有机地加入其中。

bubblewits

designups

squeeze

3、桃色

虽然紫色是2018年的年度潘通色，但是最近的网页设计当中，你会发现桃色出现的频率更高。

桃色和肉色很相似，介于橙色和粉色之间，是一种温暖而充满激情的色彩，虽然很多人会认为它略显女性化，但是它确实有柔和而具有亲和力的一面。

桃色本身会给人以创意和活力感，唤醒人的饥饿感，有幸福、自信的情绪特征。

最著名的桃色是Crayola蜡笔中的桃色，它的HEX值为 #FFCBA4 ，RGB值为 255，203，164。

在下面的范例当中，Folk Strategies 和 Coli 直接将桃色作为配色方案中的主色，营造出富有节日氛围的设计。

虽然桃色并非如同蓝色、绿色和粉红色一样流行，但是它作为一种有趣、富有亲和力的色彩，正受到越来越多设计师的青睐。

folkstrategies

coeli

listenfestival

结语

一年开头总是特别适合重新开始。如果你正在开始一个全新的设计项目，可以试着将新的设计趋势融入到其中，新的色彩，新的UI设计元素，它们会让你的设计项目有着不一样的视觉和用户体验。为什么不试试呢？

【2018年设计趋势，一个都不要错过】

1. 《超全面总结！2017年UI设计领域流行过这21个设计趋势》
2. 《掌握这12个移动端UX设计趋势，你就掌控了2018年》
3. 《这款独特的紫色，是为你指引2018年设计方向的年度潘通色》

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com