作为当下最火的设计风格之一，扁平化设计其实是一种简约的Ul 设计理念，现被广泛应用于图形用户界面上，在图形材料，例如海报，艺术作品，指导文档，各类出版物等方面尤为常用。

       今天为大家带来了我最近的扁平风UI设计作品，一起来看看如何从零开始创作一个扁平风天气APP。

01

第一步：绘制”低保真”原型低保真原型相当于草图，低保真色块少，细节少，在原图的基础上进行优化删减细节，能够识别大体效果。

02

第二步：绘制扁平化图标

这里我还使用了一些半透明的毛玻璃效果，

增加图标的质感。

03

第三步：绘制“高保真”原型

在低保真的基础上进行配色，

插入真实的图片及icon图标。

04

‍‍

第四步：制作交互动画

用AE或其他软件制作交互动效，

使原型从视觉以及交互动作，

都和真实产品大致相同。

最后制作了一组适配iOS 14的小组件，

这样一套完整的UI设计作品就完成了。