服务热线:

021-51085186

021-51085186
2016-12-13

关于网页图标你了解多少?

您现在的位置:首页 » 文章中心 » 常见问题

      一个网页是否精美,细节是否完善,从网页图标就能体现出来。图标是文字的隐喻,在网站制作网页之间有效地进行交流是至关重要的,图标能充分传送信息。通过这些小小的图标,可以方便的实现视觉引导和功能划分。那么关于网页图标,你了解多少?

      1、无论是普通网页,还是手机网站,或者是APP,都离不开各种各样的图标。图标是优秀网页设计中必不可缺少的一个最重要的细节,通常一个小小的图标就能体现出网页设计质量高低。当我们设计图标时,需要设计图标外观精致,而且意味深刻才行,这样才能有很高的辨识度。

     2、图标通常是有两种类型:象形图标及表意图标。所谓象形图标,字面意思就能领会,就是图标与想表达的意思相似,例如飞机场图标就是一个飞机;搜索图标就是一个放大镜;书本图标就是一本书;拨号图标就是一个电话;……这种就是最典型的象形图标,通过相似性或对物理对象的引用来传达含义的符号,这种图标也是现在比较流行并通用的图标。还有一种图标就是表意图标,与象形图标不同,它会更加复杂,需要人的深刻理解能力;例如一个圆里包含着一条横线,意味着“否”,很多人看到象形图标第一眼还不能马上识别出来,需要动脑筋想一想才行,所以这种象形图标使用的并不多。大多数情况下,我们在设计图标时会结合象形图标会和表意图标一起使用,这样表达的意思更明确。

     3、网格,是我们设计中经常使用的辅助工具,完美的网页设计需要靠它来实现,例如设计大图时需要使用风格,而我们设计图标时也需要使用网格进行规范化设计。运用网格来设计图标,可以让一组或者一套图标保持集中及一致性,可以决定图标的间距以及对齐规则。大多数情况下,使用一些简单方便的网格会更加有助于你的图标设计。

     4、图标应该和网站整体设计相配,图标设计不仅仅是代表真实对象的图形符号。它更是一种独特的语言,其中每个图标都具有专属的意义。我们可以使用相同的风格来设计图标;还可以注意每个图标的尺寸,要注意圆形、方形、三角形的视觉平衡;还可以使用相同的元素来设计图标;或者是使用相同的配色方案也设计图标。这样设计出来的图标,其视觉风格才会与整体设计风格相似,才能与整个页面风格完美契合,提供了一种视觉上的和谐感。

     5、通常设计图标的尺寸都有一定的规则,传统的尺寸有:16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512,这些就是应用在手机、电脑、移动设备上的各种图标尺寸。当然,设计小图标是比较难的,毕竟要在那么小的尺寸上表达出含义或者功能,是相当复杂及困难的,通常建议使用64-96px最佳。确定了一个图标的尺寸后,其他一套的图标都可以按这个尺寸来设计。

     6、仔细观察不同的图标,发现图标通常有六种最常见的风格:线性图标,这种最简单,纯用线条设计出来的图标;还有填充图标,也就是在线性图标基础上填充一些颜色,让图标更丰富;还有单色图标,这种图标很常见,一套所有图标都只使用一种颜色;扁平化图标,也现在流行的图标,表意准确,适合扁平化网页;手绘风格图标,这种图标不太常见,通常运用在一些活泼性网页上;拟物化图标,这种是最复杂的图标,要求设计师技术高超,否则设计的图标超级难看。

      我们在设计图标时,需要了解图标基础知识,才能有更好的进步和提升,设计出一套外观精致、意味深刻的图标。