当前位置: 网站建设 > 网页设计 > 建站经验 >

如何正确使用网页设计中的一些图标

时间:2013-03-02 04:00来源:未知 作者:admin 点击:

标签:如何正确使用网页设计中的一些图标 矢量(3)如何(201)格局(1)图标(4)中的(55)网页设计(881)-(1)正确(7)使用(77)一些(40)
矢量格局---我可能断定你到处都见过的,矢量格式可以让图标放大缩小,这是很重要的,特殊对于网页设计,由于良多时候你会想这图标在网站里太小了。 对于设计师的你,矢量格式长短常便利,很多时候,当你筹备做一个图标,你不想把它固定在一个尺寸里,如果你使用矢量格式,你可以为所欲为地转变图标大小,而且放大后不会失真,再也不必担忧要重制图标。 描边---如果你的图标所处在一个浅色的背景,用黑色描边,这种做法使图标显得额定风行。展示以下是一些精彩的图标应用的例子。 展现:以下是一些杰出的图标利用的例子。 最优方法: 尽可
如何正确使用网页设计中的一些图标》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340612013.htm


矢量格局---我可能断定你到处都见过的,矢量格式可以让图标放大缩小,这是很重要的,特殊对于网页设计,由于良多时候你会想这图标在网站里太小了。

对于设计师的你,矢量格式长短常便利,很多时候,当你筹备做一个图标,你不想把它固定在一个尺寸里,如果你使用矢量格式,你可以为所欲为地转变图标大小,而且放大后不会失真,再也不必担忧要重制图标。

描边---如果你的图标所处在一个浅色的背景,用黑色描边,这种做法使图标显得额定风行。展示以下是一些精彩的图标应用的例子。

展现:以下是一些杰出的图标利用的例子。



最优方法:

尽可能地做高品质的图标---跟着可用性的发展,质量是一个网页设计主要的特征之一。

质量带来了细节---包含出色的细节就如暗影、反射和发光。这些小细节大有辅助,特别在制作图标立体感和整体感时候。

保持图标形状简洁流利---做图标时不宜做得过于复杂。这是当然的。我说细节是好,不外要理解去衡量“细节”和“复杂”之间的关联。基础外形和元素的外轮廓尽量精练,做出容易辨认的图标而不是由上至下都包裹着细节。

我当初提及一下我制造图标的进程,用简单的形状来做图标,是图标设计的症结。开端制作的时候配合外轮廓,接着润饰,最后用光影来做出写实破体的图标。

瞟一眼下面的图标,你会察觉这些都是一些根本的简单的形状,但有一些效果后增加了它的立体感。



支持和提醒信息---图标代替了文字。使用图标能代替了写出来的麻烦,使用图标也能支持文字和信息。图标成为了支撑文字解释一种非常好的方式。并且成为优良网站一种魅力。

应用在题目和页眉上---图标的使用引起用户的留神,这是一个重要的原理,图标也是很广泛地运用在标题和页眉上。很直观地把用户的眼球带到文字的开头。

以下是一个图标应用在文字开头的好例子。




































Tag:正确   使用   网页设计   正确   使用   网页设计   --> [网站建设之]如何准确使用网页设计中的一些图标

设计是个粗活,设计要充分斟酌到用户的心理,只有将懂得了客户的心理,才干让人所接收,如何检查调试CSS布局代码,以下先容的是一个用图标描写的最优方法。当使用图标时,图标的描述包括了一系列的隐喻。这也是在网站导航普遍使用图标和一系列图标组的起因。

隐喻:

图标是文字的隐喻,也让人很好地知道隐喻,对可用性来说,在网站之间有效地进行交换是至关重要的,图标应该是取代文字,最能充足传递信息。用户须要疾速地晓得图标所表白信息。

使用大家认知的元素和简单的隐喻---用户应该会快捷地知道图标所表达信息。作图标时,用一些独特的元素是很重要的,就似乎一个房子(表达“家”)。以下是一些例子:

气泡——评论
信封—&mdash,如何查找页面中的CSS bug;E-mail和接洽
箭头和硬盘——下载
问号——帮助和常看法答问题
文件夹——文件
号角——论坛
两个围绕的箭头——更新
显示器—&mdash,如何构架一个大型网站;视频
放大镜——搜寻
字母表——按字母排列
锁——保险
星号&mdash,如何有效编写软件的75条建议;—重要标志
鼠标——表现链接还有很多很多。。。

图标附加标签---如果图标还不能明白地抒发意思,加上一个小小的标签是异常不错的抉择。对于用户来说,文字很明白表达它的意思,所以可以进步图标的可用性。个别来说,尽量只用多少个字来做图标的标签,还有文字用一行,如何有效创建个性化404错误页面。用能够易明的文字和简洁的色彩。

Pixelmator 在它们的赞助导航栏里,很出色地做到这一点了。



当应用图标时:

作为一个按钮---图标的功能很相似按钮。用艳丽颜色的元素来代替文字。许多设计都是采用这种方法,而且还可以用很多种其余办法实现。

在按钮上附加文字---按钮上采用图标和文字,这也是一个不错的取舍。这样更可以吸引用户的眼球。

另外在Pixelmator 的作品中也有一个很好的例子。这些按钮采取图标和文字。另外,这些按钮激活时的效果也很棒。当用户移过这些按钮时,这些图标会由无色变成彩色的。这体现了相称好的可用性。



透视---透视完整依附工作平台跟网站自身的图标类型。首先,在网页设计里,实在十分轻易把持透视的一致,透视把这些图标同一在统一个空间里,看起来是放在一起的。

绝大多数情形下,你会想用简略直接的透视角度。不会太过于倾斜。假如你想有倾斜的后果,通常会用垂直倾斜,向上或者向下。留心一下图标的边沿是否会太庞杂,简练而有力才是要害呢。

网站里的元素,应坚持光源的统一---统一和谐是可用性里重要的一项。这同样可以应用在设计图标上,所有的图标应该保持光影的一致,也要保障在网站里同样调和。

强而有力地一字排开---整洁地一字排开,使图标看起来更加宽松,更加清楚。

图标所传递的网站风格和标志---显然地,一致是无比重要的,一个网页设计里多处协协调响应就是作风。在全部网站里应该贯串一个风格。标记的风格(也就是写实、明丽、晶莹)应当和网站的图标一样。

惹人注意的颜色---简洁的颜色是一个设计方向,但你的目的是让它们更容易被人注意到。图标中一个重要功效是让一个元素引起用户的注意。因而,你应该用背眼的颜色来吸援用户,同样地,用色方面都应该注意和背风景拉开对照和应用比较色。

这些大图标是颜色鲜艳,在玄色的背景上显得特别难看,这确定能吸引住用户的眼球的。


(责任编辑:网站建设)
如何正确使用网页设计中的一些图标相关文章
上一篇:如何检查调试CSS布局代码 下一篇:如何正确的评估一个网站的价值
回到顶部