近两年世界设计潮流盘点：避开亮色系，在平面上增加深度

编者按：好的设计的美丑往往标志着一个网站的质量。虽然紧跟时尚潮流看起来标新立异，但如果运用失当反而会适得其反。纵观近两年的设计风格，我们能很明显地发现亮色系、3D式、动感化的风格逐渐引领风骚而去年那些路过的“坑”又为今年更立体、好看的设计做了铺垫，下面我们可以来具体看看2017到2018年设计风格到底发生了哪些变化，也助于我们更好地迎接2019！本文整理自 Medium 中原标题为 “Dangerous Design trends 2017” 及 “2018 Design Trends” 的文章。

2017年那些差点成坑的设计：亮色系

众所周知色调能传达不同的情感。在品牌和界面设计中，相比暗色系，明亮些的色调更易摄人眼球并传达积极情绪。这些大胆的配色搭配闪烁的效果显得更具活力、有趣，不像淡色那样怡情放松。

2017年是激动人心的一年，很多创业公司和产品如雨后春笋纷纷涌入市场，并力争各自的一席之地。由于色彩的运用是一条吸睛的捷径，很容易让用户产生代入感，因此暴力美学变得越来越流行。但凡事都有两面性，这种运用也很可能会干扰用户体验。

• 危险之处：

  大块大块亮色的运用和拼接很可能造成视觉疲劳，让人眼花缭乱、不知所云。一旦用户产生这种体验就可能会立马溜掉，然而这种设计风格的初衷不正是为了留住他们吗，这样看是不是适得其反了呢？

  如果把这种配色放在文本附近可能直接惹人不悦，没法阅读下去。亮色会反射更多光线，其造成的效果就像你在看书，然而有人不停用闪光灯照你一样，即使把内容读完，也会催生出负面情绪。

  

  • 解决办法：

    在亮色中加入更多暗系色块或中性色调调和一下；

    将霓虹灯一样的颜色更多地放在细节里，或用于“提示语”中吸引注意；

    在大字标语中使用亮色作为装饰元素；

    将亮色用于强调及交互内容中。

    • 尽量不要：

      用大片大片的鲜明色彩装饰主界面，或将其做成背景色；

      在一张页面上使用过多亮色设计；

      把文本附近的页面做得过于花里胡哨；

      别在如图标、导航之类的有特殊意义的按键中使用亮色。

      实验布局

      

      为了吸引流量，设计师们不遗余力地贡献着想象力，试图打破僵硬的布局，将冲突性、混乱的模块带入设计版图中，同时这种实验性的布局在2017 年也渐趋流行起来。
      

      这个潮流很有趣，也很值得玩味。这种方法在整齐划一的界面设计中为艺术及多样风格开辟出了一片海洋。这种实验性布局的风格就是追求不对称，无论是图片、排版还是交互设计可能都是混搭出来的，元素与元素之间贯彻不同的装饰风格，甚至有可能相互重叠。

      • 危险之处：

        现实生活已经够杂乱无章了，难道看个网站还要继续经受这种“洗礼”吗？这种布局的无序性很可能让用户找不到想浏览的信息，使阅读体验强行变差。当真正的阅读内容被繁冗的板块遮蔽，合理的排布此时就变得至关重要。

        视觉层次对用户的引导也十分重要。在实验性布局中，很多浮动元素将界面分割成混乱、散漫的状态，往往让人抓不住重点。

        

        • 解决办法：

          在非关键内容页面上可以试用实验布局增加点格调；

          可以在整齐划一的模块和结构里运用非对称布局作为俏皮的点缀；

          将分组表单排列在附近，并保证不同的内容模板间有明显区隔；

          仅在对比明显及排版足够宽敞时使用重叠元素。

          • 尽量不要：

            在内容繁复的模块里使用这种布局只会雪上加霜；

            如果你的读者阅读时间十分有限，就不要为了这种视觉上的冲击白白给他们增加阅读难度了；

            别把模块布局得太随意，像纸屑一样分布在整个版面上并不好看，一些基本的对齐布局必须要照顾到；

            别盲目重叠元素，也别盲目设置交互效果，一定要考虑模板内容中的相关性。

            小细节

            极简主义这几年一直都很流行，不过目前看来这种风向似有转变，设计师逐渐开始青睐于更详尽的页面布局了。当然，这是有原因的：极简风的设计大大压缩了提供惊艳感的机会，很难显得与众不同，所以要想标新立异必须要在细节上下功夫。

            极简风的整体设计搭配上一些精致的细节其实是很吸引眼球的。从精巧的导航设计到并无特殊意义的文艺风浮动元素，这些都可以成为设计师下手的空间。同时浮动装饰图标、下划线、几何图形等小设计也越来越受欢迎，它们可以帮助读者在自己喜欢的内容上作标注，充当版面的指南针或分隔符，就像一些评论一样有用。

            • 危险之处：

              细节用得好可以让人眼前一亮并为读者起提示作用，但假如排铺得乱糟糟，为了效果而效果，恐怕只会徒增读者的反感，让人觉得喧宾夺主。毕竟最重要的是内容啊，要是让这些小玩意儿把内容都挡住了，恐怕读者也不愿意再费力浏览了。

              小细节经常被用作装饰元素排布于图像或模板周围，有时在版面上也会与其他元素重叠，或跟随光标产生移动效果。这些细节如果吸引了读者的关注，既可能产生正面影响，也可能有负面印象。因此，我们需要意识到这个问题，有序地处理这种效果，在不影响阅读的前提下效益最大化。

              

              • 解决办法：

                利用细节设计起到强化阅读的效果，保证浏览顺畅；

                采用细节为读者“指路”，引导他们寻找自己想要的内容，或者对不同内容区块进行隔断；

                用简洁明了的背景设计平衡细节的繁复感；

                可以尝试在细节设计中添加文本内容，使其与网站的阅读内容产生相关性，更统一一致。

                • 尽量不要:

                  在本就冗杂不堪的背景上又增加细节的雕刻，可能会让人觉得很啰嗦；

                  避免无的放矢，单纯无意义的细节堆砌反而显得整个网站没有主题；

                  要是尝试在主要的用户导航中突出那些无意义的细节设计，反而显得更没意义；

                  把小细节仅当做锦上添花的东西，别把它看得太重要。

                  忠心提醒

                  • 微型排版

                    

                    微型排版看起来更有层次感，也为网站中的板块与板块之间留有余地，至少一眼浏览过去不会那么累。这种小字体也起到了有趣的对比作用，没有让人觉得嘈杂的感觉。
                    

                    （编辑：核心网）

                    【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!