认识达内从这里开始

认真做教育专心促就业

太原达内ui培训点线面在图标设计中的应用方法

发布：太原达内教育官网
来源：互联网
时间：2022-03-09 08:39

点线面与角度都是ui设计师在设计作品的时候需要用到的一些设计元素，下面我们就通过案例分析来了解一下，点线面在图标设计中的应用方法。

太原达内ui培训点线面在图标设计中的应用方法

角度

大多数情况下，使用45度角或其倍数。45度角的边线在抗锯齿情况下能均匀的分布(有效的像素能够头尾对齐)，所以结果是清晰的。而且完美的45度对角线是一种人眼容易识别的视觉模式。这种可识别的模式能够构建单个图标之内和整个图标集之间的一致性。如果您的设计决定了你必须打破这个规则，尝试减半去做(22.5度，11.25度等)，或者使用15度的倍数。使用45度的对半的好处是在抗锯齿情况下仍然会均匀展示。每一种情况不同，具体问题具体分析。

曲线

不完美的曲线会降低图标水准，并且区分出专业和业余品质。虽然人眼能够感知到非常轻微的位置变化，手眼的合作却常常不能达到高精度水平。尽可能使用形状工具和参数来创建曲线，而不要手绘出形状。当你确实需要手动绘制曲线时，使用AdobeIllustrator(或其他矢量软件)中的constraintmodifierkey(Shift键)，更好的做法是，使用VectorScribe和InkScribe这种比贝塞尔曲线控制得更为精确的矢量绘图插件。

角

常见的圆角(或半径)值是2像素。在一个32×32像素的图标，2像素半径足以清楚地看到弧度，也不至于使转角过于圆润(看起来有泡泡感)，以致以改变设计的个性。您的选择取决于你想要赋予整个图标集什么样的设计个性。

像素对齐

设计小尺寸图标的时候，完美的像素对齐是非常重要的。在小尺寸下，抗锯齿功能会让图标的边缘模糊。手动将图标边缘对齐到像素网格，不仅会让直线边缘清晰，也能够使角和曲线显得更加清楚完美。

上文提到过，除了直线，45度斜度的曲线在抗锯齿情况下显示效果好。角和曲线也一样。线条越符合精确的几何定义，在抗锯齿情况下显示的越清晰。

需要注意的是，在大尺寸或者更高分辨率情况下，例如Retina屏幕，像素对齐的效果就不那么明显了。

线宽

谈到线宽，两像素是比较理想的，但有时也会用到3像素。我们需要在图标中展示视觉层次和变化，但使用太多种线宽(超过三种)会破坏整体一致性。2像素线宽的好处在于，2和4都是2的倍数，图形会有很强的扩展性。

大多数情况下，不要使用很细的线宽，特别是在字形和平面图标中。请使用光线和阴影来定义形状，除非你刻意营造一个“线型”图标。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：太原达内ui培训图标设计步骤包含哪些

下一篇：太原达内培训一个好的平面设计师都具备哪些能力 >