现今UI设计发展

早期 UI设计都是拟物化设计 ，其风格特点：模拟真实物体的材质、质感、细节、光亮等，交互也模拟现实中的交互方式，学习成本低，传达丰富的人性化感情。缺点：拟物化本身就是约束，会限制功能本身的设计。进入21世纪，随着社会发展技术进步，信息软件行业逐渐兴起，这里要感谢乔帮主给我们饭碗，正是苹果的设计让全球开始重视用户体验重视 UI设计，以前大家都叫美工。 如：最早用扁平化设计的之一，就是微软的芒果 MetroUI；大家看过于扁平效果并不是太好，扁平化设计很像现代主义，推崇极简，冷冰冰，所以我们要问两个问题：最具代表性的三大系统最新的设计语言，设计理念很重要，大部分设计趋势都是通过这些理念推动。 扁平化有很多优点：去掉界面冗余的装饰效果，「信息」本身重新作为核心被凸显出来，设计元素强调抽象、极简、符号化，设计更简约, 条例清晰；缺点：需要一定学习成本，传达的感情不丰富，甚至过于冰冷。大家看拟物化设计是不是很像古典主义跟工业革命刚开始那会，喜欢模拟真实，讲究设计诚实。但是慢慢人们审美疲劳，那么肯定会有一种设计潮流，汲取它精华再起来反对这种设计，那就是扁平化设计，我们现在大环境就处在这个设计潮流中。 材料设计语言，是由 Google 推出的全新的设计语言，引入电子纸张隐喻，以前我们用纸张获取信息，现在用设备，其实都是电子纸张，谷歌对纸张重新进行了阐述，在扁平之外，增加了很多新特性，阴影和层级：用阴影的深度来表达层级，并且有多个层级。 卡片设计，自适应布局：应用卡片的设计理念对布局严格规范，而且布局可以灵活的自适应到任何设备中。触摸波纹，流畅动画：有意义的动画指示。Z轴理念：场景立体化而不再局限于平面，增加信息纵深。圆角卡片，大标题，大阴影：透气的大图片背景，清晰的文字阅读层级。由于 iOS 12 没有太大的设计更新，我们主要看 iOS 11，应用大量的圆角卡片式设计，大面积的背景图，效果冲击力更强，点击欲望也更强了，页面加入超大标题栏字体，这跟以前的小字号细字体有很大的区别，阴影也是比较高级的大阴影。 线性元素向面性进化：线形图标改变成了面形，阴影替代描边，不单单是图标，现在碎片信息越来越多，越来越需要归纳；零碎的线逐渐要往更整体的面过度。微软去年推出的设计语言中文名：流畅设计体系，集各家所长，在 UI 美学上它更是大有进步，系统包含以上五大核心元素：光线、深度、动效、材质和缩放。 深度Depth：运用深度理念，可以构造出很多视觉效果，如视差、前后变换、空间运动等。光线Light：通过光线的运营，界面更有质感，更加未来感。动效Motion：不言而喻，动效使页面更加流畅，也更具观赏性。材质Material：在界面中赋予材质，如毛玻璃、亚克力这样的高层次的组合效果，使整个页面很高级。缩放Scale：Fluent Design System 主要目的是一次设计，就可以用于 0D（只有语音）、1D（Surface Dial）、2D（UI）、3D（VR/AR）的种种情况；所以伸缩性比其他 UI设计语言都要更重要，尤其是在 VR/AR 设备上，未来应用潜力巨大。按照 Fluent Design System 这种设计理念设计的 UI 界面，效果确实很棒！