重大社2023高职高专《ui界面设计》教学课件1-2图标设计.pptxVIP

UI界面设计 USER INTERFACE 第一部分 网页界面设计 10 网页设计基础 1. 创意 2. 视觉流程清晰 3. 网页版式 4. 标志与形象栏 5. 色彩 6. 文字 7. 网页图标 画画 网页设计基础 1. 创意 2. 视觉流程 3. 网页版式 4. 标志与形象栏 5. 色彩 6. 文字 7. 网页图标 常用的画图标软件有三个：AI、PS、sketch。 AI的好处是矢量，网格比较规范，容易处理图标的线面转换，其中直角一键转圆角功能非常好用，缺点就是调色非常的难用，只能处理普通色块，复杂的色彩会耗费很多时间。 PS的好处是调色功能强大，形状剪切中规中矩，缺点是做线性图标的时候需要用布尔运算，描边功能操作起来没有AI方便。 Sketch的好处是矢量，调色十分智能，并且现在做界面多数用sketch，应用起来十分便捷，缺点是它的造型没有AI和PS严谨，一些转角的位置不够流畅，小图的时候不易察觉，放大后就能看到不流畅的线条。 我可以三者结合来画图标：首先用AI构造基本的形状。如果是要发作品做展示，就拉到ps里面进行调色和展示；如果是放在界面中使用，就拉到sketch调色使用。 参数设置与参考线的绘制 步骤（1） 参数设置与参考线的绘制 步骤（2） 参数设置与参考线的绘制 步骤（3） 图标的分类 图标可以归纳为：线性图标、面性图标、线面结合图标。 至于mbe风格、断线风格、色