技能库 · 分类
视觉设计技能：10 个可执行技能
设计任务最怕“感觉不对”却说不清。这个分类把主图层级、配色、图标、字体、Banner 适配拆成可检查的交付，让评审有依据。
适合：设计、电商美工、品牌主理人 目标：把品牌色、图标、海报和详情页做成可复用规范
边界：步骤是通用做法，平台/客户规则以实际页面为准；不承诺排名、过稿或收益。
边界：步骤是通用做法，平台/客户规则以实际页面为准；不承诺排名、过稿或收益。
先做哪 3 个
01
电商主图信息层级：3 层排版不改产品
把主图拆成背景、主体、卖点三层，按注视顺序排布，让买家在缩略图尺寸下先看到产品再看卖点。
进阶 · 视觉设计/电商运营
看完整内容 →02海报配色：从品牌色推出 4 个可落地颜色
从已有品牌色出发，推导出主色、辅助色、背景色和强调色四个角色，避免整张海报用到五六个饱和色。
入门 · 视觉设计/品牌运营
看完整内容 →03图标提示词：一句话锁定符号与风格
把图标的符号、风格、线条和背景写成一段可复用的提示词，让同一套图标在不同批次里保持统一。
进阶 · 视觉设计/产品经理
看完整内容 →其余 7 条
前 3 条已在上面展开；这里是余下 7 条，10 条全部可点。
视觉设计
Banner 尺寸适配：一套版式铺满 4 个广告位
用一套版式适配横版、竖版和方版四个常见广告位，只调整主体位置和文字换行，不重画整套设计。
进阶 · 视觉设计/运营
看完整内容 →视觉设计商品图去纯色背景：边缘留 1 像素不毛糙
把纯色或浅渐变背景的商品图抠干净，处理边缘过渡和阴影，输出可直接用于详情页和主图的透明底图片。
入门 · 视觉设计/电商运营
看完整内容 →视觉设计字体搭配：标题与正文只差一个字重
用只差一个字重的方式搭配标题与正文，保证层级清楚又不打架，同时给出中英文和数字的替代表。
入门 · 视觉设计/运营
看完整内容 →视觉设计长图切分：按屏高切成可读段落
把一张竖版长图按手机屏高切成若干段，控制每段的信息量和接缝位置，让读者滑动时不会在句子中间断开。
入门 · 视觉设计/内容运营
看完整内容 →视觉设计详情页改版：先定信息顺序再配色
先重排详情页的信息顺序，再谈视觉，把买家关心的顺序排成问题、证据、参数、行动四段。
进阶 · 视觉设计/电商运营
看完整内容 →视觉设计分享图（OG）生成：标题 12 字内可读
生成尺寸合规、标题 12 字内可读的社交分享图，保证在微信、群聊和信息流的小卡片里都能看清主题。
入门 · 视觉设计/运营
看完整内容 →视觉设计设计走查清单：交付前 8 项逐条过
交付前按可读性、对齐、留白、色彩、切图、命名、适配、授权八项逐条走查，把返工拦在发出之前。
进阶 · 视觉设计/产品经理
看完整内容 →这个分类最容易踩的坑
- 只凭感觉调色
- 忽略平台尺寸和安全区
怎么用这一页
1. 选一条
按你本周真实交付物选，不要从第一条开始收藏。
2. 跑一遍
打开详情，按步骤做，不要只看摘要。
3. 用检查点验收
检查点不过，先改再交付；平台/客户规则优先。
同类分类
更新时间：2026-10-29 · 本页 10 条内容均为独立详情页；分类只是入口，不是把内容复制一遍。