网页按钮图标设计制作规则_网站网页按钮设计方法

2021-12-01 06:29:13

阅读 12686次标签：网页设计素材 asp动态网页设计作者： anyi

图标在网页设计中用途广泛，几乎每个网站中都存在着图标。通过这些小小的图标，可以方便的实现视觉引导和功能划分。如果选用恰当，图标能和页面中的图片有机融合，保持视觉上的一致性，同时也能够和整个网站的风格相契合。一般来说，根据使用手法、使用场合的不同，一张图像可以有多种解读，图标亦如此。图标不但能够吸引用户的注意力，还能分割页面中的区域，最为重要的事，图标能够提供一种视觉隐喻，能赋予物体某种含义，这样用户扫一眼便能知晓功能，因此，图标是一种提高用户体验的工具。

网页按钮图标设计制作规则_网站网页按钮设计方法

尽管与网页上吸引游客目光的精彩内容相比，按钮是如此的不显眼，但在网页设计中，按钮图标设计却又有着不可替代的作用。按钮图标设计也不是随意而行，而是要遵循一定的设计规范。随一品我ie看我小编一起看看按钮图标设计、按钮设计规则。
1、如果多个命令按钮与同一个控件存在互操作时，在其他控件右侧纵向排列并顶端对齐，或在控件下方横向排列并左对齐。
2、在每个窗口中保持网页按钮宽度相等。如果这么做不切实际的话，应当将有文本标签的命令按钮不同宽度的数量限制为两种。
3、避免在命令按钮上同时使用文本标签和图形。同时使用文本和图标往往会增加不必要的视觉混乱，且无法帮助用户更好地理解。仅当图形用于增进理解的时候才考虑同时使用文本和图形，例如当用于命令的是标准符号或它能够帮助用户形象地了解该命令的结果等等。否则，首先考虑文本，或者单独使用图形。
4、对于有文本标签的命令按钮来说，应当使用最小按钮宽度和标准按钮高度。
5、当命令按钮附属于其他控件时，应当使用上述位置，并在上级控件被选中之前禁用附属的命令按钮。
6、如果同样的命令按钮出现在多个窗口中，试着使用相同的标签文本、访问键及窗口位置。
7、如果单击命令按钮不会立即产生结果的话，应当显示忙碌鼠标指针。如果没有反馈，用户可能会认为没有单击并会再次单击。
8、不要使用过窄、过短或过高的带有文本标签的命令按钮，因为其看起来显得不专业。尽量使用默认的宽度和高度。
9、当其他控件和一个命令按钮存在互操作时，如带有“浏览”按钮的文本框，应当将该命令按钮以下列三种方式中的一种进行摆放以表示它们之间的关系位于其他控件下侧，左对齐。位于其他控件右侧，顶端对齐。在互操作的控件之间垂直居中。
网页设计发展迅猛，图标设计同样进步飞快。曾经无法用网页按钮图标传达的概念，现今已经可以通过技巧来实现传达，图标成为了网页设计师的重要工具。立足基本，多进行实践与创新，相信你的设计会越来越充满艺术感，越来越易于理解。

一品威客网汇聚了数百万专业的LOGO设计、VI设计、商标设计、按钮图标设计、字体设计等优秀威客人才，只要您在网站发布任务需求，就能够吸引众多威客给您献上最好的创意服务。