网页设计如何选择图片

图片不仅仅让网站变得美观大气，还可以带来良好的视觉效应，因此，在网页设计中，选择图片有着很多学问，网页设计如何选择图片？下面就简单和大家分享一下。

1、图片要符合网站主题风格

不同风格的图片展示出来的效果有着很大的差距，而且不同色彩的图片，对网站产生的视觉效果也完全不同。以营销为主题的企业网站，色彩要明亮一些，而以宣传为主题的网站，在色彩上要显得大气，比如黄色、蓝色、红色是首选。总之，网站中这种多样化的主题需求就需要不同风格的图片组成，以此从视觉上让用户感受到网站最基本的产品和服务。

2、网站图片突出产品功能

不管什么网站，都要告诉用户我是做什么的，我们以淘宝店铺图片为例，无论是产品说明还是服务说明，都是以图片为底色，然后配上文字进行说明的，这样的好处在于，用户通过简单精炼的文字描述加上形象的产品图片，基本上就会对网站的服务和产品有一个大概的了解，而通过文字加图片的描述方式，可以最大的让用户和网站进行最有效最形象的短距离沟通。

3、网站整体设计离不开图片的有机组成

在网站建设图片选择上，有的网站选择用一张图片做为底色，有的则选择不同图片有机的组合在一起，从网站设计上来说，将多种图片通过相关技术有机的组合在一起，更能展示网站主题风格。

而将网站主题风格付诸于图片展现出来，需要满足两种条件，一个是网站需求者能够提供大量符合网站特色的图片，另一方面则需要网站设计师有着丰富的网站建设经验。

4、网站图片都是带有文字的

图文并茂并不是指一篇文章而言，而在图片设计上，加上精炼的文字说明，这已经是网站建设过程中不可或缺。文字的大小、文字的位置、文字的颜色的掌控要需要网站设计师整体把握，这也是定制型网站优势所在。

1、 使用者优先的观念

无论什么时候，不管是着手准备设计网页之前、正在设计之中或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾，任何自认再好的主页都是没有意义的。符合这一点要求我们在网站信息的组织上应方便访问者查询，每一个网页尽量精制而简洁、考虑大多数访问者的连线状况。

2、考虑使用者的浏览器

其次，必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的网页，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果必须展现网站技术含量及一些高技术特效又不想放弃一些潜在访问者，可以考虑在主页中设置几种不同的观赏模式选项(例如纯文字模式、Frame模式、Java模式等等)，供浏览者自行选择(当然，您得随时掌握主流浏览器的用户情况，必要时可放弃一些潜在访问者，现今绝大多数用户使用的是IE、NETSCAPE4.0以上版本的浏览器，可支持大多数的Javascript、css、Dhtml等高级超文本语言及一些网页特效，我们在制作过程中所要考虑的是有没有必要在网页上堆积大批的特效而增大网页大小降低浏览速度)。

3、内容第一

内容第一，这句话适合书本，更适合网络上的网站，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌，但至少您还可以很快判断出来，而网页呢?您可能得耗费一整个晚上的时间与金钱，才发现原来你访问的网站里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。

4、主页很重要

第一页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新开幕的站台，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。

第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去

第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住∶失败的第一页会让许多人掉头远去，不可不慎。

内容的分类，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。

5、互动性

好的网站网页必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上、网络交互式应用项目等等，都应该掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应?这部份需要一些设计上的技巧与软硬件支持(CGI信息在线反馈、数据库信息查询等)。

6、避免滥用技术

首先，使用技术时一定要考虑传输时间，不要成为他人观看的沉重负担;其次，技术一定要与本身网站的性质及内容相配合，不要耍了一大堆不相干的技术。有一个最常见的技术应用，就是利用JavaScript撰写一个走马灯的功能，让文字可以动态地显示在窗口的最下一栏，这种方式看起来似乎很酷，但却容易遮住该位置原本用来显示地址及传输状态的功能，反而造成使用者的不便。何况既然只是显示一两个文字，何不直接放在HTML本文中呢?　Java小程序也是目前网络上的常见技术，它是一个好用的利器，擅长于动态物象的呈现，虽然只要浏览器支持就可以动，但同样，也需要考虑传输时间，以及一般人的电脑系统负荷等问题。

最后，技术最好不要用得太过多样而复杂，有些人似乎不展现功力就不快乐，所以也不管合不合适，就把所有可用技术全部用在里面，这时大家就会看到一个惨不忍睹的网页。

7、网站web服务器目录结构

为以后维护信息时的方便性和清晰性，专业的网站设计人员往往根据网站栏目分别设定服务器文件夹、同时Html文件和图形文件及其他文件分开放置，文件夹命名含义清楚、超文本文件等文件命名注意连续性。否则日后改动网站信息时在数千个甚至上万个文件中找到所需的文件的确会大伤脑筋。

8、即时更新、维护

资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。同时为给访问者新的气息和吸引力，笔者建议，不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考虑的就是事后维护管理的问题，写网页很简单，但维护管理就比较繁人，它的工作往往重复而死板，大型网站信息量巨大，往往改动一个链接造成成百上千的网页相关链接需要改动，这时网站的后台技术往往至关重要，采取数据库信息后台模板式前台界面、由后台网站维护程序自动更新是当今网站流行的先进做法。

1 网站建设层次性

条理清晰的结构，表现为网站板块划分的合理性，需要注意以下几点:

板块的划分应该有充分的依据，并且是容易理解的;

不同板块的内容尽量做到没有交叉重复，共性较多的内容应尽量划分到同一板块;

在最表层，尽量减少板块数量，通常控制在4~6个板块比较合适;

划分后的结构层次不宜过深. 通常以不超过5层为佳;

在安排层次的时候要充分考虑用户操作，比较常用的信息内容、功能服务，应该尽量放到更浅的层次，以减少用户的点击次数;

信息内容的获取和功能服务的过程，都应该尽量控制在3~5步以内。

2 网站建设一致性

页面整体设计风格一致，整体页面布局和用图、用色风格前后一致;

界面元素命名一致，同样的元素应该用同样的命名;

功能一致， 完成同样的功能应该尽量使用同样的元素;

元素风格一致，界面元素的美观风格、摆放位置，在同一个界面和不同界面之间都应该是一致的。

3 网站建设精简性

每个界面调用的时间应该在可以接受的范围之内，当必须耗费较长的时间时，应该有明确提示，并最好有进度显示;

当不同的方式能够达到相同或近似的效果时，总是应该选取令客户访问或使用更快捷的方式(在开发资源差别可忽略的情况下)，例如尽量减少客户端插件的使用;

主要界面尽量不超过浏览器高度的200%;

大量信息内容尽量不超过浏览器高度的500% ,如果超过，应该使用页内定位或者进行分页:

命名应该是简洁的、定义清晰的，尽置不使用较为生僻的词语，如果一定要使用，则应给出容易理解的解释。

4 其他方面注意点

应该具有明确的导航条和网站地图，以提供快速导航操作;

避免出现错误或者无效的链接;

主要的信息应该放在突出的位置上，常用的功能则应放到容易操作的位置上;

针对目标群体的需要，应充分考虑浏览器的兼容性、字体的兼容性和插件流行程度等;

对于专业的术语、复杂的操作等，应有直接的容易理解的帮助;

在风格允许的情况下，可以适当增强交互操作的趣味性和吸引力。

5 企业网站建设应该满足以下要求

遵循基本的图形设计原则，符合基本美学原理和排版原则;

对于主题和次要对象的处理符合排版原理;

全站的设计作为一个整体，应该具有整体的一致性;

整体视觉效果特点鲜明;

整体设计应该很好地体现企业CI;

整体风格同企业形象相符合;

整体风格满足目标对象的喜好;

6 网站正常的访问性能

访问速度:取决于服务器接入方式和接入带宽、摆放地点、硬件性能和页面数据量、网络拥塞程度等多方因素。如果目标群体不限于本地，则还应考虑地理因素造成的性能下降。

可容纳的最大同时清求数:取决于服务器性能、程序消耗资源和网络拥塞程度等因素。

稳定性;平均无错运行时间。

安全性:关键数据的保护，例如用户数据等功能服务的正常提供。

网站的防攻击能力。

对异常灾害的恢复能力。