**跟着实战案例，打通 UI 图标设计的底层逻辑**

在移动互联网时代，UI 图标已不仅仅是装饰元素，而是连接用户与功能的视觉桥梁。一个优秀的图标，既能降低用户的认知成本，又能为产品增添独特的品牌气质。本课程《跟一夫学 UI 设计：APP UI 图标设计实战案例》，由资深设计师一夫主讲，依托 Photoshop CS6 平台，通过二十余个精心设计的实战案例，带你从零基础起步，逐步掌握专业级图标的绘制技巧与设计思维。

课程摒弃枯燥的理论灌输，采用“案例驱动”的教学模式。开篇即以趣味十足的“单眼怪”形象作为切入点，通过四节连续课程，详细拆解从基础几何形构建到细节刻画的全过程。这一设计不仅降低了初学者的畏难情绪，更让你直观理解图标设计中“拟物”与“抽象”的平衡之道。随后，课程进入高频应用场景，依次讲解电话、短信、联系人、微博、微信及 QQ 等社交类图标的绘制。这些图标看似简单，实则对线条粗细、圆角弧度及视觉重心的把控有着严格要求，是检验基本功的绝佳试金石。

随着课程推进，难度循序渐进。计算器与设置按钮的讲解，重点在于复杂结构的归纳与网格系统的运用；记事本与药丸图标的设计，则引入了材质质感与光影渲染的技巧，帮助学习者建立立体思维。特别是药丸图标部分的三节连载，完整展示了从平面图形到具有半透明质感的立体图标的转化过程，体现了现代 UI 设计中对“微质感”的追求。此外，控制开关按钮与闹钟图标的制作，深入探讨了交互状态下的视觉反馈设计，让图标“活”起来。

课程后半段聚焦于风格化设计，复古面板案例通过渐变叠加与纹理处理，展现了如何在统一视觉规范下实现差异化风格。无论是清新扁平还是怀旧立体，学员均可在此找到对应的技法支撑。

本课程不仅教授 PS 工具的使用，更注重培养“设计师眼”。每一个案例都蕴含着对齐、对比、亲密性与重复四大设计原则。适合希望系统提升图标绘制能力、准备从事 UI 设计工作的初学者及进阶学员。跟随一夫老师的步伐，你将不仅能画出好看的图标，更能理解图标背后的设计语言，为构建高质量的用户界面奠定坚实基础。

课程目录

1-1 [UI图标设计案例视频教程] 单眼怪绘制1 (10:02)
1-2 [UI图标设计案例视频教程] 单眼怪绘制2 (07:30)
1-3 [UI图标设计案例视频教程] 单眼怪绘制3 (19:01)
1-4 [UI图标设计案例视频教程] 单眼怪绘制4 (03:05)
1-5 [UI图标设计案例视频教程] UI图标实战-电话图标 (04:42)
1-6 [UI图标设计案例视频教程] UI图标实战-短信 联系人图标 (06:07)
1-7 [UI图标设计案例视频教程] UI图标实战-微博图标 (04:45)
1-8 [UI图标设计案例视频教程] UI图标实战-微信 QQ图标 (07:34)
1-9 [UI图标设计案例视频教程] UI图标实战-计算器 (11:51)
1-10 [UI图标设计案例视频教程] UI图标实战-设置按钮 (05:18)
1-11 [UI图标设计案例视频教程] UI图标实战-记事本按钮 (10:12)
1-12 [UI图标设计案例视频教程] 药丸图标绘制1 (06:24)
1-13 [UI图标设计案例视频教程] 药丸图标绘制2 (09:44)
1-14 [UI图标设计案例视频教程] 药丸图标绘制3 (57)
1-15 [UI图标设计案例视频教程] 药丸图标绘制3 (57)
1-16 [UI图标设计案例视频教程] 控制开关按钮设计1 (09:09)
1-17 [UI图标设计案例视频教程] 控制开关按钮设计2 (04:39)
1-18 [UI图标设计案例视频教程] 闹钟图标设计1 (05:03)
1-19 [UI图标设计案例视频教程] 闹钟图标设计2 (04:39)
1-20 [UI图标设计案例视频教程] 复古面板设计1 (07:29)
1-21 [UI图标设计案例视频教程] 复古面板设计2 (06:24)
1-22 [UI图标设计案例视频教程] 复古面板设计3 (08:10)
1-23 [UI图标设计案例视频教程] 复古面板设计4 (08:45)
1-24 [UI图标设计案例视频教程] 复古面板设计5 (04:24)