AIGC辅助图标设计面向人工智能的UI界面设计81课件讲解.pptxVIP

面向人工智能的UI界面设计UIDesignforArtificialIntelligenceAIGC辅助图标设计主讲人：聂佳龙

AI-orientedUIDesign面向人工智能的UI界面设计

AIGC辅助图标设计

学习目标知识目标明确线性图标设计核心需求要素，掌握AIGC生成初稿与PS精修的关键技术规范；能力目标能熟练运用即梦AI生成符合要求的图标初稿，借助Photoshop完成精修、尺寸适配与格式导出；素质目标培养注重细节的设计习惯，确保图标在功能性与美观性上达到平衡，契合校园APP青春简洁的定位。

功能定位是校园APP“消息中心”入口，用户点击可查看作业提醒、社团通知等各类通知；技术参数方面，移动端导航栏尺寸32×32px，背景透明，需导出PDF+PNG两种格式，主色采用校园APP主色#4A90E2；核心需求1风格要求为线性风格，线条粗细2px、圆角2px，整体简洁青春；

核心需求形态上以“信封”为主体，右侧添加2条短线代表未读消息，无多余装饰。明确需求后，我们将分两大环节完成制作：AIGC生成静态初稿与Photoshop精修优化。核心需求PDF格式供开发使用，32×32px透明背景PNG格式供设计稿使用。同时需整理精修过程截图，便于团队追溯设计流程。

效果验收需满足三个标准一是风格一致，符合线性风格，线条无粗细不均，圆角统一2px；图标的主要设计规范二是识别准确，用户能瞬间识别为消息功能，无歧义；三是技术达标，PNG格式在32×32px下清晰，文件大小≤10KB。

学习了线性风格消息图标的制作流程。AIGC生成初稿，到Photoshop精修、导出交付。紧扣设计规范与实际应用场景。掌握AIGC工具与设计软件的配合使用。打造既符合规范又兼具美感的UI图标。课堂小结