canvas-design

用途

Canvas Design 用于创建 .png 和 .pdf 格式的视觉艺术与设计作品，专注于应用设计原则、色彩理论、排版和构图，产出专业品质的静态视觉作品。该技能始终创作原创作品，不复制现有艺术家的作品。

当用户提出以下需求时适用：制作海报、传单或视觉设计；创作艺术、插画或图形；设计标志、图标或品牌元素；制作信息图或数据可视化；设计演示幻灯片或营销物料；需要用于网页或印刷的自定义图形；用户提出“设计”“艺术”“海报”“视觉”“图形”等关键词。

主要能力

设计原则

平衡：视觉重量分布（对称、不对称、放射状）
对比：通过差异创造视觉趣味
层级：通过重要性引导观众注意力
对齐：建立视觉联系与组织
重复：构建一致性与凝聚力
邻近：将相关元素分组
留白：策略性使用空白区域

色彩理论

配色方案：单色、类似色、互补色、三色、分裂互补色
色彩心理学：红（能量、激情、紧迫）、蓝（信任、平静、专业）、绿（自然、成长、健康）、黄（乐观、清晰、温暖）、紫（奢华、创意、智慧）、橙（热情、友好、自信）、黑（精致、力量、优雅）、白（纯净、简约、洁净）
色彩应用：60-30-10 法则（主色、次要色、强调色）；用色彩建立视觉层级；考虑可访问性（对比度）；考虑文化色彩含义

排版

字体类别：衬线体（传统、权威、易读）、无衬线体（现代、干净、极简）、展示体（装饰性、吸引注意）、手写体（优雅、个人、正式）、等宽体（技术、代码、复古）
字体层级：建立清晰层级（H1、H2、正文、说明文字）；用大小、粗细和颜色区分；最多限制 2-3 种字体；确保各种尺寸下可读
间距与对齐：正文行高 1.4-1.6；调整字距以提高可读性；文本对齐（左、中、右、两端对齐）；文本块周围留白

构图技法

三分法：将画布分为 9 部分，焦点置于交点
黄金比例：1:1.618 比例，营造美观布局
焦点：引导观众注意关键元素
视觉流：引导视线在设计中移动
框架：用元素框住重要内容
层次：用前景/背景创造深度
对称与不对称：根据信息选择

使用方式

该技能遵循五步设计工作流：

理解需求：询问目的/信息、目标受众、格式（海报、标志、信息图等）、尺寸/宽高比、颜色偏好或品牌规范、应传达的情绪/感觉。交付物为清晰的设计简报。
概念开发：用一句话定义核心信息；选择合适风格（极简、醒目、优雅、活泼等）；选择调色板（2-5 种颜色）；选择排版（1-3 种字体）；勾勒粗略布局概念。交付物为带理由的设计方向。
布局设计：定义画布尺寸与方向、网格系统或布局结构、文本元素位置、视觉元素位置、信息层级、留白分配。交付物为结构化布局方案。
视觉执行：应用调色板；设置带层级的排版；添加视觉元素（形状、图标、插画）；应用效果（阴影、渐变、纹理）；确保平衡与对齐；测试对比度与可读性。交付物为所需格式的完整设计。
精修：检查对齐与间距；验证不同尺寸下的可读性；测试色彩对比度（可访问性）；确保视觉层级清晰；移除不必要元素；打磨细节。交付物为最终精修设计。

适用场景

资料提供了多种设计模式与风格指南：

海报设计：结构为顶部 60% 大视觉或排版（吸睛主元素）、中部 30% 支持信息（层级化关键细节）、底部 10% 行动号召/页脚（联系方式、日期、地点）。最佳实践包括从强焦点开始、主信息使用大号粗体排版、限制 3-4 种颜色、确保远距离可读、包含视觉呼吸空间。
标志设计：结构为符号/图标 + 文字标志，或组合标记 + 标语（可选）。最佳实践包括保持简单易记、先做黑白稿、确保可缩放、多背景适用、避免潮流、在各种场景测试。
信息图设计：结构为页眉（标题 + 背景）→ 第 1 节（数据点：视觉呈现 + 支持文本）→ 第 2 节（数据点）→ 结论/要点。最佳实践包括清晰视觉层级、一致色彩编码、简单易消化的小块、图文混合、用数据讲故事。

风格指南包括：极简风格（2-3 色、干净无衬线体、大量留白、简单形状）；醒目/鲜艳风格（高对比、饱和色、大号有冲击力字体、动态形状、重叠层次）；优雅/奢华风格（黑、白、金、柔和色调、衬线体、精致手写体、微妙细节、平衡构图）；活泼/休闲风格（明亮欢快调色板、圆润友好字体、手绘元素、有机形状）；企业/专业风格（蓝、灰、保守调色板、干净无衬线体或经典衬线体、基于网格、结构化、正式）。

技术规格

文件格式：

PNG：用于网页图形、带透明度的标志；分辨率 72 DPI（网页）、300 DPI（印刷）；色彩模式 RGB（数字）
PDF：用于印刷物料、专业文档；分辨率最低 300 DPI（印刷）；色彩模式 CMYK（印刷）、RGB（数字）；印刷需包含 3mm 出血；嵌入字体

画布尺寸：

社交媒体：Instagram 帖子 1080x1080px（方形）；Instagram 故事 1080x1920px（9:16）；Facebook 帖子 1200x630px；Twitter 页眉 1500x500px
印刷：A4 210x297mm（300 DPI 下 2480x3508px）；Letter 8.5x11in（300 DPI 下 2550x3300px）；海报（小）11x17in；海报（大）24x36in
网页：主图 1920x1080px（16:9）；横幅 728x90px、300x250px；缩略图 150x150px

限制与注意事项

资料列出了反模式（应避免的做法）：不要复制现有艺术（避免版权侵权，应创作受概念启发的原创作品）；不要使用过多字体（造成视觉混乱，应限制 2-3 种并建立清晰层级）；不要忽略留白（设计会显得拥挤不专业，应给元素呼吸空间）；不要对长文本使用全大写（难以阅读，仅用于短标题或强调）；不要将所有内容居中（可能显得静态业余，应策略性混合对齐）；不要使用低对比度（难以阅读且不可访问，应测试对比度，目标最低 4.5:1）；不要拉伸/扭曲图像或字体（显得不专业，应保持宽高比、按比例缩放）；不要过度使用效果（显得过时杂乱，应克制且有目的地使用效果）。

质量检查清单涵盖视觉（清晰焦点、平衡构图、一致间距与对齐、适当留白、清晰视觉层级）、色彩（调色板协调、足够对比度、色彩支持信息、在不同背景测试）、排版（各种尺寸可读、清晰层级、字体适合信息、适当间距）、技术（正确文件格式 .png 或 .pdf、适当分辨率、正确色彩模式、正确尺寸）和整体（设计达成既定目标、适合目标受众、专业精良、原创作品）。

资料还提及相关技能：[[frontend-design-skill]] 用于网页 UI 组件，[[ui-designer-skill]] 用于界面设计，[[brand-guidelines-skill]] 用于品牌资产，[[multimodal-analysis-skill]] 用于分析现有设计。

关于该技能的具体安装命令、收费模式、价格、平台支持等信息，资料中暂未提供。