大连宣传册设计公司 186-0984-0880

原来外国VI大神都是这样设计图标(icon)的,一看就懂

发布者:admin 时间:09-10

  图标设计是UI设计中至关重要的环节,因为除了文字和图片的排版,平面时代传达给客户情感和设计感的渠道是页面上的各种图形和图标。UI除了文本之外,设计中不可缺少的视觉元素似乎只占设计中的一个小区域,但它是测试设计师基本技能的重要标准。了解与图标相关的概念和正确的绘制方法是入门级的UI设计的必要条件。

  本文试图系统地介绍图标,当然,只有一篇文章不可能考虑所有的知识点。内容相对基本,主要基于设计概念和设计理念,组织和分类图标相关内容,方便朋友建立图标概念体系。在这个过程中,还有几种典型的图标结构,为了更好地设计图标,我们需要经常练习,但也深入思考,我希望我的安排能给你带来帮助。

  又称图标icon或Picoto,它是计算机世界对现实世界的隐喻和归纳,代表了软件产品中的功能和操作。它的本质是一个符号,它选择了对世界的隐喻来代表功能、意义、用途等。图标作为一种国际实用的语言,在生活中随处可见,如收款台图标、出口图标、浴室图标等,以及日常手机中使用的图标App图标,如微信、电话、短信等。的确,图标的方式有很多种,可以应用到很多场景中,而且表达方式非常丰富,如有线、有面、拟物等。

  从扁平风格到现在,图标慢慢开始向微扁平轻拟物的方向发展。与拟物风格相比,不会有太多复杂的视觉元素,与扁平风格相比,会有更丰富的情感内容。因此,在界面中,我们较小的区域使用平面图标或线性图标;在较大的区域,我们将使用添加渐变甚至轻纹理的图标。

  线性图标是由直线、曲线、点等元素组成的图标风格,通过线条塑造轮廓。线性图标具有识别度高、清晰、识别简单、识别方便等优点,线性图标不会对页面造成太多的视觉干扰。缺点是:线性图标创建空间小,线性图标过于复杂,难以识别。

  表面图标是通过表面塑造图标,采用剪影设计,通过线条或表面切割基本轮廓,通过分析塑造图标的体积感。不同的切割技术导致了表面图标设计感的差异。

  面部图标具有表达能力强、细节丰富、情感强、视觉突出、创作空间大等优点。面部图标允许用户快速定位图标位置,并预测点击后的状态。但面部图标不能出现在页面中,否则会导致页面臃肿,主次难以区分,客户视觉疲劳。

  中文是我们的母语,每个汉字都令人难忘,文字也是直接的信息,不容易被曲解,所以许多国内商品会使用文字作为他们自己的产品图标。中文设计方法是字体设计,提取应用名称中的一个或多个汉字,设计变形。变形后的字体图形具有产品属性的外观特征。常见的中文图标分为几种类型:单词、多字和字加图形。英语设计类似于中文设计的设计方法。一般来说,提取应用名称的先进个字母,整合产品的功能卖点或行业属性进行创意加工,新的字母图形仍然保持自己的识别。一般来说,提取英文先进个字母进行设计,因为英文字母本身的结构很简单,稍有变化就很容易实现具有识别感的商品图标。需要注意的是,英文字母很少,很容易创造性相似,很难形成多样化。

  线性设计模式分为两种设计模式,使图标在深色背板上反白,背景可以是单色或渐变色;让图标在浅色背板上填充颜色,图标可以是单色、渐变色或其他视觉效果。纤细的线框图形传达出简洁轻盈的气质,适合文学艺术和清新的应用。只有在界面设计中保持这种干净活泼的风格,才能与应用图标设计表一致。