# 【吴刚大讲堂】UI天气图标及控件设计标准教程 导读

在移动端UI设计中,天气模块是高频出现、极具代表性的设计场景。它不仅考验设计师对图形的把控能力,更考验对材质、光影、动态变化的综合理解。这套课程由吴刚老师主讲,系统讲解天气图标与控件的设计规范,从基础概念到高级材质,层层递进,帮助你建立完整的设计方法论。

你将学到什么

**第一部分:建立系统设计思维**

课程开篇从天气图标与控件的关系讲起,帮助学员理解为什么天气图标不能孤立设计,而必须纳入控件体系统一规划。你会学到如何针对不同产品风格制定图标套系,确保视觉语言的连贯性与可扩展性。

**第二部分:掌握风格化图标的标准化方法**

第二节课深入讲解成套系风格化Icon的设计流程,包含参考线的绘制技巧。这部分强调"设计有法可依",通过标准化参考线约束图形比例、间距与视觉重心,让每一份设计都有据可循,便于团队协作与后期迭代。

**第三部分:精通拟物风格的实战技法**

第三、四节是课程的核心实操部分。你将跟随吴刚老师一步步完成太阳Icon的拟物效果制作,学会高光、渐变、立体感的叠加逻辑。随后,课程进一步拓展到云、雨、雪等元素的批量化实现——这是很多设计师在实际工作中的痛点,本节课提供了高效处理同类图标的系统性方法。

**第四部分:掌握材质控件的制作技巧**

第五节聚焦拟物毛玻璃材质的控件制作。毛玻璃效果在iOS系统中应用广泛,但其制作复杂度较高。课程详细拆解半透明材质的参数设置与视觉平衡技巧,帮助你在追求质感的同时兼顾界面清晰度。

**第五部分:提升整体协调性把控能力**

最后一节课讲解时钟控件的制作与整体画面统一性调整。这部分回归到设计全局观,教你如何在完成单元素设计后,进行跨控件的视觉校准,确保整套天气模块在大小、色彩、风格上高度协调。

适合谁学

本课程适合有一定UI基础的设计师,以及对天气图标设计感兴趣的中级学习者。无论你想精进拟物风格技法,还是希望建立控件设计的方法论体系,本套课程都能提供系统化的指导。

课程目录

课程目录6 集
  • 1 01-天气图标与控件的关系及不同风格图标的套系化设计方法 (08:04).mp4
  • 2 02-成套系风格化icon的设计方法分析及参考线绘制 (11:04).mp4
  • 3 03-太阳icon的拟物效果实现 (13:33).mp4
  • 4 04-云、雨、雪拟物效果的批量化实现方法 (19:54).mp4
  • 5 05-拟物毛玻璃材质控件制作方法 (15:50).mp4
  • 6 06-时钟制作方法及控件的画面统一性调整 (08:36).mp4