跟一夫学UI设计 APPUI图标设计实战案例视频教程 photoshop cs6绘制icon案例

这门课解决什么问题，适合什么基础

很多做界面还原或前端切图的人，拿到设计稿能用，但让他自己补一个缺失的应用图标、画一个运营位小配图，就卡在软件操作和形体拆解上。这门 Photoshop 应用图标实战课就是补这个缺口：不谈设计史和色彩理论，只解决怎么用位图工具把一个图标从零画出来、让它在不同屏幕分辨率下不糊、能交付给开发用。它适合两类人：一是从切图、测试、运营转岗到界面设计的零基础学习者，二是只会用现成素材拼图、缺手绘图标能力的一线人员。如果你连 Photoshop 的图层、选区、路径都弄不清，建议先花半天补软件基础再来看，否则跟着视频会频繁卡顿在找工具上。课程用的是老版本软件，但钢笔、形状图层、图层样式的逻辑至今通用，不必纠结版本号。

建议先看哪几块，资料怎么配合练习

资料包里是一批按案例切分的视频，不要从头按顺序刷。建议先看基础形体绘制那几节，也就是单眼怪系列，这几节虽然看着像卡通练习，但核心是在讲怎么用形状图层拼形体、怎么用布尔运算做加减、怎么处理圆角和投影，这是后面所有应用图标的底层动作。看完这组立刻打开软件照着画一遍，不要只看不练。接着挑高频应用图标案例做，比如电话、短信、设置按钮这几节，它们对应的是应用界面里最常出现的功能图标，画法规范、套路固定，练完能直接用到实际工作。微博、微信这类品牌图标可以放后面，因为它们更多是在练复杂形体概括和细节还原，对基础动作要求高。每个案例看完后，自己换个颜色、改个尺寸再画一遍，检验是不是真听懂了，而不是靠暂停抄参数。资料里如果带练习素材，先自己画再看源文件对比；没带素材就截视频里的完成图当参考，重点是动手量而不是看视频量。

学完能独立做什么，看完应能回答的问题

学完这门课后，你应该能独立完成一件具体的事：给一个应用界面补齐一整套功能图标，从需求理解、形体拆解、软件绘制到多尺寸导出，不再依赖现成素材包。这意味着你遇到界面缺图标、运营活动要配图、按钮要改风格时，能自己动手画出来交付。为了检验是否达标，看完后问自己几个问题：画一个电话图标，你能说清先画哪个形状、再用哪个路径操作做加减吗？同一个图标要输出到不同屏幕尺寸，你知道怎么处理基准尺寸、怎么保证缩小后不糊吗？图层样式里的投影、内发光、渐变叠加，你能分清它们各自用在什么场景、参数怎么调才不显脏吗？如果这几个问题答得磕磕绊绊，说明你只是跟着视频画了一遍，没把方法变成自己的，回去把对应案例再重画一遍，直到不看视频也能默写出来。