UI界面设计与制作课件 第二章 图标设计.pptxVIP

第2章

图标设计;掌握线性图标的基本概念、使用场景和设计要点

掌握面性图标的基本概念、使用场景和设计要点

掌握线面图标的基本概念、使用场景和设计要点;具备制作线性图标的能力

具备制作面性图标的能力

具备制作线面图标的能力

具备掌握AI生成图标的能力;培养良好的图标设计习惯

培养对图标设计的审美鉴赏能力

培养有关图标设计的创新能力

培养灵活运用AI技术优化图标创意构思、提升图标设计效率的复合能力;基本概念

使用场景

设计要点

课堂案例——制作探途旅游App线性图标;线性图标是指采用统一规格的线条进行绘制，通过简洁的轮廓直观表达图标功能与含义的图标形式。线性图标具有形象简洁、设计轻盈的特点，一般呈现干净的视觉效果。由于线性图标使用的元素简单，因此其创作空间较小，并且复杂线性图标的可识别性较差。;线性图标的使用场景非常丰富，常作为页面的功能图标用于导航栏、金刚区、列表流、分类区、局部操作区、标签栏等。;1．描边设置

（1）描边数值。进行线性图标设计时，描边的数值大小要保持一致，并尽量采用整数，如果要用小数建议以“0.5”为增量递进。如果将图标的描边数值设置为2px，则表现出纤细精致的特点；如果设置为3px，则适用于多数大众化产品场景；如果设置为4px及以上，图标线条粗实厚重，传递出稳重且富有趣味的视觉特点。;（2）对齐。当描边数值为偶数时，描边内侧对齐、描边外侧对齐、描边居中对齐3