版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。
/ c5 p) x7 ?7 ? |
3 M/ s x; i9 b" c( r2 Y2 p$ N 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：
0 j* d) D/ ^, @! Y* Q
上海网页设计版面布局的原理与形式
一.草案$ ~: j' C3 c G, \
8 g) v* }* I; q! u
新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
; _& P; y q2 w
' q+ r' c( R1 n' h( z5 y9 L 二.粗略布局. P# [) Q$ h( T5 H1 f1 T' c. V
, X( ^/ p" C" U# \+ D
在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
8 g4 q3 {6 |# \0 l0 k8 p- C' B6 q
三.定案3 o6 S7 y: h. b3 I l3 N
3 v2 H! F) H* u8 B- j8 b 将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：
& W, O. ?, w3 b3 {/ S+ |, v* P# {( S' H5 r
1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
" ^: F7 u' Z4 G" B1 V1 M8 q" a: B2 ]( Z" o
2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
! ?3 W' ]/ O% G0 ^% E, Q% x2 q6 {( v G' A0 O
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
9 B F Y; ~. d% }4 C5 r8 _4 S# t9 ~( G' [9 u) K9 x
4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
! ~' K1 O5 x8 J8 n+ k
+ g7 g) y9 P# t r$ s 5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。. q! I: _) w4 B) D, L) c
) T+ \% R+ o# a5 s 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。. I* I- {! a1 \1 L% R
) N+ f- E! @$ h4 V, k 版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。
5 z: W( u. z+ y$ X& G
1 W* g! x4 W5 c9 y1 W 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：
& W- i4 X7 n# H a( }
# E: ~, Q# R+ N! X: E 一.草案$ l0 @2 }4 d" U6 A D2 f
( F' i* U( K# q 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。6 M. N v; r8 a9 T1 j1 M9 ]
% h: _& L" s0 ]& k
二.粗略布局9 a+ w. u N. g n7 [
! b& F7 O2 l: Y* ^3 O' F2 |2 _ 在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。) W6 s4 U; l7 B
4 t! {# g; n; b5 h 三.定案
, B( w% L% u: N/ W- `2 H V& y' L4 o$ V" i; t( f( _: R5 e$ z2 G
将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：
% @1 W$ c- e8 l7 D0 f1 J5 _
5 M( N+ q9 \+ { 1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
( a8 o- D" y: d$ ^$ [% ?* y7 u1 {# m6 |' E- r ]
2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。9 a% L8 r7 ~7 V) q/ n X
' K( ~& `6 O8 ~$ Z5 y
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
! w# b% l$ k. e3 m
, ^8 j; Q7 d& s2 P W( s 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
/ v; X. }, {& ^* i2 ]2 H; E ^* P3 u; v. m3 ~
5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。# t" p& m5 h9 W$ `6 q1 x
$ t8 i, }' q4 o' ]$ T8 } T
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。6 l7 g. u. X0 r9 G
9 o& c" r' |7 D+ Z4 E/ \
本文出处：上海网站建设公司海淘科技官网，www. haitaoit.com/newsdetail-220-1.html，如需转载，请注明出处。
+ L% e! O; @4 ~8 M: v$ i0 J4 A3 M# w- Q I' Z/ X7 M( t
|
