设计标准 是做什么的?
在创建、编辑、简报或审查任何视觉作品时使用此技能:社交媒体帖子或轮播图、传单、海报、邀请函、标志或品牌系统、演示文稿、信息图或图表、视频或动态作品、印刷文件、网页或应用界面,或使用AI图像生成器(ChatGPT、Gemini、Midjourney、Flux、Firefly等)生成的图像。
完整指南及研究来源位于 references/ 目录中。请先阅读本文件,然后仅打开任务所需的参考文件(索引如下)。
核心标准
清晰度优先,层次其次,一致性最后。美学服务于信息,切勿掩盖信息。
当规则冲突时,按以下顺序决定:
- 真实性与合法性
- 可读性与可访问性
- 层次与信息
- 品牌一致性
- 审美偏好
如果客户的品牌指南与本标准冲突,品牌指南在身份识别(颜色、字体、标志)方面优先,而本标准在可读性、准确性和可访问性方面优先。
每项设计任务的工作流程
- 用一句话重申简报:目标、受众、格式和尺寸、单一信息、行动号召。如无法做到,请在设计前询问。
- 获取准确的文案。仅使用提供的文本,拼写必须准确。使用受众自己的术语(对于尼日利亚物业工作:使用“tenancy agreement”,而非“lease”)。
- 从
references/11-platform-specs.md中选择格式和画布。默认社交媒体信息流帖子:1080 x 1350 像素(4:5)。竖版视频:1080 x 1920 像素,所有关键内容位于居中的 900 x 1400 像素安全区域内。 - 在网格上构建,使用 8 像素间距比例,在 1080 像素画布上至少留出 64 像素的外边距。
- 设定一个焦点,并明确第一、第二和第三阅读顺序。
- 应用字体和颜色规则(最低要求见下文)。
- 如果使用AI图像生成器,请遵循以下AI护栏和
references/17-ai-guardrails.md。 - 在导出文件并提交前,执行以下质量检查,以及
references/20-quality-control.md中的检查。
不可协商的最低要求(必须遵守)
- 对比度:正文文本与其背景的对比度至少为 4.5:1;大号文本(24像素或更大,或 18.5像素加粗)至少为 3:1;图标和图表元素至少为 3:1(WCAG 2.2 AA)。
- 1080像素宽社交媒体图形的文本大小:标题 60 像素或更大,正文 32 像素或更大,脚注 24 像素或更大,每个图形最多约 30 至 40 个单词。网页正文 16 像素或更大。印刷正文 9 至 12 pt。
- 如果文本放不下,请删减文案,切勿缩小字号。
- 一个主要信息和一项主要行动号召。
- 切勿仅依赖颜色传达含义(约每20名男性中就有1名存在色觉障碍)。
- 安全区域:画布外侧 5% 或平台覆盖层下方不得放置重要内容。
- 准确性:每个单词、数字、名称、日期、价格和联系信息均需逐字与来源核对。
- 版权:仅使用已授权的图片、字体和音乐;获得可识别人员的同意;未经授权,不得在商业作品中使用国家标志(如国徽)。
- 轮播图和多页作品:每一页使用完全相同的布局。在帖子之间变化布局,而非在一组之内。
- 每张信息性图像需提供替代文本,每个视频需提供字幕。
排版默认值
- 使用一至两种字体家族。使用具有清晰层级比例(社交媒体图形上,标题至少是正文大小的 2.5 倍)的固定字阶。
- 正文行距 1.4 至 1.6;标题行距 1.0 至 1.2。
- 行长:正文文本 45 至 75 个字符,移动端和社交媒体上 30 至 50 个字符。
- 全大写仅用于简短标签,字间距 +5% 至 +12%。
- 标题最后一行不得单独出现一个单词。按语义断行。
- 使用弯引号,范围使用短破折号(如 ₦12–18m),并检查字体是否包含所需的所有字符(如 ₦、约鲁巴语、伊博语和豪萨语字母)。
颜色默认值
- 大致 60% 主色,30% 辅色,10% 或更少强调色。使用一个饱和的强调色;其余颜色保持中性。
- 从色环中选择配色方案:单色、类似色、互补色、分裂互补色、三色或四色。详见
references/05-colour.md和assets/中的图片。 - 明亮的暖色强调色(珊瑚色、金色、石灰绿、黄色)适合用于深色背景或作为大色块,而不适合用作白色背景上的小号文字。
- 屏幕设计使用 sRGB 色彩空间。印刷使用打印机的 CMYK 配置文件,品牌专色使用 Pantone。
AI图像护栏(摘要)
- 将所有AI图像视为草稿,可能包含虚构的事实、拼写错误或畸形的字符、幻影标志、印章或纹章、布局漂移或面部改变。
- 使用完整提示词进行简报:目的、尺寸、布局、调色板(十六进制)、字体样式、精确文本(用引号括起来)、图像主题和约束条件(例如“无标志、无国徽、无水印、无额外文本或数字”)。
- 每次编辑请求只更改一项,并说明“其他所有内容保持不变”。每次重复保留列表。
- 首选在无文本的情况下生成图像,然后在设计工具、HTML或SVG中设置文字,以确保文字准确。
- 在展示AI输出之前,验证:文字、事实、标志、与已批准主版本的一致性、指南最低要求、人物、版权和披露信息(
references/17-ai-guardrails.md,第17.6节)。如有不匹配,应报告,而非将图像作为最终版展示。 - 不要移除内容凭证(C2PA)元数据。在观看者会关心的情况下披露AI的使用,尤其是在涉及逼真的人物、地点和产品时。
提交前的质量检查
如果以下任何一项未通过,无论其他方面多好,都必须修改:
- 错误的单词、数字、名称、日期、价格或联系信息。
- 虚构的事实、标志、印章、国徽或水印。
- 文本低于最小字号,或对比度低于 4.5:1(大号文本为 3:1)。
- 没有明确的焦点或阅读顺序。
- 关键内容超出安全区域或被平台裁剪。
- 仅靠颜色传达含义。
- 未获得版权许可。
- 不符合品牌的调色板、字体或标志滥用。
- 缺少披露或监管批准(付费合作、AI逼真度、尼日利亚广告的 ARCON 批准)。
- 轮播图或多页作品内布局不一致。
然后,按照 references/20-quality-control.md 对每个类别从 0 到 10 进行评分;每个类别必须至少达到 8 分。
参考文献索引
| 文件 | 何时打开 |
|---|---|
references/00-how-to-use.md | 规则等级(必须、应该、可以)、证据级别、判断顺序 |
references/01-perception-cognition.md | 解释设计为何有效:第一印象、流畅性、格式塔、扫描模式 |
references/02-core-principles.md | 层次、对比、对齐、接近性、平衡、留白 |
references/03-composition-layout-grids.md | 网格、间距比例、安全区域、比例、裁剪、相切 |
references/04-typography.md | 选择字体、按媒介调整字号、字阶、行距、换行 |
references/05-colour.md | 调色板、色环、配色方案、搭配建议、行业调色板、对比对、尼日利亚的颜色含义 |
references/06-imagery-icons.md | 选择、裁剪和处理照片、插图、图标系统 |
references/07-information-design-dataviz.md | 图表、诚实的坐标轴、信息图 |
references/08-copy-content.md | 标题、字数预算、行动号召、术语、校对 |
references/09-brand-identity-logos.md | 身份识别系统、标志设计和用法、系列一致性 |
references/10-accessibility.md | WCAG 2.2 数据、替代文本、运动安全、包容性代表 |
references/11-platform-specs.md | Instagram、LinkedIn、TikTok、Reels、Shorts、YouTube、幻灯片、电子邮件的画布尺寸和安全区域 |
references/12-motion-video.md | 短视频结构、字幕、动画时间、音频 |
references/13-print-production.md | 出血、分辨率、CMYK、墨量限制、纸张、PDF/X |
references/14-ui-ux-web.md | 可用性启发式、触摸目标、组件状态、欺骗性模式 |
references/15-cultural-context-nigeria.md | 本地化、尼日利亚术语、货币、日历、符号 |
references/16-legal-ethics.md | 版权、AI所有权、肖像和隐私、ARCON、广告声明 |
references/17-ai-guardrails.md | 提示模板、编辑规范、故障模式、验证协议、披露 |
references/18-design-process.md | 简报、概念、评审、版本控制、测试 |
references/19-file-delivery.md | 导出格式、压缩、命名、交接 |
references/20-quality-control.md | 评分标准和按格式区分的预检清单 |
references/21-glossary-sources.md | 定义及每条规则背后的研究来源 |
assets/colour_wheel.png | 包含色调、影调和色度的12色相环 |
assets/colour_harmonies.png | 六种配色方案及示例色板 |