今天从图形、布局等方面，继续聊聊设计趋势，希望这篇文章帮你弄懂2021的UI设计趋势，一定记得收藏哦。

  今年的图形运用上，运用比较多的就是分形，流体，和几何图形的运用，以及在重复图案的运用，比如上图就是运用重复图案形成的效果，画面冲击感强，抓人眼球。

  很多人可能对这个词比较陌生，或许是第一次听到，上官方解释大概是：分形也被称为扩展对称或展开对称，形状的重复是完全相同的，形在不同的缩放级别上可以是近似相似的。官方解释比较拗口，简单理解就是一个图形的重复有规律的运动，通过对称，重复，运动方向延展，最知名一个案例就是苹果照片的图标，它是通过一个圆角矩形重复旋转8次得到。

  ▲分形很重要一个特征就是有规律重复，它会围绕一个方向，一个角度去重复，形成一种自然的美感！

  ▲Grabient的网站设计中也是同样运用一组分形的几何图形重叠。然后巧妙的把品牌LOGO运用到背景中去。

  ▲UBER的设计语言中，也同样发现了分形的身影，设计师将每个国家富有代表性的图形提炼处理，然后重复运用平铺，形成一种时尚的几何纹理，运用到闪屏，线上线下的产品中。

  ▲图标中运用就更为常见，苹果相册，chrome以及谷歌相册都是同样的设计手法。

  ▲这种风格简约，对称，有秩序，所以在很多图标作品中都可以看见，这种图标设计中，一般单个基础形不会重复太多次，一般以对称形式出现，质感上也是采用颜色叠加效果。

  流体和几何不对称形状，其实在2018，2019都看见了很多同类型的设计，但是在2020年它会比之前更多，流动的形状和大胆的色彩，以及丰富的渐变融合在一起，将会是今年形状这块一个重大的趋势。

  ▲液态的设计，无论在动画视频，还是在广告设计中将会越来越被广大设计师所运用，它呈现出来的视觉效果，以及感染力非常强。

  ▲这组智能家居页面布局就是运用了一个不规则几何形状，像水一样波动，吸引用户去点击。

  ▲电水壶智能页面设计，随着水温的增高，后面的背景形状和颜色开始发生着变化，很好的可视化表达案例。

  ▲NaverTV的改版升级中，这种几何大面积图形作为整个背景的运用，抽象的几何图形结合渐变色，让整个设计都变得洋气起来。

  ▲苹果的海报设计，也运用了大量的几何抽象图形作为整个背景使用，非常时尚清爽。

  那么在布局上，今年的布局形式有什么特点呢？我们不难发现随着屏幕的变大，布局形式也发生着变化。

  ▲随着智能手机的发展，屏幕越来越大，那么对于手指有效范围和功能也可以做更多事情，所以很多产品已经开始尝试将导航搬到屏幕底部，这样让产品的使用更加具有连续性。

  ▲NBSP旅行APP也是将导航从顶部改为底部，用户在进来时候，就能单手操作这个功能。

  ▲打破传统的对称，将文字放置图片上方形成错落关系，运用这种非平衡感，增强页面活跃感和独特感。

  ▲在一些大牌的官网设计中，我们也可以看见这种打破网格和平衡的设计，特别下面的印象设计，破形的印象让整个设计都加分了。

  ▲知名品牌资生堂的官网设计，导航占据页面的三分之二，整体的布局方式新颖活泼，非常有时尚感。

  ▲纪梵希的官网，背景采用2等分的图片分割设计文字和香水形成交错感，这种打破平衡的设计。

  ▲在移动UI中，特别是一些产品的官网介绍中，通过商品，背景和文字形成的交错感，让产品很新颖的同时，也非常的让人过目不忘。

  随着5G时代的来临，用户流量和宽带也越来越快了，那么对于微动画也会越用越广泛，除了在图标中大量使用，在很多产品设计中可能也是一个趋势，说不定未来你打开淘宝想买一个东西，根本无需点进详情页，只需要首页就可以完成商品购买，一键加入购物车，以及付款等行为操作。

  ▲之前负责的项目，在支付宝财富页面，页面中间的大卡片就可以直接完成理财产品的直接购买，通过一张卡片插画股****大盘信息，来决策当天的理财投资行为。相信在未来很多产品中，这种一步式操作会逐步普及起来。

  ▲十字形的导航菜单，能很好的将多个功能融入到底部图标中，最早在path产品最新运用，这种将功能和动效的结合也是值得关注的，动效除了让页面更加欢快流程，同时里面也可以赋予更多的功能体验。

  ▲以前的插画，可能你只需要把画面设计好看，够生动符合场景感，那么在未来插画也需要能动起来，动态插画更像一个简单的动画片，能更好的将画面故事完整的表达出来，相对静态插画更加生动。

  ▲动态的C4D在很多电商设计，品牌营销设计中大量用到，动态的场景更像一个场馆，有故事带入感，未来对3D设计师要求更高了，除了C4D效果要做好，还需要能做的动起来，做设计师真是太难了。

  免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

  蓝蓝设计()是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、cs界面设计、ipad界面设计、包装设计、图标定制、用户体验 、交互设计、网站建设、平面设计服务

  *博客内容为网友个人发布，仅代表博主个人观点，如有侵权请联系工作人员删除。