系统银:一片银色键帽地形与一个蓝色按键
系统银把圆角键帽排在紧密的网格上,并由一个隐藏的地形抬高每一个键帽,于是整片键盘从浅银色的低地升到石板灰的山脊,更高的按键立在阴影更深的底座上。每个键帽的上边缘都有一像素的高光,大约五分之一带有一个小像素字形,比如加号、叉号、箭头或斜杠。最靠近焦点的按键是信号色的蓝色,带一个白色箭头,就像老式系统键盘上唯一亮起的按钮。
调出你自己的版本
把按键抬得更高
深度控制每个地形层级把按键抬离阴影底座的高度。深度为 60 时,山脊呈现为平缓的台阶;为 100 时,高处的按键像 3D 图表一样高高立起;为 0 时,键盘几乎是平的。
改变按键大小
节奏和元素数量在提高时都会缩小按键。把两者都调低,节奏到 10、元素数量到 6,得到大块厚实的键帽;调高它们则是一块排满小按键的密集键盘。
常见问题
系统银的灰度层级由什么控制?
一个平滑的噪声地形为每个按键从五个层级中选出一个,从品牌色的浅色调一直到品牌色 2 的石板灰。张力会拉伸这个地形的对比度,所以数值越高,处在最高和最低层级的按键越多,而调整变化则会彻底重塑这些山丘。
使用方法
选择方向
从蜕变青、瑞士红、生物荧光或 Riso 俱乐部等 20 种风格之一开始,或选择回声环、粒子海岸、丝带堆叠等系列。
进行构图
选择平衡、聚焦、边缘、重复或界面构图,拖动即可移动焦点,并设置元素数量、形状缩放、旋转、节奏、张力和深度。
设定颜色角色并使用
为底色、文字墨色、品牌色、品牌色 2 和信号色这五个角色配色,选择一种材质并设置材质强度,在产品、落地页、AI 和移动端布局中预览,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。