随着时间的不断推移，科技的不断更新迭代，设计风格也随之发生了很多变化，对于前端来说，了解设计风格还是很有必要的，介绍几种比较常见的风格
拟物风格
一眼看它的外在形态，你就知道是用来做什么,模仿实物设计出来的『拟物化』的用户图形界面;
举个例子
像这张图片，一眼看上去就和家里的调节音量大小的按钮是长得相似的，没有什么学习成本，优点是 和原来的硬件设备有着及其相似的设计元素而使得软件更易用，和电脑设备的交互会显得更加自然和熟悉，缺点是设计造成了大量的视觉噪音还有认知成本，而其中很多元素是完全没有存在意义的;不能很好的突出重点
ios 最终舍弃了拟物风格，转向了扁平风格
扁平风格
它仅是二维空间的一种表现形式，即使用单纯的不加上任何三维效果的图形进行设计的风格 扁平化设计（flag design）是相对于拟物化设计而言，通过抽象、简化、符号化的设计来表现一种干净整洁、扁平的呈现方式，让整体界面的视觉效果变得更为统一干练
设计更加简洁，更具有通用性，设计元素对于用户而言是直观易懂的信息；表达简洁明了，层级一目了然，不会出现主次不分的状况，将用户所需要了解的信息放在中心地位，提高了信息传达的高效性
虽然视觉上简化了，但是不容易表现空间关系,比较常见的设计风格
Material Design (物料设计)
是谷歌的一种基于纸片材料隐喻的设计规范，为了统一在各平台上的交互视觉体验，通过三维空间的光影变化来解决信息的层级关系，用卡片材料作为信息的载体，通过像现实世界中卡片的裁剪、变换、层叠等效果来实现信息的分块、转换、层级的关系。
简单来说,是基于纸张等物体的叠放关系 利用阴影表示元素之间的位置和距离的一种分格
Material Design风格生成网站
Material Design风格效果网站
Neumorphism(新拟态风格)
模拟物体的内嵌和突出的状态，以淡色为主；类似浮雕的效果
新拟态风格生成网站
国内的软件 酷狗新概念版本 也是用的类似的效果(2021年过年的时候还和UI分享过，现在双双离职，物是人非)
glassmorphis(玻璃态)
模拟玻璃效果，主要是对背景颜色的虚化和反射
- 透明度（使用背景模糊的磨砂玻璃效果）；
- 物体漂浮在太空中的多层方法；
- 鲜艳的色彩突出了模糊的透明度；
- 半透明物体上的细微浅色边框。 垂直性以及你可以透过它看到的事实，意味着用户可以建立界面的层次结构和深度。用户只是看到哪一层在哪一层之上，就像虚拟的玻璃一样 glassgenerator.netlify.app/
claymorphism(泥陶风格)
提示物体可以触摸，可以点击，还没见过哪个应用使用到
