UI图标设计基础课 | 完结

这门课解决什么问题

这门课解决的是开发者在实际项目中缺乏系统化图标设计方法论的问题。很多开发者面对空白画布无从下手，或者做出来的图标风格混乱、比例失调，难以产出符合设计规范的资产。课程从网格系统、形状构成到视觉规范，提供了一套可直接落地的工程化思路，让你能独立完成一套统一风格的图标库。

适合什么基础

适合具备一定前端或图形学基础、熟悉矢量绘图工具（如Figma或Sketch）的开发者。不需要美术功底，但需要理解像素、分辨率和矢量缩放的工程逻辑，这样才能把设计思路转化为可落地的规范与组件，而非停留在理论认知。

建议先看哪几块

建议按学习顺序依次看“网格系统与坐标基准”和“几何形状的视觉构成”这两块。前者决定了图标的结构严谨性，后者是图标风格的基石。跳过这些直接看具体图标绘制，容易陷入比例失调的困境。后续模块按从基础形状到复杂图标的递进逻辑展开，适合边学边练。

学完能独立做什么

学完后能独立完成一套统一风格的图标库设计。不仅能绘制具体图标，还能建立团队级的图标设计规范，并利用工具将规范转化为可复用的组件，提升前后端协作效率。同时，对图标在不同屏幕密度下的表现有更清晰的把控，减少因设计不一致导致的返工。

资料怎么配合练习

资料包配合练习效果最佳。建议边学理论边动手，每学完一个模块的规范，立刻在画布上临摹或原创一组图标。重点关注绘制过程中的网格对齐和路径修剪，将设计规范内化为肌肉记忆，而非停留在理论认知上。资料中的示例项目可作为对照基准，逐项拆解修改，逐步建立自己的图标设计直觉。