网站优化

实惠,简单,直达,属于创业者的微官网

您的当前位置:首页 > 网站解决方案 > 网站设计

网站设计之图标设计教程

来源:    作者:    浏览:0     日期:2019-12-03
网站设计图标时,考虑的因素有:使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现,以及如何作为图标集的一部分使用
   网站设计图标时,考虑的因素有:使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现,以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时,请尽可能使其大众化。如果图标中的图像由多个对象组成,应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小,还可考虑删除某些对象或简化图像使之更容易辨认。
  图标样式特性
  (1) 色彩丰富,是对WindowsXP外观的补充。(2) 不同的角度和透视特性为图像增添了动态活力。(3) 元素的边角十分柔和,并略微有些圆滑。(4) 光源位于图标的左上角,同时有环绕光照亮图标的其它部分。(5) 渐变效果使图标具有立体感,进而使图标的外观更加丰满。(6) 投影使图标更具对比度和立体感。(7) 添加轮廓可使图像更清晰。(8) 日常对象具有更现代化的个人外观。
  图标尺寸
  Windows XP图标有四种尺寸,建议使用以下四种尺寸:
  (1) 48×48像素(2) 32×32像素(3) 24×24像素(4) 16×16像素投影
  使用投影后,WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果,本指南的后面部分将对此进行描述。若要为图像添加投影,请在 Photoshop中双击图像的图层,并选择Drop Shadow。然后将Angle更改为135,Distance更改为 2,Size更改为2。此时投影为75%不透明黑色。
  图标色彩深度支持
  WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑,且与背景相融合。每个WindowsXP图标应包含以下三种色彩深度,以支持不同的显示器显示设置:24位图像加上8位alpha通道(32位);8位图像(256色),加上1位透明色;4位图像(16色),加上1位透明色轮廓
  绘制XP样式图标时,为图像添加轮廓可使之更清晰,并可保证图像在不同背景色上都具有较好效果。
  对象的角度和分组
  WindowsXP样式图标使用的透视网格:并非所有对象使用16×16的复杂图像都能获得较好效果。某些对象通常以直观图像显示:文档图标、符号图标、单一对象图标除非创建重叠辅助对象可以更清楚地表达图标的含义,否则就可读性和完整性而言,还是应使用直观图像。网站设计还应考虑如何按组查看图标,以便确定如何将对象分组。
 

点击排行