网页设计三剑客PSFLDW案例教程全套配套课件教学资源4.1 网站图标概述.pptx

《网页设计三剑客PSFLDW案例教程全套配套课件教学资源4.1 网站图标概述.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PhotoshopCC2015FlashCC2015DreamweaverCC2015中文版案例教程PhotoshopCC2015/FlashCC2015/DreamweaverCC2015ZhongwenbanAnliJiaochengPhotoshop篇4.1网站图标概述网站图标设计的原则4.1.14.1.2网站图标的应用领域4.1网站图标概述4.1.1网站图标设计的原则图标是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆等特性。图标有广义和狭义之分，广义的图标泛指一切图形化的标识，如交通

2、标识，狭义的图标专指计算机软件界面中的各种图形标识，网页图标即是其中的一个大类。网页图标是网页中特定的图形符号，不同的网页图片都有不同的符号意义，都带有直观明了的视觉感能够让是用户一目了然的了解到网站的风格。很快就要知道自己所需要的信息。图标设计的基本原则就是要尽可能的发挥图片优点——比文字直观、比文字漂亮，减少图标的缺点——不如文字表达的准确，因此图标设计的原则主要有以下几点。一、可识别性原则可识别性意思就是说图标的图形要能准确表达相应的操作，换言之就是让人一看就明白它所表达的含义，这是图标设计的灵魂，如图4-

3、1所示。图4-1二、风格统一性原则同一个界面，同一个网页，其所采用的图标应该是风格统一。不要将不同风格的图片儿堆砌在一起。那样既不美官，又降低了图标的识别性。设计图标时可以从这些角度来考虑图标的风格：简约还是精致？平面还是立体？抽象还是具体？严谨还是卡通？冷色还是暖色？方形还是圆形？加框还是不加框？根据网站类型和风格，在具体设计图标前定义好整套图标的色版，图所示图标风格不统一，应在设计中所有图标都只从定义的图标中选色，如此能保证颜色的统一，如图4-2所示。图4-1图4-2三、视觉效果视觉效果追求视觉效果一定是要在

4、保证差异性，可识别性、同一性原则的基础上。才可以考虑更高层次的审美需要。如图4-3所示为一组扁平化图标。图4-34.1.2网站图标的应用领域图标设计在日常生活中起着重要的作用，可以给人以及是警示的作用同时也广泛地应用于网页设计之中。图标连接着各个不同的网站，在网页中扮演着重要的桥梁作用，方便用户在不同网站之间进行切换浏览。网页中图标可以表达特定的含义，可以表示一个栏目、功能或命令等，比如一个眼镜的小图标，浏览者很容易便能辨别这是与眼镜相关的网站，可以节省大量介绍性的文字，方便信息的传达，如图4-4所示。图4-4在

5、网页设计中，会根据不同的需要来设计不同类型的网页图标。最常见的是用于导航菜单的导航图标以及用于链接其他网站的友情链接图标，如图4-5所示。图4-5网络图标也广泛用于功能提示。最常见的如搜索、服务、上传、下载、登录图标等，我们可以对其使用多种表现手法，如图4-6所示。图4-6