尧图网站设计尧图网站设计YAOTU DESIGN
DESIGN EXPERIENCE

设计经验分享

十年一线踩坑与复盘的沉淀。不讲玄学,只讲在真实项目里被反复验证过的设计判断与成长心得。

设计是解决问题不是装饰 哲学 01 · 解决问题

DESIGN PHILOSOPHY

设计是解决问题,不是装饰

很多新手把"好看"当成设计的终点,但真正成熟的设计是从问题倒推的:这个页面要帮用户完成什么?卡点在哪?哪些信息最重要?视觉只是把答案翻译成眼睛能读懂的语言。

当你开始用"它在解决什么问题"来审视每一个色块、每一行间距,设计就不再是灵感玄学,而是一套可以解释、可以复用、可以传承的手艺。这也是尧图一直想传递的态度——把审美变成可拆解的方法。

  • 先问"解决什么问题",再谈"好不好看"
  • 每个视觉决策都要能说出理由
  • 好看是结果,不是目标

一致性不是手感,
是把判断沉淀成规范。

— PROJECT LESSON

PROJECT LESSONS

真实项目里学到的事

课堂里学的是"怎么做对",项目里学的是"怎么一直做对"。一个页面做好看不难,难的是二十个页面保持同一种呼吸节奏、同一种按钮手感、同一种间距逻辑。

一致性靠的不是设计师每次都"感觉对",而是把判断变成规范:颜色用 token、间距用基准单位、组件用同一套。规范不是限制创意,是让创意只出现在该出现的地方,把重复的事交给系统,把判断留给真正需要决策的细节。

  • 同类组件的颜色、圆角、间距必须统一
  • 把"感觉"沉淀成可复用的规范
  • 规范文档要随项目一起迭代
SIX INSIGHTS

六条 被反复验证的洞察

这些不是金句,是踩过坑、回过头来才发现一直对的那几条。把它们贴在工位上,比记一百条技巧管用。

01

设计是解决问题,不是装饰

每一个色块、每一行间距都要能回答"它在解决什么问题"。好看是结果,不是出发点。当你去掉一个元素页面反而更顺,说明它本来就不该在。

02

留白比填充更难

敢于不放,比敢于放更需要功夫。留白制造呼吸、分组、聚焦,是版式里最主动的设计语言。新手怕空,老手惜空——每一寸留白都有它的理由。

03

一致性是品质感的来源

用户说不出哪里好,但能感觉到"统一"。一致性来自规范而非手感:颜色、圆角、间距、字阶都遵循同一套基准,品质感就自然出来了。

04

移动优先不是口号

先做小屏再做大屏,会逼你想清楚信息优先级。先做大屏再"适配"小屏,往往只是把塞满的东西硬挤进去。移动优先是一种思考顺序,不是一种设备。

05

性能是体验的一部分

加载每慢一秒,离开的人就多一批。图片压缩、关键 CSS、减少重排重绘,这些"看不见"的活决定了体验的下限,也最容易被设计师忽略。

06

用户不读字,他们扫

没人会逐字读完你的页面。用标题、加粗、列表、对比把重点挑出来,让眼睛三秒抓到核心。写作不是堆字,是给扫描留路标。

10-YEAR JOURNEY

十年 设计成长路径

从临摹第一个模板,到把经验沉淀成团队规范,每一步都不是计划出来的,是项目倒逼出来的。供你对照自己的阶段。

2016

起步:第一次写出能跑的页面

临摹一个博客模板改了一周,第一次看到自己写的 HTML 在浏览器里成型,从此入坑。那时的目标是"能跑就行",还谈不上设计。

2018

入行:面对"二十个页面要统一"

进公司做企业官网,第一次面对"二十个页面保持一致"的崩溃,开始建第一套色板和间距规范,理解了为什么大公司都要设计系统。

2020

进阶:学会用数据倒推设计

独立负责一个电商落地页项目,第一次用 A/B 测试说话——按钮挪一下位置、改一个文案,转化率涨了三个点。设计开始有据可依。

2022

沉淀:把判断写成文档

带新人后发现自己"说不清为什么这么改",于是把直觉判断写成文档,规范从脑子里搬到团队共享的页面上,开始能教别人了。

2024

跨界:从视觉走向工程协作

学会用组件库和设计 token 跟开发对话,交付物从"设计稿"变成"可落地的规范"。设计不再是一个人的事,而是一条流水线。

2026

现在:把十年经验整理成尧图

把踩过的坑整理出来,希望新手不用再花半年走我们已经走过的弯路。教是最好的学,分享的过程也逼着自己把模糊的经验重新讲清楚。

DEEP DIVE

深度 经验文章

把上面的洞察拆成可逐篇精读的长文,每篇都来自真实项目复盘,读完能直接用在自己手上。

想聊聊设计这件事?

留下你正在纠结的设计问题 · 我们会挑有代表性的展开成经验分享