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

UI界面设计USER INTERFACE第一部分 网页界面设计10网页图标-2WEB DESIGN 网页设计基础4. 标志与形象栏画画1. 创意7. 网页图标5. 色彩3. 网页版式2. 视觉流程清晰6. 文字1. 创意2. 视觉流程3. 网页版式网页设计基础4. 标志与形象栏5. 色彩6. 文字7. 网页图标如何画图标PS中绘制图标的简单规范1PS中绘制图标的简单规范2PS中绘制图标的简单规范3如何在AI建立参考线来复用在画布中用描边0.25pt来画好参考线，然后选中参考线，右键-建立参考线。参考线的建立画一个44×44的正方形，颜色调为灰色，描边选择0.25pt（在此补充一个知识点，72ppi下的1pt是等于1px的，具体请自行百度），然后然后画一个42×42的正方形居于其中。这个42×42的界线为安全界线，图标不要画超过这个界线，避免在切图的时候贴边切，导致图标出现不自然的边界。上图详细展示画参考线的步骤。AI中建立参考线复用步骤（1）参考线的建立步骤（2）参考线的建立步骤（3）参考线的建立步骤（4）如何各种形状的图标如何在参考线中统一参考线是为了限定图标的大小，从而达到整体的美观与规范。TIPS：a.提炼物体形状后，在不影响辨识度情况下，可以适当改变一下形状，把高的或者扁的物品，画成比较饱满的样子；b.当物体形状不适合画得饱满时，可以尽量上下或者左右撑满，然后旋转45度，