网页按钮图标设计要求，网页按钮图标设计标准

　　在网页设计刚刚兴起的时代，小图标就已经被早期的网页设计师和开发者投入使用了。这些图案和标识通常是常见的、易于接受的、功能型的图形，在随后的20多年间，这些图标逐渐发展成约定俗成的一套图形语言。下面网我告诉您网页按钮图标设计要求，网页按钮图标设计标准。

　　一、导航链接

　　在过去，网页上的图标常常用作内容导航，也就是说，图标的内容和含义，同图标所指向的页面内容/性质高度相关或者一致。今天，Facebook上的导航也遵循着同样的原则。

　　虽然你不会一直遵循这样的设计方式，但是有必要且值得了解它。下拉菜单链接通常非常实用，因为用户会主动去了解每一个菜单的名称。但是如果在横向或者纵向上有十几个导航链接的话，通过图标来识别是比较可靠的方案。

　　二、视觉内容识别

　　在网页设计中使用业内图标最主要的原因是用来区分内容。图标可以从视觉上更清晰地传达信息，能够平衡包含大量文本的布局，所以，如何通过一个简单的图标来准确传达信息是设计师的必修课。

　　我最喜欢的案例就是GitHub的教学页面。页头使用Github的吉祥物和粉笔黑板营造出教育的氛围，当你向下滚动的时候，每个板块都有单独对应的图标，为你说明这以块是干啥的。

　　值得注意的是，每个图标都使用的是手绘的效果，虽然色彩不同，但是整体风格高度一致，明显是统一设计的一整套图标。更重要的是，每一个图标都明确直观地描述了它所在区块的内容。文字内容足以描述清楚细节，但是图标能高度概括地阐明信息。

　　你可以在 Glazed & Infused 的首页看到类似的设计效果。文字小区块详细地描述了他们的服务、咖啡和礼品卡的信息，而顶部的手绘图标则从视觉上阐明了内容的性质，更重要的是，这三个图标迅速地抓住了用户的眼球。

　　三、矢量背景

　　从重复平铺背景到矢量对象，你可以用矢量图形做很多事情。对网站背景的处理方式，已经远不止于平铺纹理那么单一了。通过矢量图形来创建覆盖整个背景的场景已经很容易了。

　　矢量图形可以很轻松地缩放，但是很难创造出逼真的效果。想制作出复杂样式的矢量图形并不容易，你需要通过大量的练习来熟悉在图形上构建图形的技巧，不过一旦学会还是蛮有趣的。在这里我们推荐一个好用的工具：Bota Iusti。