材质
大家会点名要的四种风格。每种都有完整的一套:组件、仪表盘、移动应用和落地页。
玻璃拟态 UI 套件
玻璃拟态把半透明面板叠在内容丰富的背景上。背景模糊让每块面板后面的内容变得朦胧,一道细亮的边缘标出玻璃的尽头。这种风格只有在文字清晰可读时才成立,所以这里的每个表面都保留了足够深的色调,能维持 4.5:1。
黏土拟态 UI 套件
黏土拟态让表面看起来像捏出来又充了气:大圆角,一层外阴影表现重量,两层内阴影做出柔软的边缘。颜色保持饱和而亲切,适合消费类应用、教育产品,以及任何想让人觉得像能拿在手里的玩具的东西。
拟物化 UI 套件
拟物化向实物借鉴:拉丝金属、缝线皮革、下凹的槽位、能扳动的开关。每个控件的样子就是它的作用,界面因此不言自明。功夫在光线上,所有部件的光都来自同一个方向。
新拟态 UI 套件
新拟态用单一颜色压出整个界面:控件从底面升起或陷入底面,靠一亮一暗两道阴影画出来。它公认的弱点是对比度,所以这里的状态靠深度和真正的强调色来表达,标签保持在 4.5:1。