版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。0 ~! e* n( Z7 d- t+ [) O& d/ m8 f
5 V |+ C/ b( ]
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：
0 x/ K' n3 {; ?* ~( \; H
上海网页设计版面布局的原理与形式
一.草案8 L4 v$ C* |: W1 k8 X
. h" b6 C/ a4 e" p8 ~
新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。+ O9 E9 l: ~2 ?- ~
" @2 j2 { [# s5 k Q% i 二.粗略布局. D4 b, _# e$ A4 W* [/ [
+ N# Q+ [) u9 E" }* z6 G7 x 在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。+ J6 W+ s4 j' G) W$ X
) O! V) ~& |; g; O2 K! h+ H) }! M& ^ G& a 三.定案: R' f M; F/ E. g
" X4 |9 a6 c7 W$ G, c0 I) [# i6 E 将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：
6 A/ h. G, j1 k" A, e) n
9 ?9 y( }6 }7 h3 Q' r+ E 1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。! }6 ?/ i! W3 l; a' |0 v* X: ?
! G) N) P* k5 h 2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
. U, _8 C1 ~$ u8 t' F, r5 \8 Y: E% ?4 \7 _6 g
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。$ w4 u }5 [5 Z2 C
: s; F. U* O& M( E/ w 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。/ {$ m& Q5 [2 C% X% [' m
* x$ [9 f6 }* g! {4 J' S' ~4 } 5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
, H& M; H# K+ D0 l& w/ p$ d/ `; ^; Q, {. J
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。2 _; A* s) r* {# d# q& M
5 k7 j2 }, g) [' b; Y
版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。7 Q4 ~1 M5 j6 v& x* h
5 n8 q) |, d8 d$ z/ } M+ L- F p 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：; Q* o% d' W) p# \. b8 K' X
3 K2 Z+ f- g! } 一.草案. \3 G; }! }/ D
6 ^1 @1 P, c' B% T5 ?: s 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。5 ]0 O8 y3 A( Z9 c; _* p
( Y) b+ u# h6 A2 w" A4 F k 二.粗略布局
9 O$ y3 d# s0 u( ~; \
' o* B9 {/ b* \# a( } 在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
& P/ ^* n7 q$ n
, ~9 z3 I/ }7 o3 J# S7 U4 R$ D 三.定案
7 g. _9 }! k C X2 Q& |% p k) W* O/ _2 T8 V; ^3 z0 y5 _0 r0 A
将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：
' T. N* J6 V) A* r) h& K
: ]! R3 G2 N+ G, w+ _& b 1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
" S$ \" m; T0 n8 x4 k1 N5 b% N) d4 ?) T
- x6 a- \4 M! S& x9 r0 t 2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
8 r, E. \4 x0 O# W& _5 ~2 x
, b7 {7 F7 z: u m& h% ?; P1 ~0 k 3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。3 [# m" o M/ w) H9 b( G, X
1 a" j9 M$ x! [) a2 i: R
4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
; j8 T( d6 ], C1 M- l: f
( V' V6 `) q; X U8 ]5 U 5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。4 J/ v8 d: {8 ^
# C. M% I+ A* x3 f 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。
# H* M4 N9 E6 R! j: F P" W* c% M! l
本文出处：上海网站建设公司海淘科技官网，www. haitaoit.com/newsdetail-220-1.html，如需转载，请注明出处。* ?2 N5 G+ \' v/ |! ]
% W2 j3 c% M% e. J% E |
