郑州UI培训教你网页设计新趋势2019-02-28 10:37:41来源：m.qikuedu.com

　　极简主义这种风格已经流行了很多年，追求Less is more的理念，设计上追求极简和留白，拒绝奢华，减少视觉上的干扰，让用户得以聚焦内容本身；这一理念深深影响着设计行业的各个领域，尤其是在家居和服饰等流域，这种设计给人带来一种舒适、简单的生活感受；

　　扁平化设计也受到极简主义的影响，去除冗余、厚重和繁杂的装饰效果，倡导简单、清晰、空间、留白等，突出核心的设计元素一直是扁平化的设计核心，已经流行多年，相信大家都很熟悉了，就不多赘述了，这种设计风格在2019势必依旧会流行。

　　大圆角的使用在UI设计中也十分常见，人的大脑对圆形和圆角矩形接受程度比直角矩形高，所以圆角的使用对用户来说更加友好，内容也更容易聚焦；例如这次微信7.0更新，也将头像的直角改为了圆角；

　　弱化分割线或去掉分割线的使用，用大间距留白效果来构筑空间，打造出清新自然的界面；另外加大文字大小和色彩的对比，带来优雅舒适的界面阅读体验，这也是未来UI设计的趋势；但是去掉线条不代表没有边界，交互上要注意点击状态下(Pressed)点击区域的可视性，这一点比较容易被忽视；

　　另外，去年卡片加投影的设计手法十分常见，这种手法能够清晰的体现出层级关系，能给设计增加深度，但是在开发过程中，投影的实现开发成本高、效果不理想，建议酌情使用；

　    icon的种类有：线性icon、面性icon、填充icon、扁平icon、轴测icon(2.5D icon)、拟物icon、微拟物icon、实物icon等；主要应用于导航栏、标签栏、金刚区、宫格导航、列表导航等位置；

　　和以往单调的在面性icon上做颜色渐变等效果不同的是，去年在icon的设计中对细节的刻画会越来越注重，比如用色彩的搭配和明暗对比来表现icon的层次、颜色的透明度叠加效果等；再比如微拟物icon，通过模拟真实物体的质感、细节、光亮等表现手法，icon的识别度会变得更高，再结合明亮的配色，icon会变得更加真实；实物icon则是在生鲜类电商中运用的比较多，除了识别性最高之外，也可以直观地传达出商品的新鲜度；

　　去年最火的风格当属插画无疑了，广泛应用于App中的启动页、缺省页、banner图、专题头图、弹窗插画、icon等，插画配色丰富，比图片更容易出效果，运用时要和App的整体风格搭配；有趣味、富有创意的插画会让用户对产品的好感大幅提升；

　　插画的种类很多，去年最流行的还属手绘插画、扁平插画、渐变插画、肌理插画、2.5D插画；从事UI和视觉设计的小伙伴有必要多掌握一门技艺了，相信插画风格在2019年依旧还会十分流行；

　　渐变色的使用已经流行两年有余，在2019年依旧是大热的趋势，和MUJI风完全不同的是，渐变色风格色调使用上有冷暖色调渐变、同色系渐变、大胆的多色渐变等，风格多样、颜色丰富明快，在电商设计中使用这种手法比较能突出节日的热闹氛围，刺激用户的购买欲；另外流体渐变的设计手法也十分流行，常作为设计点缀配合使用，在电商设计中十分常见。

　　得益于全面屏手机的发展，追求无边界设计理念，柔和渐变风格主张让色彩自然延伸，打破边界限制，用颜色牵引视觉走向，更加轻量化，让心灵获得一份纯粹。

　　去年视觉设计上的用色开始变得越来越大胆了，高明度、高饱和度配色的使用越来越多，更加年轻化、时尚、更有视觉冲击力的配色，对年轻人来说接受度也比较高。

　　字体错层手法，这种手法常见于banner中的字体处理上，将设计好的字体使用蒙版和渐变处理，看起来像是字与字之间形成了投影；同样也可以在字的笔画上进行处理，这种手法加强了层级关系和层次感，主题变得更加突出。

　　源于抖音的火热，故障风在今年也十分流行，错位、失真、变形是这一风格的特色，另外还给人的感觉就是时尚、年轻、酷，有的还搭配有霓虹等元素，配以动效的话更能出效果，十分符合当下年轻人的审美，在海报设计和电商设计中用的比较多。

　　今年C4D的流行度相信大家都已经有所感受，其在视觉设计方面的使用相当广泛，无论是线上线下的活动海报、还是品牌营销和宣传等方面，都能看见这一风格，商业化设计中运用十分广泛。

　　点、线、面是平面视觉设计的基本元素，也是永远不会过时的设计元素；去年在视觉设计中经常可以看见线条的使用，整体给人的感受是动感、现代、时尚，线条的走向引导着视觉的走向。

　　动效设计的重要性不言而喻，每一年都很流行，使用也很广泛，在App、网页、插画或是品牌设计中都比较常见，它的几点特性：快速且流畅、恰到好处的反馈、提升操作感受、提供良好的视觉效果，好的动效会给产品加分。

　　响应式设计一直是产品追求的、最好的体验设计，但是奈何人力、技术成本等因素限制，很多产品都没有花费大的精力去做；

　　要做好响应式设计，必须要结合栅格化设计，栅格化可以让你的设计变得有依据，同时也能提升工作效率。