Sketch

粉纸上的衬线诗篇
Sketch的设计语言是将作家的工作室重新构想为软件:一个安静、近乎灰阶的画布,仅用一个温暖的衬线标题和一个柔和的粉到薰衣草色渐变便完成全部情感表达。界面本身极为克制——使用Inter字体在适度尺寸,细线分隔线,胶囊形控件——让产品(Sketch应用)和社区的引言得以自然呼吸。标志性设计是带有扩散状洋红色光环的深色胶囊式行动号召按钮:一个像黄昏时台灯般泛光的按钮,传递行动信号却不喧宾夺主。色彩被严格控制;当出现时,以氛围感的渲染(首屏渐变)或作为细微的点缀(紫色徽章、青色标签)呈现,从不作为结构填充使用。
查看原始网站使用规范
建议采用
- 在显示标题中使用Reckless衬线字体,字号范围为44–76px;绝不用于正文、UI或导航文本。
- 将主要行动号召按钮设置为#151515填充,并搭配标志性的粉到洋红色外环光晕,半径为20px。
- 保持页面画布为#fafafa(骨色),并将#212123(黑曜石)保留用于主要文本和最深的交互状态。
- 将粉到薰衣草色渐变(暮色渲染)作为满幅首屏背景使用;绝不作为小装饰元素或按钮填充。
- 仅在半径不超过9999px的徽章内使用三种强调色(虹光、碧海、钴蓝);绝不作为卡片、按钮或大面积背景的填充。
- 保持8px作为基础间距单位,区块间垂直节奏为80px。
- 正文文本使用14–16px的Inter字体,行高为1.5–1.6;阅读层宽裕而不密集。
建议避免
- 不要在小于44px时使用Reckless——衬线字体的特征需要在显示级尺寸下才能正确阅读。
- 不要引入除虹光、碧海和钴蓝之外的任何饱和色;该系统设计上为97%无彩色。
- 不要将暮色渲染渐变应用于卡片、按钮或文本背景——它仅具有氛围感。
- 不要在卡片或按钮上使用锐利的边角(0–4px);图标最小结构半径为8px,容器为20px。
- 不要为卡片添加厚重的阴影;应使用细线边框或现有的微妙阴影模式,而非戏剧性的抬升效果。
- 不要在Inter字体中使用700及以上字重;系统内最大字重为600。
- 不要在彩色背景上放置彩色徽章;徽章必须位于骨色或黑曜石底色之上才能清晰可读。