STAGE 01 · 入门
新手设计师入门
从零开始建立设计认知，理解网页设计全貌与岗位分工，规划属于你的学习路线，告别"不知道从哪学起"的迷茫。
设计认知
PART 01
先看懂网页设计全貌
很多新人一上来就埋头学软件，却说不清"网页设计到底设计什么"。先建立全局认知：一个网页由信息架构、视觉表现、交互体验三部分组成，你的每一处设计都服务于这三者之一。
- 信息架构决定内容顺序
- 视觉表现传递品牌气质
- 交互体验影响使用感受
- 三者协同才是完整设计
岗位认知
PART 02
搞清岗位分工与能力地图
网页设计师、UI 设计师、视觉设计师、交互设计师，岗位边界常重叠。新人不必纠结头衔，先把"视觉表现 + 基础交互"这块能力地图点亮，再向交互或品牌方向延伸。
- 视觉表现是入行敲门砖
- 基础交互拓宽能力边界
- 懂前端更易高效协作
- 选定方向持续深耕
审美积累
PART 03
审美是可以练出来的
审美不是天赋，是积累。每天花 15 分钟拆解优秀网页：看它的栅格、留白、配色与字号层级，建立自己的灵感库。看得够多，下手时自然有判断。
- 每日拆解一个优秀网页
- 建立分类灵感库
- 记录配色与字号组合
- 定期复盘归纳规律
CHAPTERS
入门学习章节
按章节循序渐进，每节聚焦一个具体动作。
01
建立设计全局认知
理解网页设计由信息架构、视觉表现、交互体验三者构成，明确每处设计的归属与目的。
02
梳理岗位分工与能力地图
认清网页/UI/视觉/交互岗位边界，规划以视觉表现为核心、逐步延伸的能力成长路径。
03
制定个人学习路线
结合自身时间与目标，把"工具-临摹-独立产出"拆成可执行的周计划，避免东学一榔头西学一棒。
04
每日审美积累方法
建立每日拆解优秀网页的习惯，用栅格、留白、配色、字号四维度记录，沉淀个人灵感库。
05
完成第一个临摹作品
选一个喜欢的中等难度官网，从栅格到组件完整临摹一遍，在动手里体会设计的真实节奏。