特性网页规划之页面规划

　页面规划包含甚多，可大可小，我分以下几个关键与我们讨论：页面平铺、全体规划、功能易用性、气氛情感表达。 
　　一、页面平铺
　　把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。下面我就针对最主要的几个部分详细解说。

　　1.导航栏
　　导航栏假如规划得恰到好处，是会给网页自身增色许多(千万不要太花哨，它归于功能物件，喧宾夺主就欠好了)。导航栏有一排、两排、多排、图片导航和Frame 结构方便导航等等各种状况的规划。有时分是横排，有时分则是竖排。别的还有一些动态的导航栏，如很精彩的Flash导航。导航栏规划关键归纳如下：

　　1)导航不多的状况下，一般是一排，反正都可以，其实栏目超越6个就可以考虑用两排。

　　2)导航栏目许多的状况，也可以多排，乃至不规则地多排(一排个数不同，或长度不同)。商业规划或门户站点一般都会有许多频道，规划起来，就要考虑横向双排。运用竖排，会占用太大空间。

　　3)一般内容不多的状况下，或许无所谓栏目，站点就包含了导航的详细内容，如图1所示。

　　4)双排导航未必要挨在一起，可以自在一些，如图2所示：上排有导航栏，图片分隔开后则另起一排。

　　5)图片式导航，很漂亮，占用页面空间比较大。如图2中每一个孩子图画便是一个点击热门。

　　6)我推荐我们多用Flash制造导航，其体积小、改变多。

　　7)内容很丰厚的站点，可以考虑运用方便导航，即Frame 结构方便导航，是因为不管你进入哪个页面都可以快速跳跃到别的的栏目，不会失掉方向。

　　8)利用DHTML、JS、动态躲藏层等技能实现的多改变的导航，都有阅览器的支撑问题。我主张我们不要给信息许多的站点作此导航。

　　9)不是一切的网站都有导航的。我们可依据自己状况而定。

　　2.LOGO(标志)
　　关于LOGO的规划我会在以后的“CI行销”一文中详细解说。这里我暂归纳下列两个规划关键：

　　1)LOGO的方位一般在页面的左上角。依据你的规划，它不是原封不动的，所谓特性的规划，不论商业或个人，都要去斗胆尝试。这里为我们列出LOGO在页面上常见的布局状况(图3)，以作参阅。

　　2)网站的LOGO，尽管有动态的，可是绝对不适宜过火的动感，且不是一切的网站标志都合适选用动态。

　　3.BANNER(广告条)类型
　　几种世界尺度的Banner如下：468×60(全尺度Banner)、392×72(全尺度带导航条Banner)、234×60(半尺度Banner)、125×125(方形按钮)、120×90(按钮类型1)、120×60(按钮类型2)、88×31(小按钮)、120×240(笔直Banner)，其间468×60的和88×31最多用，下面就常用的为我们解说一下。

　　1)468×60 全尺度Banner

　　尽管尺度为世界标准，可是在规划页面的时分，完全可以依据你的页面占用空间来制定Banner广告位和广告条大小。

　　(1)一个页面内不易超出两个468×60 全尺度Banner。两个条的时分，一般是上面一个，下面一个，如图4所示。

　　(2)规划Banner配合页面的两种状况：单看Banner很丑陋，可是放入网页中，却会使网页规划丰厚而夺目，一般也便是468×60的Banner有这本事了。还有规划的时分必须要考虑LOGO跟别站交换时如何更合适他人网页的风格，所以该多做一些不同色彩不同状况的Banner。

　　2)88×31的Banner

　　(1)我们俗称它为LOGO。

　　(2)好的Banner也要符合网站的风格。常常遇到一个很棒的Banner点开却是很丑陋的主页。尽管有被欺骗的感觉，可是从行销的角度讲，它规划越好，点击率越高，也就越成功。

　　(3)如图4中，区域7内的一般的广告条， 88×31 Banner也可以用来丰厚页面。这样的状况很少见，值得留意。

　　3)Banner规划留意点：

　　(1)Banner有动态和静态两种。在阅览网页的过程中，尽管闪耀的图案会发生瞬间回忆刺激，引起留意，但这种回忆往往为压榨性的，久之易发生负面效应，从而含糊回忆。而稳定的画面不易引发特别的重视，但假如有良好的界面引导和内容，可发生良性的回忆，持久而牢固。依据大略统计，100个Banner里边有1/3是静态的。看来我们对动态的Banner更加看好。

　　(2)Banner的“重量”要轻！以468×60的Banner为例，最好是15K左右，不要超越22K。而88×31的Banner最好在5K左右，不要超越7K。

　　4)规划关键：

　　(1)Banner的文字不能太多，用一两句话来表达即可。

　　(2)广告语要朗朗上口。

　　(3)图形无须太繁杂，文字尽量运用黑体等粗大健壮的字体，否则在视觉上很简单被网页其他内容吞没。

　　(4)图形尽量挑选色彩数少，可以阐明问题的事物。

　　(5)假如挑选色彩很杂乱的物体，要考虑一下在低色彩数状况下，是否会有显着的色斑。

　　(6)尽量不要运用彩虹色、晕边等杂乱的特技图形效果，这样做会大大添加图形所占据的色彩数，增大体积。

　　4.按钮
　　网页规划是新的职业，没有好久的历史和标准的教本，长期以来对按钮的定义也不是很明晰。哪些算是按钮呢？如图5顶用圈作记的地方：其间“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件，一般都统称为按钮。某种意义上导航的存在方式也是按钮，仅仅它的功能很特别。假如常常做网页，就会感觉到按钮规划的要求已越来越高。

　　按钮规划关键：

　　1)规划按钮要同页面的全体协调，不能太抢眼。

　　2)有的页面很单调，还要依靠花哨的按钮来提一下。

　　3)选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简略一些，不要超越四种。

　　4)很长的按钮或许便是结构的分界，尽量要纤细一些，否则页面会显臃肿。

　　5.图片
　　为了美化页面，图片是任何一个页面都要用到的，但要考虑网速，主张我们能不必就不必，图片的运用要合理。

　　图片运用关键：

　　1)图形的主体最好明晰可见。

　　2)图形的含义最好简略明了。

　　3)图片内所含文字应该明晰简单辨认。

　　4)布景与主体明度对比比例应为3∶1到5∶1之间为宜。

　　5)淡色系列的布景有助于全体调和。

　　6)淡色材质布景最佳，能与主题分离之淡色标志或文字布景亦可。

　　6.文字
　　文字也是规划的。这里给我们列出几个规划关键：

　　1)每一行文字的长度最好20到30个中文字(40到60个英文字母)。

　　2)行距与字距已由软件内定。规划时留意段落与段落间空行及首行缩排方式以辅佐阅览。

　　3)标题以H1到H3字号为佳，内文Font size=3到4级为佳。

　　4)同版面字型最好在三种以内。

　　5)文字的色彩最好也是三种以内。

　　6)文字在色彩上要与布景区别。

　　7)内文的摆放向左对齐并与左边界保持恰当间隔。可以用表格填入文字以达此效果。

　　8)表格或清单内的字运用相同字型与字体大小，以利辨别。这些都是为用户服务的规划，很重要哦！

　　二、全体规划
　　1.有共性，才有一致，有细节区别，就有层次。

　　2.避免规划与实现过程中的误差，不要定死详细要放多少条信息。

　　3.规划的各部分，要配合全体风格，夸大一点如同VI。

　　4.不仅页面上各项规划要一致，并且网站的各等级页面也要一致。

　　5.页面要“透气”，便是信息不要过分会集，以免文字编列太紧密。

　　6.不要有太多涣散留意力的点。动态闪耀要适中。

　　7.页面留白部分，要依据平面规划原理来规划，请留意，分栏式结构不宜留白。

　　8.还要考虑到阅览器上部占用的屏幕空间，避免图片切断等造成视觉效果欠好。

　　9.首页留白布局部分我为我们预备了一个例图(图6)供参阅。

　　三、功能易用性
　　任何网站都要把这个问题放在第一位。不过我们请留意以下几点：

　　1.导航栏应最早调入，以便常客快速前往所需信息空间。

　　2.页面长度要短，使得用户在信息空间内可敏捷移动。

　　3.导航规划方向要一致。支撑导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

　　四、气氛情感表达
　　气氛会自然地激宣布一种情感，不管它来自图片、色彩、标题或者是动态的广告，只要是来自页面，自身就具有了一种表达思想。举个对比很明显的例子：阅览恐惧站点和阅览圣诞节庆祝页面，你会有怎样的感觉呢？这便是特性。