脑课堂编程教育

如何设计优秀的网站ICON图标

开发无忧 2年前
84 0 0
脑课堂编程培训

  图标设计,即icon设计在界面设计中占有很重要的位置,决定一个界面风格的重要构成元素。一个好的图标,可以让用户“一秒即懂”,如何设计出优秀的图标?

  图标的类型多种多样,总共分为三大类:工具图标,装饰图标,启动图标。其中风格多种多样。主要风格有大体有这些:

  工具图标:线性风格、面性风格、混合风格

  装饰图标:扁平风格、拟物风格、2.5D风格、炫彩渐变风格、实物贴图风格

  启动图标:文字形式、图形形式、图标形式、插画形式、拟物形式

  优秀的图标都有哪些特点?

  01.易识别

  图标必须第一时间传达最重要的信息。当图标不能够立刻表达出所代表含义时,它就会变成一种“视觉噪音”,失去了图标存在的意义。优秀的图标即不用阅读标签或文字提示,就可以被认知理解。

  02.视觉舒适

  可以通过插画、颜色以及图标传达品牌个性。如果做得好,图标肯定可以增强设计的美感。限制颜色使用数量,使用不超过3或4种颜色,保持设计简洁。通过聚焦于对象的基本特征,来减少图形设计细节的数量。尽量保持设计的概要性,因为设计概要性的在不同的界面和分辨率都可以进行转换。

file

  03.合适尺寸

  图标应该很好地作为用户的目标点。参考:目标在屏幕中点击范围为7-10mm。并且,请确保在目标对象之间添加填充,以防止不准确的点击。

  04.一致性

  当使用相似的元素且具有一致的外观和功能时,可以让可用性和可学习性都得到提升改善。

  a.内部一致性

  图标设计应该保持视觉统一,你决定用于你的产品的图标,应该保持统一样式。理想情况下,它们看起来应该是一位设计师设计的。以下是你需要遵循的关于创造统一性的几条原则:
  1.使用相同颜色或者颜色组合在你的图标上;
  2.使用相同的形状和其他样式属性(例如边框的大小)。

  file

  b.与平台保持一致

  确保你的目标风格与平台一致,它们会让用户更容易去理解。

file

  c.与整个产品风格保持一致

  如果你拥有整个产品系列,确保一致的图标风格(或至少类似)应用在你所有的产品中。

收藏

本文标题:如何设计优秀的网站ICON图标

本文链接:https://naoketang.com/p/dlr73246qpog

评论区

推荐课程