020-29815005
预约专线时间:09:00-23:59

怎么样才能提升图标的高级感

新闻来源:优漫教育 日期:2021-09-27
图示设计是设计师的一项基本技能,一个小图标似乎很简单,但其实隐藏了很多门道和细节。在这篇文章中,我们将与你分享三个改善图标高级感的技巧。假如你的图标总是设计得很普通,缺乏亮点,那么这篇文章可以给你一些设计灵感。
  叠层技术。

  正如名字所示的图标之间存在纵向和纵向的关系,通过这样的处理,可以使图标层次丰富,增加设计细节,打破单调的平面图标。一般都是设计好之后直接绘制出图标,这样就完事了,没有再往前走。因此图标看起来单调乏味,平淡无奇,还缺少一点高级感。但当界面上的图标为弱透明度处理细节时,其效果则完全不同。一般而言在面形上使用图标效果会更好,或线条粗犷的图标。在这里要注意,通常是在图标的连接处做一层叠放,从A到B的线性渐变。以下是下一例:


UI设计培训



  图解图标。

  这个比较好用,把图标进行了抽象处理,变成了图形化的方法。普遍应用于卡片设计上占主导地位。再以图解的方式将图标重新呈现出来,既能表达当下的含义,又能提升设计的细节和质感。自然也有类似的想法,可以把图标进行放大,并对背景进行颜色分割处理、前景放置图标和文字文字等等。把前两种思路综合运用,图形背景和层叠图标,这样,图标的高级感觉就会大大增强。当然这里的图形希望大家不会乱用,尽量利用图标的图形来发展。以下是范例案例:


  单色弱渐变透明图标。

  对图标进行了弱渐变透明处理,思路与第一步相似。但该方法图标具有更多的整体透明性。这款图标更具新意,层次也很丰富。怎样使用这个图标?或师是一个例子,在运用这种技巧时,必须要注意不识别度问题。就像下面左边的图片一样,图标和背景几乎融合在一起,无法分辨出主体元素。右边的处理恰到好处,可以识别图标的含义。因此加工时一定要注意透明度的关系,当然也和卡片的背景色有关。

  对于改善图标高级感的设计技巧,大家可以多看几遍,设计思路更简单直接。当然最重要的是灵活运用,还可以把三种思想融为一体来设计图标。这篇文章只是一个小插曲,这些图标处理技巧,并非全部适用。每个人还是要根据自己的产品特点,找出突破口进行设计。