阶段二 · 色彩 · 本周第一
新视觉设计课程·色彩校准十二练
用 12 组真实界面截图做色彩校准练习，从主色、辅色、语义色到中性灰的层级逐一对齐亮度与饱和度，练完能说清「为什么这块按钮显得脏」。
活页课程库 · 第 12 次装订 · 2025-02-18 更新
新视觉：把视觉设计课程装订成可抽取的学习路径
新视觉是一套以活页方式组织的视觉设计课程体系，包含 8 个内容分类、54 张课程活页、5 条学习路径，以及每两周运行一次的阶段测评。每张活页都标注课时、难度、测评通过率与更新时间，来源写清楚，进度看得见。
- 先看：读路径总览与阶段目标，判断自己该从哪一张活页开始
- 再测：用 12 题阶段测评定位当前水平，避免重复学已经会的部分
- 后练：按短板抽取活页，练完再测一次，用分数变化确认是否真的学会
当前显示全部 10 张课程活页。
01新视觉品牌简介与运营时间线
新视觉不是一门课的名字，而是一套装订方式：把视觉设计里散的技法拆成一张张可抽取、可替换的活页，再按学习者的基础重新排成路径。
定位上，我们把视觉设计拆成 8 个分类：版式与网格、色彩系统、字体与字距、图标与插画、动效与微交互、数据可视化、作品集装订、阶段测评分级。每个分类对应若干张活页，一张活页只讲清一件事，长度控制在 8 到 14 课时之间，读完能立刻在稿子里落地，而不是停留在概念层。
能力上，课程库目前维持 5 条学习路径：零基础转行路径、在职提升路径、电商视觉路径、B 端界面路径、作品集冲刺路径。每条路径都写清楚进入条件、必修活页、测评节点与预计周数，避免出现学完一整套却不知道下一步做什么的情况。所有路径都可以中途换道，换道时系统按已完成活页折算，不要求从第一页重来。
温度上，我们坚持把不确定的部分说清楚。活页里的测评通过率来自后台真实作答记录，样本量不足 200 的活页会标注样本偏少；案例截图的软件版本、导出参数、配色数值全部列出，不写无法验证的形容词。编辑署名与更新日期放在每张活页底部，读者发现问题可以直接对照修改记录核对。
- 上线日期
- 2023-04-18
- 累计更新次数
- 214 次（截至 2025-02-18）
- 活页总量
- 54 张 / 8 个分类
- 学习路径
- 5 条，可中途换道
- 测评周期
- 每两周一次，12 题 / 次
- 数据来源
- 课程后台作答记录 + 编辑实测复现
- 最近更新
- 2025-02-18
- 责编辑署名
- 林砚（课程编辑）
更新日志（最近三次）
- 新增「阶段测评·色彩校准」12 题题库，补入 3 条版式路径的分支说明，修正 2 处软件版本截图与现行界面不一致的问题。
- 重写作品集装订术第 4 至 6 节，把排序逻辑从「按时间」改为「按问题解决难度」，并补入 6 份真实投递反馈的统计口径。
- 动效与微交互活页新增 200 毫秒节奏基准表，替换 4 段早期录屏，页脚补充录屏设备的刷新率说明。
内容筛选标准
- 路径完整度：从开始学到能交付一份可展示的成果，中间不依赖站外付费资料。
- 测评可执行性：题目必须能在 15 分钟内做完并得到可解释的分数，不接受主观打分。
- 案例可复现：所有参数、数值、导出设置写全，编辑按同一流程复现过一次才收录。
02新视觉今日热播课程榜
以下 10 张活页按最近 7 天的学习完成量与测评提交量排序，数据来自课程后台统计口径：完成量 = 阅读完成且通过阶段测评的独立用户数，统计区间 2025-02-11 至 2025-02-18。
阶段一 · 版式 · 本周第二
新视觉网格与版式活页
从 4 栏到 12 栏的取舍讲起，配 9 个页面重排案例，回答「间距为什么看起来不齐」这类高频疑问，并给出可直接套用的间距刻度。
阶段二 · 字体
字体与字距微调手册（新视觉进阶）
中英混排的字号阶梯、行高倍数、字重搭配一次讲透，附 6 组可打印的字距对照表，方便贴在显示器边上随时比对。
阶段一 · 图标
图标与线性插画基础
统一线宽、圆角半径与端点样式，用 40 枚图标做一套网格化练习，解决图标风格混搭、大小不一的常见问题。
阶段三 · 动效
动效与微交互节奏课
以 200 毫秒为基准推导出入场、反馈、转场三档时长，配合缓动曲线对照表，让动效不再靠感觉反复拖拽调试。
阶段三 · 数据
数据可视化友好配色
面向图表场景的配色方法：分类色不超过 7 组、连续色带控制明度跨度、强调色只留一个，并附色盲友好度自检清单。
阶段四 · 作品集 · 本周第三
新视觉作品集装订术
把项目按「问题解决难度」而不是「完成时间」排序，给出首页三屏的结构模板与讲述脚本，让面试官在三分钟内看懂你解决了什么。
通用 · 测评
阶段测评分级说明
讲清 12 题测评的计分方式：技法题占 7 题、判断取舍题占 5 题，60 分以下建议回炉前一张活页，85 分以上可直接进入下一阶段。
阶段三 · 版式
移动端适配检查表
32 项可勾选检查条目，覆盖触控热区是否达到 44 像素、按钮间距、安全区留白、横竖屏切换时的重排顺序等易漏细节。
阶段四 · 作品集
新视觉视觉复盘与答辩稿
训练把一次改稿讲成一段完整复盘：先写目标与约束，再写取舍依据，最后给出可量化结果，避免答辩时只说「感觉更好看了」。
03平台资讯：近 30 天更新动态
本栏目记录课程库的每一次可见改动，日期为北京时间，改动范围写具体到节与题号，方便读者核对旧版笔记是否需要同步。
2025-02-18
色彩校准题库扩到 12 题，新增 3 个易错点
用户收益：做完测评能直接看到错在语义色还是中性灰层级，不必再靠猜。
2025-02-16
动效活页补入刷新率说明，替换 4 段早期录屏
用户收益：60Hz 与 120Hz 屏幕下的观感差异有了明确解释，照着调不会觉得「视频里不是这样」。
2025-02-14
网格与版式活页新增 9 个重排案例
用户收益：从 4 栏改到 12 栏的换算过程逐步展示，照着做能复现。
2025-02-13
移动端适配检查表扩至 32 项
用户收益：新增安全区与横竖屏重排两类条目，减少真机验收返工。
2025-02-11
字距对照表开放打印版
用户收益：6 组字号阶梯可直接打印，贴在工位上比对，不用来回切窗口。
2025-02-08
图标练习从 24 枚扩到 40 枚
用户收益：线宽与圆角半径的对照样本更多，练习量足够形成手感。
2025-02-05
图表配色新增色盲友好自检清单
用户收益：提交前逐项勾选，避免红绿并置这类常见问题。
2025-01-27
作品集装订术第 4 至 6 节重写
用户收益：排序逻辑改为按问题解决难度，首页三屏的结构模板同步更新。
2025-01-22
答辩稿骨架补入结果量化示例
用户收益：学会把改稿前后的差异写成可核对的数据，而不是形容词。
2025-01-09
动效时长基准表上线，200 毫秒成为统一基准
用户收益：入场、反馈、转场三档时长有据可依，团队协作时的分歧明显减少。
05相关资讯与行业观察
六篇观察笔记来自编辑的日常记录与公开渠道整理，观点部分标注为编辑判断，数据部分标注统计区间，两者分开写。
招聘描述里反复出现的三项能力
在 186 条视觉设计岗位描述中，「能独立完成界面视觉」出现 141 次，「理解组件与规范」出现 96 次，「有数据意识」出现 73 次。三项同时出现的岗位占比约三成，说明单一技法已经不够用。
读招聘要求的深度解析
规范写完之后为什么还是各画各的
连续 8 周跟进一个小团队后可以看到，规范失效通常不是文档写得差，而是缺少「改一次就同步一次」的动作。把同步写进评审流程后，同类问题从每周 5 起降到 1 起。
看规范同步的五步做法
作品集页数与面试邀约的关系
在 62 份回收反馈中，18 至 26 页的作品集获得面试邀约的比例最高，超过 40 页的方案并没有带来更高转化，反而让阅读者在前五页就失去耐心。
打开作品集结构模板
移动端验收最常见的问题分布
124 个验收问题中，热区过小占 27 个，文字在深色背景上对比不足占 24 个，弹层遮挡内容占 19 个。三类合计超过一半，说明检查表比经验更可靠。
对照移动端检查条目
动效时长做多长才不显得拖沓
940 次作答里，选择 180 至 240 毫秒区间的人数占比 61%，超过 400 毫秒的选项被判定「拖沓」的比例明显上升，这与我们给出的 200 毫秒基准基本吻合。
查看动效时长对照表
过度依赖配色工具的代价
78 份改稿记录显示，直接套用自动配色方案的稿件中，有 54 份在第二轮被要求重调，主要原因是语义色与品牌色冲突。工具可以省时间，判断仍要自己做。
读图表配色自检清单06深度解析：新视觉学习路径怎么排
这一节用情境、冲突、问题、答案的顺序展开，把「先学什么、怎么判断学会了、卡住了怎么办」三件事讲完整。每段控制在三百字上下，方便分段阅读。
情境：时间碎、目标模糊，是大多数人的起点
多数学习者的真实处境是：每天能挤出的时间在 40 分钟到 1 小时之间，手上的目标却很模糊，只知道「想把界面做得好看一点」。这种状态下最容易发生的动作是收藏大量教程，然后从第一课开始顺序播放，两周后停在第七课。我们把这种现象称为「顺序陷阱」：教程的组织顺序是作者的教学顺序，不是你的能力顺序。新视觉的路径设计从这个问题出发，先要求学习者做一次 12 题阶段测评，用分数确定起点，再决定从哪一张活页开始。测评本身不收费，也不作为筛选门槛，目的只是把「我大概会一点」变成「我在版式上 72 分、在色彩上 48 分」这样可操作的信息。
冲突：技法可以速成，判断力不行
把间距从 8 改成 12、把主色饱和度降 8 个百分点，这类动作十分钟就能学会，属于技法层。真正拉开差距的是判断层：为什么这里要留白、为什么这个按钮必须比那个更重。判断力没法靠看视频获得，只能靠在具体约束下反复做取舍并接受反馈。课程库因此把每张活页的练习设计成「给约束、给目标、不给标准答案」，练习完成后由阶段测评的取舍题检验判断是否成立。这也是我们把测评题目分成技法题与取舍题两类的理由：技法题答对说明记住了，取舍题答对才说明会用。
问题：路径该按周排还是按能力排
按周排的好处是节奏清楚，坏处是容易为了赶进度而跳过没掌握的部分；按能力排更贴合实际，但需要可信的测量。我们的做法是两者结合：路径给出建议周数，但节点由测评触发，而不是由日历触发。例如零基础转行路径建议 14 周，其中版式节点要求测评达到 70 分才解锁下一阶段，未达标时系统会推荐补练活页而不是强行推进。这样既保留了时间预期，也不会让学习者在虚假的进度条上自我安慰。需要说明的是，70 分这条线来自 2024 年 6 月至 2025 年 2 月的后台作答分布，并非拍脑袋定的数字，样本偏少的分类我们会单独标注。
答案：三个动作构成的循环
可执行的循环只有三个动作：测、抽、复测。测是定位，抽是按短板抽取一到两张活页，复测是验证。一次循环建议控制在 10 到 14 天，超过两周还没有复测，说明练习量不足或者选题太难，应当拆小。我们统计过完成三次完整循环的学习者，其阶段测评平均提分 21 分，而未复测组平均提分 6 分。这组数据只能说明相关性，不能证明因果，但足以支持「复测比多学一张新活页更重要」这个操作建议。对于在职学习者，建议把复测安排在周末固定时段，避免被工作挤掉。
价位与档期：把成本算清楚再决定
课程库的活页按张计价，单张价格区间为 39 元至 129 元，价格差异主要来自课时数与案例数量，与难度无关。路径打包价按所含活页总价的 78% 计算，换道时已购活页不重复计费。档期方面，每两周开放一次阶段测评，测评窗口为周六 09:00 至周日 22:00，错过需等下一轮，这是为了保证同批作答的可比性。需要提醒的是，测评不提供补考加急，也不承诺提分幅度，任何声称「包过」的说法都与本课程库无关。若预算有限，优先购买版式与色彩两张基础活页，这两张覆盖了后续所有路径的公共部分。
避坑：四个高频误判
第一，把收藏当学习，活页收藏夹里有三十张未读，实际完成度为零。第二，把工具当能力，换了三款设计软件却仍说不清为什么这样排版。第三，把模仿当原创，临摹时形似，脱离参考就无法下笔，解决办法是每临摹一次就写三行取舍理由。第四，把测评当考试，纠结分数高低而忽略错题分类，实际上错题分布比总分有用得多。这四点来自 2024 年 9 月至 2025 年 1 月的学习记录抽样，属于编辑观察而非严格实验结论，读者可以按自己的情况取舍。
07使用体验指南：五个动作上手
第一次打开这个课程库，不需要读完所有内容，按下面五步走一遍，大约 25 分钟就能确定自己的起点与本周任务。
01
先做一次 12 题测评
不看资料直接作答，允许留空。留空的题目就是你的知识缺口，比猜对更有参考价值。测评结果会按版式、色彩、字体、动效四类给出分项分数。
02
用筛选标签缩小范围
在首屏输入课程名或点击分类标签，把十张活页缩到两三张。筛选状态会显示在输入框下方，随时可以清空重来。
03
读活页的元信息再决定
课时、难度、评分、更新时间、数据来源五项写在标题下方。难度与你的分项分数差两级以上时，先补前一张活页，不要硬啃。
04
按约束做练习并留存过程
每张活页的练习都带约束条件，完成后把过程截图与取舍理由存进同一个文件夹，这就是后续作品集与答辩稿的原始素材。
05
两周内完成一次复测
复测不是重复做题，而是检验判断是否变化。若分项分数没有提升，回到第三题看错题分类，调整下一轮的活页选择。
✓
体验小结
整页内容都可离线阅读，无弹窗、无自动播放、无强制注册。所有图片带占位色块与固定比例，滚动时不会跳动；弹幕留言可以随时暂停，不影响阅读。
08常见问题答疑
以下二十条来自读者提问与后台高频检索，答案对应页面顶部的同名结构化数据，内容保持一致。
新视觉适合零基础的人吗？
适合。零基础转行路径从版式与网格活页开始，前两张活页假设你只会使用基本设计软件，所有操作步骤写到面板层级，不需要任何前置课程。
新视觉设计课程一共有多少张活页？
截至 2025-02-18 共 54 张，分属 8 个分类。本页课程榜展示的是最近 7 天完成量最高的 10 张，其余活页在分类导航里按分类与课时排序。
阶段测评多久做一次比较合适？
建议 10 到 14 天一次。测评窗口每两周开放，单次 12 题，15 分钟内可完成。超过两周未复测，说明练习量不足或选题太难，应当拆小目标。
测评多少分才算通过？
路径节点要求 70 分。60 分以下建议回炉前一阶段活页，85 分以上可以直接进入下一阶段。分数只是参考，错题分布更有用。
视觉设计学习路径可以中途换道吗？
可以。五条路径共用版式与色彩两张基础活页，换道时已完成活页按课时折算，不需要从第一页重来，也不需要重复付费。
新视觉作品集应该放几个项目？
建议 3 到 4 个，总页数控制在 18 至 26 页。在回收的 62 份投递反馈中，这个区间获得面试邀约的比例最高，超过 40 页反而降低了阅读完成率。
活页的价格区间是多少？
单张 39 元至 129 元，差异来自课时数与案例数量，与难度无关。路径打包价为所含活页总价的 78%，已购活页不重复计费。
色彩校准练习需要什么软件？
任意支持取色与数值输入的界面软件都可以。活页标注的是数值与方法，不绑定具体软件，录屏演示会在标题处注明所用软件与版本。
移动端适配检查表怎么用？
按 32 项逐条勾选，重点先看触控热区是否达到 44 像素、按钮间距是否足够、弹层是否遮挡内容这三类，这三类占常见验收问题的一半以上。
课程库的内容多久更新一次？
两周一次大更，紧急勘误随时补。累计更新 214 次，最近一次为 2025-02-18。每次更新都会在平台资讯板块写明改动范围与题号。
为什么活页要标注样本量？
部分分类的作答样本不足 200，通过率会有波动。我们标注样本量是为了让你判断这个数字的可信程度，而不是把它当成绝对标准。
动效时长的 200 毫秒基准怎么来的？
来自 940 次有效作答中 61% 的人选择 180 至 240 毫秒区间，并结合编辑对 20 个常见界面的实测记录整理，属于经验基准而非强制标准。
作品集排序为什么要按问题解决难度？
按完成时间排序容易让早期练习占据首页，按问题解决难度排序能让阅读者先看到你处理复杂约束的能力，三分钟内建立第一印象。
没有设计软件基础能学会图标绘制吗？
可以。图标活页只使用矢量工具的基础操作，线宽、圆角半径、端点样式三个参数反复练习即可，40 枚练习量足够形成手感。
图表配色有什么硬性限制？
分类色不建议超过 7 组，连续色带控制明度跨度，强调色只保留一个。红绿并置需要额外标注，避免色觉差异读者无法区分。
中英混排的字号怎么配？
以中文为基准，英文字号可略小一档，行高倍数取 1.5 至 1.7。正文低于 14 像素时优先调大字号而不是压缩字距，可读性优先。
新视觉的测评题是主观打分吗？
不是。技法题有唯一答案，取舍题采用场景判断并给出解释性解析，全部计分项都可以复核，不接受完全主观的评分方式。
学习记录会保留多久？
作答记录保留 24 个月，完成量统计以 7 天为滚动窗口。页面展示的完成量是去重后的独立用户数，不累计同一用户的重复学习。
课程库有退款或重学安排吗？
活页购买后 7 天内未完成阅读可申请退回，测评窗口错过的可等下一轮重新开放，但不提供加急补考，以保持同批作答的可比性。
页面上的弹幕留言能发吗？
不能。弹幕留言仅作展示，内容取自公开反馈的匿名整理，本页不包含任何可提交表单，也无法发布新留言。
09用户评论精选
以下 12 条来自公开反馈的匿名整理，保留原意，删去可能识别个人信息的部分。分数为当事人给课程的整体评分，不代表全体平均。
顾同学 · 在校生
评分 5.0 · 2025-02-17
最有用的是错题分类。以前我只知道「配色不好看」，测评之后能说清是中性灰层级没拉开，改一次就明显好很多。
许女士 · 电商视觉
评分 4.8 · 2025-02-15
间距刻度那张活页我打印贴在工位上，跟运营沟通时直接说数字，比说「再大一点」效率高太多。
樊同学 · 转行中
评分 4.7 · 2025-02-14
路径可以换道这点很关键。我原以为要从头开始，结果版式和色彩两张通用活页直接折算了，省了两周时间。
陆先生 · B 端界面
评分 4.6 · 2025-02-12
动效节奏课里的 200 毫秒基准直接写进了我们团队的协作说明，评审时少了很多来回争论。
苏同学 · 应届生
评分 4.9 · 2025-02-10
按问题解决难度排序之后，我的作品集从 38 页压到 22 页，投递十家收到了四个面试，比之前好很多。
姚女士 · 自由职业
评分 4.5 · 2025-02-09
希望补一份深色界面的配色活页。现在的色彩校准主要讲浅色背景，深色场景里中性灰的层级逻辑还想看细一点。
程先生 · 产品设计
评分 4.8 · 2025-02-07
移动端检查表帮我抓出三个错位问题，都是真机上才发现的。以前这类问题总在验收当天才暴露。
罗同学 · 自学第二年
评分 4.7 · 2025-02-05
每张活页都写了更新日期和数据来源，这点让我很放心。同类的资料大多只写「多年经验」，没法核对。
孟女士 · 运营设计
评分 4.4 · 2025-02-03
图表配色那张的分类色上限说法很实用，但我们业务里维度太多，希望补一个「超过七组怎么办」的替代方案。
白先生 · 交互偏视觉
评分 4.9 · 2025-02-02
答辩稿骨架让我第一次把改稿写成了一段有因果的复盘，面试官追着问细节，说明他确实看进去了。
韩同学 · 实习期
评分 4.6 · 2025-01-30
40 枚图标练习量刚好，练到第三十枚左右会突然找到手感。之前只练了十来枚就放弃，以为是自己不行。
温女士 · 视觉负责人
评分 4.8 · 2025-01-28
我把它当作新人入职前两周的预习材料，规范同步那五步做法直接搬进了我们的评审流程。
10平台热点与趋势条目
六条趋势观察按近期讨论热度排序，热度条为编辑根据检索量与站内浏览分布给出的估计值，不代表行业绝对排名。
设计规范与交付同步
交付不再是一次性导出，而是组件与规则同步更新。视觉设计师需要能读懂组件名与状态位。
作品集轻量化
从厚重长卷转向 20 页左右的精选，讲清三件事就够：问题、取舍、结果。
移动端真机验收
设计稿在真机上的差异主要集中在热区与安全区，检查表比经验更稳。
语义色体系
主色之外，成功、警示、禁用三种语义色需要独立成层级，不能靠主色调明度凑。
数据叙事的视觉克制
图表先把读数做对，再谈风格。分类色越少，读者越快抓住重点。
测评驱动的学习节奏
用测评替代进度条，让学习节奏由能力触发而不是由日历触发。