我是七年，一个靠Illustrator吃饭的设计老狗，专治各种花里胡哨，专怼甲方五彩斑斓的黑，从业七年画过的图标能绕地球三圈，今天就把压箱底的扁平化设计秘籍撕开给你看——注意，这是全网最干的教程，建议自备矿泉水。
▶ 第一章：设计前的自我修养
别急着打开AI，先给我按住F5刷新认知，扁平化不等于简陋，是给视觉做减法给想象力做加法，甲方说要"高端大气国际化"？翻译成人话就是"别整阴影渐变浮雕那套花活"。
建议开局先做三件事：
1、明确使用场景（App图标？网页按钮？导视系统？）
2、建立情绪板（去Dribbble偷师不丢人）
3、准备好速写本（手绘线稿比软件里瞎改高效十倍）
▶ 第二章：Illustrator操作三板斧
别被工具栏吓到，记住这三个杀手锏足矣：
【武器1】新建画布就锁死对齐像素（Ctrl+K调出首选项-参考线和网格-对齐像素），这步错了后面全崩。
【武器2】形状生成器工具（Shift+M）是亲爹，按住Alt是切割狂魔，不松手是拼接大师。
【武器3】路径查找器（Ctrl+Shift+F9）四大绝招：
- 联集：合体术
- 减去顶层：断头台
- 交集：灵魂拷问
- 差集：量子纠缠
▶ 第三章：设计核心三原则
❶ 极简造型：用几何形暴力拆解
想画云朵？别描轮廓！直接圆角矩形+三个椭圆堆叠，画房子？三角形套矩形再戳个烟囱，能用基础形拼出来的绝对不用钢笔勾。
❷ 色块切割：敢下狠手才高级
同一色系玩切割比花哨渐变更抓眼，举个栗子：画齿轮图标，先画个正圆，再用三角形阵列切割出齿痕，最后中间挖个洞——完事别忘Ctrl+G打组。
❸ 细节克制：加戏不超过两处
描边控制在1-2px，圆角半径统一（建议4-8px），重点部位用撞色小三角/短线点睛，记住用内部绘图模式（Shift+D）加细节，别让元素溢出母体。
▶ 第四章：新手必踩三大坑
【作死操作1】疯狂加装饰线
以为线条多就是精致？实际像电路板成精，解决方案：把五条线删到两条，间距拉大1.5倍。
【作死操作2】颜色乱炖
红配绿赛狗屁？上Adobe Color偷现成配色方案，记住631法则：主色60%+辅助色30%+点缀色10%。
【作死操作3】比例失调
图标画完缩小到16x16px检验，线条糊成团就回调，黄金比例套用公式：整体尺寸=内部元素x1.618。
▶ 第五章：实战手撕天气图标
现在请打开AI跟我走一波：
Step1：新建128x128px画布，网格线间隔8px
Step2：晴天图标
- 画黄色正圆（#FFD700）
- 叠加白色大圆（不透明度30%做光晕）
- 用线段工具画射线（长度参差错落）
Step3：多云图标
- 底部浅蓝圆角矩形（#87CEEB）
- 顶部堆叠三个白色椭圆
- 用形状生成器删掉重叠部分
Step4：统一描边2px圆头端点
Step5：全选-对象-扩展外观，Ctrl+S收工
看到这儿还学不会？建议把显示器倒过来再看一遍，记住好的扁平化设计要有"少即是多"的禅意，甲方再哔哔就把这篇教程拍他脸上。
【原创声明】
本文由七年熬秃头原创，转载请注明出处：www.七年怼设计.com
盗文者必被AI自动生成一亿个马赛克图标诅咒！
评论(0)