网页设计图标使用指南[译]（2）
作者：maxdison 来源：maxdison兜 发布时间：2009-03-11 21:13:00
标签：网页,设计,指南,图标
另外在Pixelmator 的作品中也有一个很好的例子。这些按钮采用图标和文字。另外，这些按钮激活时的效果也很棒。当用户移过这些按钮时，这些图标会由无色变成彩色的。这体现了相当好的可用性。
支持和提示信息---图标代替了文字。使用图标能代替了写出来的麻烦，使用图标也能支持文字和信息。图标成为了支持文字注释一种非常好的方法。并且成为优秀网站一种魅力。
应用在标题和页眉上---图标的使用引起用户的注意，这是一个重要的原理，图标也是很普遍地应用在标题和页眉上。很直观地把用户的眼球带到文字的开头。
以下是一个图标应用在文字开头的好例子。
最优方法：
尽可能地做高质量的图标---随着可用性的发展，质量是一个网页设计重要的特性之一。
质量带来了细节---包括精彩的细节就如阴影、反射和发光。这些小细节大有帮助，特别在制作图标立体感和整体感时候。
保持图标外形简洁流畅---做图标时不宜做得过于复杂。这是当然的。我说细节是好，不过要懂得去权衡“细节”和“复杂”之间的关系。基本形状和元素的外轮廓尽量精练，做出容易识别的图标而不是由上至下都包裹着细节。
我现在提及一下我制作图标的过程，用简单的外形来做图标，是图标设计的关键。开始制作的时候配合外轮廓，接着润色，最后用光影来做出写实立体的图标。
瞟一眼下面的图标，你会发觉这些都是一些基本的简单的外形，但有一些效果后增添了它的立体感。
透视---透视完全依靠工作平台和网站本身的图标类型。首先，在网页设计里，其实非常容易控制透视的一致，透视把这些图标统一在同一个空间里，看起来是放在一起的。
0
投稿猜你喜欢
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式，可替换XML成
- 本文实例为大家分享了python发送邮件的具体代码，供大家参考，具体内容如下#!/usr/bin/env python # -*- codi
原始数据和目标数据实现SQL语句(最大)selectshop,month,greatest(dz,fz,sp) as maxfromtabl- 今日给大家分享一个Python读取Excel表格，同时采用表格中的数值画图柱状图和折线图，这里只需要几行代码便可以实。首先我们需要安装一个E
- mysql安装启动两种方法如下所示：方法一（简单版）：1.cmd进入mysql安装的bin目录：mysqld.exe –install2.n
- 1. ref在Vue3中，ref成为了一个全家桶，除了用于创建响应式数据之外，还可以用于引用DOM元素、组件实例和其他对象。以下是ref的具
- 代码如下：<％ myDSN="DSN=xur;uid=xur;pwd=xur"mySQL="s
- 首先使用tf.where()将满足条件的数值索引取出来，在numpy中，可以直接用矩阵引用索引将满足条件的数值取出来，但是在tensorfl
- 群里有人提出这么一个需求：每天都会传过来一份 Word 文档，里面有多个 Excel 附件，需要把 Excel 内容读取出来。第一反应是使用
- 最近使用vscode进行前端编程，遇到一些问题网上说明的不是很明显，故记录一下 1.开vscode使用CTRL+`或者点击查看到集成终端打开
- 今天发现一个很好用二维数组排序的php方法，usort，推荐给大家，以后二维数组里面，要按照一个字段的值排序用这个方法简单高效，例如下面的数
- 变量作用域变量由作用范围限制分类：按照作用域分类全局(global)：在函数外部定义局部(local)：在函数内部定义变量的作用范围全局变量
- 随着 CSS3 渐入人心，Web 字体逐渐成为话题，这种即将让未来的 Web 更加丰富多彩的技术（或者说标准）拥有多种可能，虽然 .webf
- 前言大家做自动化登录时可能都遇到过滑块验证码需要手动验证的问题，这次我们就来解决他如下： 在我们做自动化登录时，总会遇到各种奇奇怪怪的验证
- 本文实例讲述了Python3实现的回文数判断及罗马数字转整数算法。分享给大家供大家参考，具体如下：回文数判断一个整数是否是回文数。回文数是指
- 自己试过很好用function zero_fill_hex(num, digits) { var s = num.toString(16);
- 在最近的一次调试中，出现如下错误~·错误类型：ADODB.Recordset (0x800A0E7D)连接无法用于执行此操作。在此上下文中它
- 经常看到有人在网上询问关于imread()函数读取图片失败的问题。今天心血来潮，经过实验，总结出imread()调用的四种正确姿势。通常我要
- <％@ Page Language="C#" ％><!DOCTYPE html PUBLIC &quo
- 效果图：代码如下：<!DOCTYPE html><html lang="en"><head
