网站内页设计-研讨会

湖南竞网科技有限公司网站建设及平台发展中心定制组于2013年2月12日展开了一次关于网站内页设计的研讨会。研讨会上气氛轻松活跃，设计师们纷纷发表自己的看法。下面是整理的研讨会全部干货。

 一、内页规划布局设计----我们网站设计的时候经常把主要精力都放在了首页的设计上，而内页应该如何设计呢？

         二、通过首页升华内页----有外必有内。一旦你设计好一个漂亮的首页时，你希望接着的内页也有着与首页相似的漂亮面孔。

         三、确保网站风格一致----虽然内页相比首页的设计要简单的多，但是内页设计也要遵循一些定律，从而提高整体网站的运行和美观度。

从专业的网站建设角度来讲，内页一般分为： 内容页面；频道列表页面和单页。

单页规划布局：网站的单页也有很多人把它称为专题页面，专题页面不难想象，就是围绕一个活动或者相关产品介绍等等来策划的。腾讯专题页面设计、新浪官网专题设计、淘宝专题设计，通过这些较大的企业，可以看出单页在目前市场越来越受到大家的关注，在这里我们想说的是网站单页设计一定要静态化，因为这是符合搜索引擎的，很多时候我们会单独的优化专题页面，所以静态化是十分有必要的。

内容页规划布局：说到内容页面你想到了什么，首先想到的可能就是收录。我们都知道内容页阐述的是网站的新闻，如果网站的内容页能够有很好的收录，那么你的网站排名就会非常的不错，所以网站的权重和流量很多都是来自于内容页面的，所以这里我们想说的是我们的文章是不是应该在这里多突出一些关联性强的关键词，然后加入一些链接优化，引入更多的流量，还有一点，要留意网站的内容原创性！

频道列表页布局: 根据众多网页设计师的经验建议，最好的布局就是常规列表。我们可以在左侧或者右侧建立一个大频道导航。什么是大频道的导航？简单举个例子，比如这个频道列表是公司新闻列表，那么右侧就应该存在其他频道列表页的导航，例如，行业新闻列表页的链接。右边还可以固定的有着，最新资讯，最热新闻等等。在这些新闻列表中，可以随心所欲的设置网站建设者想要的关键词。

十六种常见布局形式：第一排是四个基本型，后三排是简单混合十二种 。

重复首页的焦点 : 将首页的元素复制到内页，你可以获得一种延续的视觉效果，包括形状、颜色及图案，同时又能突出某个焦点对象。

发掘首页的内涵 : 如果首页所表达的主题很大，那内页所选择的图案就要小。这种处理方法可以产生另外一种对比：主题的大和小，视觉的远和近。为了使内外能够产生协调一致的视觉效果，我们首先可以将首页的字体照搬进来，内页与首页在排版上是对应的，都应具有相同的水平中心线。

重点提取 : 我们可以在首页上隐藏我们所要传达的信息，而在内页揭开答案，这种设计属于一种“讲故事”的手法。

         创造新的元素: 内外元素形成漂亮的对比

内页与主页的结构要一致 : 我们知道，网站的统一性在网站营销中占重要地位，而网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置，导航的统一，图片的位置等等。到国外著名的电子商务网站浏览，你会发现这些网站结构惊奇的一致性，所不同的是色彩或内容，在结构的一致性中，我们要强调网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新。

内页与主页色彩要一致 : 这种方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。在色彩的一致性中，我们强调的是如果企业有自身的CI形象，最好在互联网中沿袭这个形象，给观众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取一两种主要色彩，几种辅助色彩。

    利用导航取得统一：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象，比如将标志的形态寓于导航之中，或将导航设计在整个网站布局之中等等，花点力气在导航上，有助于我们设计出一个出色的站点。

个别具有特色的元素贯穿全部网页 ：在网站设计中，个别具有特色的元素(如标志、象征图形、局部设计等)重复出现，也会给访问者留下深刻印象。比如网站结构在某一点上的变化，由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

利用图像取得统一页规划布局设计 ：网页中的图像在使用上一定要甚之又甚，尤其是一些动画，网页中充斥着各种可有可无的动画，而这些动画根本与本企业内容无关!认真检查网页中的动画，将没用的删掉!这里我们所说的利用图像取得统一，决不是在每页中放置几个动画!而是作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

         内页与主页背景要统一 ：从技术上而言，网页背景包括背景色和背景图像两种，一般来说，我们并不提倡使用背景图像，而使用背景色或色块。原因很明显，第一，下载速度，背景色的下载速度忽略不计，而背景图像就得根据图像字节大小下载了，这里需要说明的是，如果你的背景图像比较深，那么最好将背景色置为深色调(默认的背景色是白色)，这样在等待浏览器下载背景图片的时候前面的浅色文字可以很容易阅读，因为如果有背景色，浏览器先将其下载，然后下载背景图片;第二，显示效果，经常看到国内一些        网站设有背景图像，或者是公司的厂房、办公大楼，或者是产品图片，甚至是某某人物的照片，使得前面的文字很难辨认!给人一种很不舒服的感觉，让人无法停留。在此，提醒您注意：有效利用背景取得网站统一和专业化的方法有以下几种：

         (1)认识到并不是所有的图片都可以作为背景，在考虑设置网站背景图像的时请您注意;

         (2)加强与前景的明暗对比，即要么淡化背景，隐隐约约可以看到即可；要么加深背景，而将前面的文字亮化。

那么什么适合网页背景呢?

一个好的建议是将公司的标志、象征性的简单图片作为背景，并将其淡化，使浏览者在阅读网站内容的同时不经意记下公司的标志。曾经一个网站的背景设计给我留下深刻的印象：单色背景中一个网站标志的居中放大淡化，前面元素中也不断重复这个标志：如提交按纽形状刻意设计成标志的形式等等，在整个页面中形成特有元素在大小、明暗及位置的呼应，很好地塑造了网站的特有形象。

         在大量的案例分享与总结后，本期研讨会圆满的结束了。