先校准:这节课教“如何做出更清楚的视觉”,不承诺视觉单独拉动生意数据。

页面严格来自 7 份课程转写。老师的比例、阈值与口诀被保留为“经验起点”;所有示意图都是学习台根据文字重画的教学图,不冒充老师原课件。

LESSON 057 份录音转写已整理

从一张图的任务,到整套品牌视觉的稳定执行

先判断
再执行

这不是一套“把图做漂亮”的技巧清单。新人会从一张图为什么做开始,依次学会视觉配比、页面节奏、注意力、品牌共性、字体组件与品牌记忆。

从第 1 个判断开始 7 个模块 · 32 个具象小节 · 不填写、不评分
品牌视觉学习台从视觉任务、页面节奏、注意力到品牌系统的课程路线图
第 5 课 · 电商视觉执行落地 SOP一张图先有任务,整套图再形成品牌
先看全课关系

七个模块是一条执行链,不是七组孤立技巧

如果前面的任务没有说清,后面的字体、颜色和符号越完整,越可能只是把错误执行得更精致。

  1. 01视觉任务

    先说清谁、在哪里、要得到什么

  2. 02视觉配比

    按品牌基调、页面与人群分配 ABC

  3. 03页面节奏

    一屏一问,整页有起伏

  4. 04注意力

    安排第一、第二、第三眼

  5. 05品牌共性

    固定骨架,允许有边界地变化

  6. 06字体组件

    把感觉写成可复用的小规则

  7. 07品牌记忆

    跨触点重复真实、稳定的识别

新人最容易跳步:直接从文案跳到找参考、做画面。第 5 课要求先完成 01—04,才进入品牌共性和执行规范。

一小节只解决一个执行判断

每次只显示一节;先看具体页面图,再读大白话、步骤、错例和边界。不是浏览知识卡,而是顺着判断走完。

01
先回答为什么做,再打开设计软件

先定义视觉任务

一张图不是把运营给的字贴好看,而是在一个具体位置,帮助一类用户更快得到一个信息。

为什么学
如果设计师不知道图放在哪里、给谁看、要改变什么判断,后面的构图和美感都没有统一标准。
带什么进来
原始需求、投放位置、目标人群、新老客状态、文案与可核对的产品资料。
带什么出去
一张写清“解决什么问题、谁在哪里看、看完要得到什么”的视觉任务卡。

本模块边界:视觉可以提高信息传递效率,但不能单独承诺点击、加购或销售结果。

打开本模块目录小节 1/4
模块 1/7 · 小节 1/4

为什么不能拿到文案就开工

这一节只回答运营发来一张表,设计师第一步是找参考图吗?

小节 01-01 · 具象教学图

同一份需求,会走出两条完全不同的路

上路只完成“交图”,下路先补齐用户与使用位置,再决定画面。

错误起点Excel 文案 → 搜参考 → 复制粘贴

设计师甚至没有完整读完文案,只知道尺寸和截止时间。

结果:画面有样子,没有任务
正确起点需求 → 位置与人 → 信息任务 → 构图

先知道消费者在哪里看到,再决定什么必须先被看见。

结果:每个设计决定都有依据
看完只记这一句先把需求翻成视觉任务,参考图才有筛选标准。
一句大白话不是。先问清楚这张图要帮谁解决什么判断,再找能完成这个任务的参考。
课堂原意

课堂把线上视觉比作导购:它承担传播和卖货,但很多执行者只接到尺寸、文字与竞品图,没有理解最终消费者。

新人翻译

找参考图并不难,难的是知道为什么选它。没有任务卡时,你很容易只抄到颜色、构图和效果,却不知道它是否适合当前页面。

HOW

真正执行时,一步一步怎么走

  1. 01
    完整读文案

    先用自己的话复述,不允许只复制粘贴。

  2. 02
    确认应用位置

    主图、首页、详情页、视频或线下广告,任务不同。

  3. 03
    确认观看者

    新客还是老客、谁做购买决定、当时处在什么动作里。

  4. 04
    写出结果

    看完后,他应该知道、相信或感受到哪一件事。

错 / 对

看具体画面怎么判断

新人容易这样做

“做一张 800×800 的主图,参考竞品这个科技蓝,卖点都放上去。”

改成这样判断

“搜索页新客会在多个产品中快速扫过;这张主图先让人看懂它是小型洗衣机,再看到核心容量差异。”

换场景迁移

换成儿童水杯时,不复制科技蓝;重新确认它是在搜索页争取点击,还是在详情页解释密封结构。

到哪里必须停

任务卡只能明确设计目标。流量质量、价格、评价、投放和产品力也会影响最终数据。

不用填写:先在心里回答 3 个检查问题
  1. 我能否不看原文,用一句话说出这张图要解决什么问题?
  2. 我是否知道它出现在哪个页面或渠道?
  3. 我是否把“老板喜欢”误当成“用户需要”?
原稿位置
  • 《1.电商视觉ABC分类体系回顾》线上视觉角色与需求传递段
  • 《1.电商视觉ABC分类体系回顾》设计师拿到文案后的三问段
当前位置:先定义视觉任务 · 01-01

不是先做视觉规范,而是先把判断链跑通

前四步决定页面是否说得清,后三步决定团队能否长期稳定地说。

先做清楚任务 → 配比 → 节奏 → 注意力

回答给谁看、说什么、先看什么,并完成第一版页面线稿。

再做稳定共性 → 字体组件 → 品牌记忆

把有效判断写成团队规则,再延伸到不同品线与触点。

不要倒过来先做 Logo、颜色与组件,不能补救错误任务

如果谁、哪里、要完成什么都不清楚,系统越完整,返工范围越大。

第 5 课来源、整理方式与经验边界7 份文稿

原文件是课程录音转写,存在口语重复、断句和同音误识别。本学习台按“视觉任务 → 品牌系统”的逻辑重组为 7 个模块、32 个小节;重组目录不是老师原 PPT 目录。

原文件没有内嵌图片,因此页面中的页面缩略图、对比图、流程与字体标本均为学习台教学重画,只用于解释判断,不代表老师原课件或品牌真实页面。

  1. 1.电商视觉ABC分类体系回顾.doc
  2. 2.品牌基调与首页视觉策略.doc
  3. 3.电商视觉分层与节奏设计.doc
  4. 4.电商视觉注意力管理.doc
  5. 5.品牌视觉共性与版式设计.doc
  6. 6.字体版面设计2.doc
  7. 7.品牌心智加强.doc