1网页背景图设计原则

在图片设计前，设计师能参考目前已有的网页粗略布局和栏目等，重新梳理列出网站中所需的图片类型。下面介绍网页背景图设计原则，希望对您有帮助。

1、 梳理网站中所需图片类型

没经过思考就直接开工是设计效率低下的罪魁祸首。

在图片设计前，设计师能参考目前已有的网页粗略布局和栏目等，重新梳理列出网站中所需的图片类型。比如，按照栏目和模块对所需的图片分类：Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等。

当然，设计师也可以根据项目实际情况，或最适合自己的方法采用更好的图片分类。梳理图片类型是帮助设计师重新梳理网站内容，让后面工作更有计划和针对性。

2、 明确图片的意图

在一个网站中，浏览网页时所看到的图片不应仅做到吸引用户的视线，而更能让用户通过视觉影像，准确感受到网站传递的信息。实际上，网页上的图片不只是美丽的像素块，所有的图片都应该是有意图的。了解图片意图，对设计师来说就是明确图片的设计目标，这是非常重要的一步工作。

我们总结了几个常见的图片意图：展现产品特点(优势);与文字相关联，保持元素一致性;帮助人理解某些东西;教导人使用(某产品);以人物视线引导用户;营造氛围;渲染情绪;塑造品牌。

以下是实际案例分享：

展现产品特点

在一个网站中，首屏对用户的第一印象几乎起决定作用，而Banner图在首屏中所在的位置，决定了其重要性。尤其对于营销型网站来说，Banner图是一个最佳产品展示的位置。该案例的图片意图非常明确，和文字搭配在一起，既有宣传、推广产品的作用，又是一个引导用户点击参与的入口。

与文字相关联，保持元素一致性

其实对设计师来说，图文相关是设计中的一个基本原则。但大部分网站忽略了这一点，甚至导致信息不能正确传递、销售机会减少等问题。

有一个来自Web易用性大师的研究结论：单纯的装饰性图片会潜意识地被我们大脑忽略。这项研究表明图文相关性的重要作用，成为设计指导原则。“图片与文字相关联”更应该被设计师用于项目实践中。

帮助人理解、教导人使用

当用户浏览网页时，图片可以吸引人的注意力，并让用户对图片内容高度敏感，进而主动浏览文字深入了解产品如何使用，激发更大兴趣。一般情况下，设计目标为“教导人使用”的图片，更适用于新产品或使用复杂的产品，这种方式可以帮助用户快速掌握使用技巧，降低产品使用成本，获得用户青睐。

故而经过专业拍摄和处理的图片，清晰、干净，并且将原本需要一大段文字描述的信息，成功以“看图说话”的方式直接向用户展示，帮助用户更好地理解产品。

以人物视线引导用户

随着人物的视线，用户会进一步将注意力放在网页中间的文字和图形上。这种设计方式有两个关键：一般先通过美丽的模特(或其他人物形象)吸引用户关注;用户会继续跟着模特视线转移注意点，关注产品、文案或Logo，达到图片设计的目标。

在著名的You Look Where They Look研究里，通过对婴儿尿布零售商网站的眼动研究，得出了结论：广告中，用户眼球可以被模特(或人物形象)的视线所引导。通过人物视线的巧妙引导，可以让网站重要信息得到展示，并改善用户视线只关注模特的问题。

营造氛围

对用户来说，生活化的图片浓缩了人们日常生活的一个场景，有熟悉的感觉。图片从整体营造了温馨的氛围，并且人物愉悦的表情能影响人的心情，让用户感受到一种欢乐、温馨的家庭气氛。

渲染情绪

审美是人人具备的天性，一个网站是否好看，用户在第一眼就会有直观的判断。受到大脑中的“原始人”影响，图片美观程度能真正影响到用户对网站第一印象。

塑造品牌

对用户来说，高质量的大图往往更受欢迎，风格统一的图片既有视觉震撼力，又容易给人留下较深刻的印象，长久吸引用户注意力。成功品牌可以在很久之后，通过视觉上的独特，唤起人潜意识里的印象，让用户联想到该品牌。

---

2 网页设计 中如何做好网页留白

在好的网页设计中,如果可以巧妙的运用设计元素之间留白技巧，会使网页更加简单、大方。不会使各个板块很拥挤，也不会显得很小气。怎样才能更好的设计网页留白呢?

首先，留心不同内容区块之间的间距和排列方式，能让你的设计的整体感官大不一样，从而提升设计的品质。

其次，处理好留白的关键是从整体上感知设计元素。把设计稿缩小观看会是个好办法。优秀的留白运用又一次让网页内容成为焦点。

第三，每篇文章中都有大量内容，不过该站点的设计师们并不惮于给这么多内容之间填上大量留白。并不是说你的文字不够多，就不能用很多留白。

各种不同情况下，留白要求都不尽相同。需要我们不断训练自己，做到对留白所能带来的改变时刻心中有数，从而有效地利用留白满足设计需求。这要靠个人感觉的，不过都能从实践中锻炼出来。

除了以上三点，要想做出优秀的留白可以参考一下内容：

1、使用网格辅助设计

利用网格当然能帮助你理解元素之间的空白。

2、不断尝试

不断尝试—失败—尝试，直到找到最佳方案。

3、留白并不是浪费空间

空白并不总是等着你去填充的。

4、没错，少就是多

与其用尽心思填满某个区域，不如就把它留空，只保留至关重要的信息就好。

---

3网页网站制作需注意的问题

网站在我们生活中已经非常常见，网站的作用也是显而易见的，对于商家以及企业而言，有的网站对于自身起到了非常大的推广作用，带来了惊人的效益，有的网站则是如同虚设一般，没有发挥其原有的作用。那么一个成功的网页网站制作的时候需要注意一些问题，接下来给大家简单的介绍下：

1、未进行关键词分析。也就是说这个网站中要有主题关键词，让用户通过浏览网站可以快捷的知道网站的主题内容。因此要对关键词进行恰当的分析，如果不进行恰当的分析盲目的设计的话会造成网站的方向不明确、关键词配置不合理、排名效果差等，后期的推广效果也是不行的。

2、缺少导入连接。一些不成功的网站在优化方面都存在收录的问题，仔细的检查一些不难发现都是缺少导入连接的问题。在神奇的互联网中网页与网页之间的关系是通过连接来完成的，如果网站与外界没有多少连接的话那么网站相当于就成了一个孤岛，孤岛的网站，搜索引擎无法知道网站的存在，对于浏览用户来说就不能浏览到网站，那么网页网站制作的意义也就失去了。

3、采集大量的文章。搜索引擎中不会对于网站中高度重复的文章好的排名，也就说网页网站制作的时候如果保函大量的采集文章的话对网站是有一定的负面影响的，网站中没有或者很少有原创性实质性文章的话会带用户浏览带来不良的印象，也给搜索引擎优化带来了困难。

4、一位追求网站的外形美观。有的网站追求大方、美观、好看的外观，一味地追求美观其实对于制作网站来不是必需的。根据用户的浏览习惯来说，用户一般是喜欢简洁明了的页面，这样良好的视觉效果才会对用户有用，当然适当的图片、装饰细节也是可以的，特别是对于一些服装、婚庆网站而言。

5、直接copy网站，这种做法的好处是省时省力，这样的话对于建设的网站影响不好，得不到很好的排名。

---

4网页布局基本结构

网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。以下就是时间财富网小编为您整理的网页布局基本结构。

(1)网站结构在决定页面重要性(即页面权重)方面起着非常关键的作用。

(2)网站结构是衡量网站用户体验好坏的重要指标之_。清晰的网站结构可以帮助用户快速获取所需信息;相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。

(3)网站结构还直接影响搜索引擎对页面的收录，一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。

网站结构对网站的搜索引擎友好度、用户体验都有着非常重要的影响。网站结构布局的意义简单概况起来分以下3点：

一、网站结构可以影响网站内部页面的重要性：网站结构在决定网站内部页面的重要性方面，起着非常关键的作用，比如合理的内部链接策略就可以对重要页面进行突出、推荐等操作。

二、网站结构是衡量网站用户体验好坏的重要指标：清晰的网站结构可以帮助用户快速获取所需的信息;相反，如果网站结构混乱，用户在访问时就如同走进迷宫，很难找到自己想要的资料，只能离开。

三、网站结构会直接影响到搜索引擎对页面的收录：一个合理的网站结构可以引导搜索引擎抓取到更多、更有价值的网页;但是如果网站结构混乱，往往就会造成搜索引擎陷入死循环、抓取不到页面等问题。

综上所述，网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取!由于互联网中信息量极其庞大，为了向用户展示更多有价值的信息，搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面)!然而，搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接，从而抓取其他相对重要的页面(即目标页面)。网站结构的好坏会决定用户浏览的体验度，合理的网站结构是优化网站关键词排名的前提。