版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。5 h0 _: E2 S" ?( U% b
: E; u' t2 O+ F 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：/ S: k. }' G2 ]0 \9 C: C1 |9 k
上海网页设计版面布局的原理与形式
一.草案
9 [3 d+ }9 n- |( P
9 b0 K+ T. |" O7 ^+ v- H+ G5 B 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。! d& O5 W# T ~ t0 A( y: P
]$ K' d p0 \6 J1 _, G. q& _
二.粗略布局
$ ?* T: n# C9 |" a
6 y) F& {4 u5 z1 p. z3 o& C8 P 在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
* A6 K, e4 }. b% t0 n/ Q4 Z6 ?0 ^7 p5 s7 c
三.定案0 y0 {/ k. h; b5 k1 f' G
% S! O3 T8 U6 a
将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：+ p; A- m3 Z; K7 [6 O
Y0 b* j7 T6 {- \6 H
1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。6 d/ G( b6 g$ ]. j" c& c
, b( W/ g' ^* O, x
2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
7 |4 I% i- j2 R. M2 [" X, \ h, d/ U+ H8 e, ~$ }# \; @
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。1 u9 e2 G, u4 F+ Q+ R
+ V! O! j! ^7 |% N 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
$ D1 @' d' K5 [" h! x' s5 H# N' Y. A5 Y9 }
5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
( x0 H3 F. e7 P% L; |
, }: @6 ?2 s' [0 D# \! P X% J 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。) ]* {2 r& J7 s2 z- T
5 X {; F8 H8 t0 L- a2 o3 z! \
版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。
9 |# ?. N9 K. c$ K: w0 i. I! D% h; Z7 n8 p$ Y! _* v
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：
+ _" O( C: Z5 g3 e8 [2 t. ^8 m5 }# e7 H' o& k
一.草案# ]5 Q( C% Y# b3 h
; G; _6 g' G# [. w- s% T 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
) R% Z& ?& v& d& Z) D7 z# @( k" @4 v3 p0 W; N; @7 g
二.粗略布局
7 p8 Y' f2 R# X3 D& ]; a4 A! h+ c. r5 |
在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。; u' F4 N- }/ v/ l h9 T
1 z3 K; Q* u8 N7 g* H" N, l, L
三.定案% G7 u$ @" y3 ?% y$ w2 ^9 ^, U/ I
$ y- ^' M( A5 z% { 将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：6 z) { f) |) H% X: e# k0 _
' p6 f1 ^& H8 P9 T3 x5 m* z8 C4 S 1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
' n* N5 n- y5 r2 {8 ^' r- W" n! G! s! f- P9 C' p2 }7 s' |5 E
2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
( W, s0 [" E# U/ J& s( ]# e, t4 ?2 X/ c+ t
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
1 g; @' n3 f$ T# P* _5 W. r) z& g: c
4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
& Q0 W# e2 {3 [* G& x1 ], r: H- n ^; g, I
5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
5 e5 p! M( N& Q; f( m9 o9 z4 n6 A- h x( G
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。
$ |- \( k% ~- ^1 {9 {! J9 [) ]1 \8 P6 I9 U3 k4 Y3 i
本文出处：上海网站建设公司海淘科技官网，www. haitaoit.com/newsdetail-220-1.html，如需转载，请注明出处。
) U" \# X7 z0 `( A j2 m; q8 q
2 f% |/ R3 _+ U |
