十年一线踩坑与复盘的沉淀。不讲玄学,只讲在真实项目里被反复验证过的设计判断与成长心得。
哲学 01 · 解决问题
DESIGN PHILOSOPHY
很多新手把"好看"当成设计的终点,但真正成熟的设计是从问题倒推的:这个页面要帮用户完成什么?卡点在哪?哪些信息最重要?视觉只是把答案翻译成眼睛能读懂的语言。
当你开始用"它在解决什么问题"来审视每一个色块、每一行间距,设计就不再是灵感玄学,而是一套可以解释、可以复用、可以传承的手艺。这也是尧图一直想传递的态度——把审美变成可拆解的方法。
一致性不是手感,
是把判断沉淀成规范。
PROJECT LESSONS
课堂里学的是"怎么做对",项目里学的是"怎么一直做对"。一个页面做好看不难,难的是二十个页面保持同一种呼吸节奏、同一种按钮手感、同一种间距逻辑。
一致性靠的不是设计师每次都"感觉对",而是把判断变成规范:颜色用 token、间距用基准单位、组件用同一套。规范不是限制创意,是让创意只出现在该出现的地方,把重复的事交给系统,把判断留给真正需要决策的细节。
这些不是金句,是踩过坑、回过头来才发现一直对的那几条。把它们贴在工位上,比记一百条技巧管用。
每一个色块、每一行间距都要能回答"它在解决什么问题"。好看是结果,不是出发点。当你去掉一个元素页面反而更顺,说明它本来就不该在。
敢于不放,比敢于放更需要功夫。留白制造呼吸、分组、聚焦,是版式里最主动的设计语言。新手怕空,老手惜空——每一寸留白都有它的理由。
用户说不出哪里好,但能感觉到"统一"。一致性来自规范而非手感:颜色、圆角、间距、字阶都遵循同一套基准,品质感就自然出来了。
先做小屏再做大屏,会逼你想清楚信息优先级。先做大屏再"适配"小屏,往往只是把塞满的东西硬挤进去。移动优先是一种思考顺序,不是一种设备。
加载每慢一秒,离开的人就多一批。图片压缩、关键 CSS、减少重排重绘,这些"看不见"的活决定了体验的下限,也最容易被设计师忽略。
没人会逐字读完你的页面。用标题、加粗、列表、对比把重点挑出来,让眼睛三秒抓到核心。写作不是堆字,是给扫描留路标。
从临摹第一个模板,到把经验沉淀成团队规范,每一步都不是计划出来的,是项目倒逼出来的。供你对照自己的阶段。
临摹一个博客模板改了一周,第一次看到自己写的 HTML 在浏览器里成型,从此入坑。那时的目标是"能跑就行",还谈不上设计。
进公司做企业官网,第一次面对"二十个页面保持一致"的崩溃,开始建第一套色板和间距规范,理解了为什么大公司都要设计系统。
独立负责一个电商落地页项目,第一次用 A/B 测试说话——按钮挪一下位置、改一个文案,转化率涨了三个点。设计开始有据可依。
带新人后发现自己"说不清为什么这么改",于是把直觉判断写成文档,规范从脑子里搬到团队共享的页面上,开始能教别人了。
学会用组件库和设计 token 跟开发对话,交付物从"设计稿"变成"可落地的规范"。设计不再是一个人的事,而是一条流水线。
把踩过的坑整理出来,希望新手不用再花半年走我们已经走过的弯路。教是最好的学,分享的过程也逼着自己把模糊的经验重新讲清楚。
把上面的洞察拆成可逐篇精读的长文,每篇都来自真实项目复盘,读完能直接用在自己手上。
进阶
01
从功能优先、克制装饰、服务用户三个角度,重新理解网页设计的本质。
进阶
02
留白、一致性、对比、反馈、限制、细节——六条踩过坑才信服的经验。
进阶
03
从断点规划、触摸目标、字号、性能到交互,让小屏体验真正好用的实战清单。
进阶
04
首屏加载、图片优化、Core Web Vitals 到日常监控,把网页做快的实战经验。
进阶
05
临摹、独立、系统、沉淀四个阶段,每个阶段该练什么、读什么、做什么项目。