首页 > 资讯 > 最新资讯 > 正文

长沙麓言科技UI设计班 :UI设计中图标要改大小,是缩放还是重画好?

文章来源: 作者:
字体:
发布时间:2022-03-21 14:21:10

 长沙麓言科技:一个好的图标往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种图标的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的图标会有多重要。KKK大手笔网—中国第一文化门户网站

 
图标是一种抽象的、跨语言的符号,是UI设计中最不可或缺的视觉元素,在设计中看似只占一个很小的区域,但是它却是考验设计师基本功的重要标准。掌握图标正确绘制的方法,是入门UI设计的必备条件。
 
但是很多设计师在绘制图标的过程中,都会遇到一个特别纠结的问题,那就是当同样外观的一个图标需要不同大小尺寸的时候,该选择缩放还是重画。
 
先来说一下我这里为什么说是缩放而不是放大缩小,因为在Sketch中,相同的图标如果我们选择按住shift同比例直接放大缩小的话,图标的描边粗细是不会发生变化的,所以放大之后就会很奇怪,会感觉描边非常细,相反,如果我们选择缩放去调整尺寸大小,描边的粗细也会随大小发生变化,这样子看上去图标的风格是统一的,不影响图标的美观。
 
但是选择缩放的话又会出现一个问题——担心像素对不齐,会出现虚边。这个问题我们可以从两个方面去看,首先第一个方面就是图标本质上就是在无穷的变化,每个图标的外观都不一样,并不是每个图标我们都能够控制好完美契合像素的,像下方两个图标,左边的我们很容易去做到对齐,但是右边的我们就做不到完美的像素对齐,所以有些图标出现虚边是没办法避免的。第二个方面就是你担心的虚边在现在的一些显示器上是看不出来的,先说下移动端,现在的手机分辨率都比较高,已经超出了人眼可识别的范围,所以就算是有虚边也看不出来。Web端的话就更容易理解了,现在的网页图标是可以用svg去实现的,不管屏幕分辨率是多少,svg基本上是不会发虚的。
 
说到这可能会有同学疑惑了,这是让我们遇到图标需要不同大小时直接去缩放吗?当然不是,如果时间充裕的话,重新画肯定是最好的,当时间不够的话,可以选择去进行缩放。但是无论是缩放还是重新画,这两个方法都是可以的,重点还是看时间。

编辑:DEF168BBB大手笔网—中国第一文化门户网站