版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。- Z; |5 \/ e( v
# _7 x2 F" ~8 D5 ~$ q 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：
# O: U% d/ Z. B: J7 D6 N, }& y, @$ A
上海网页设计版面布局的原理与形式
一.草案
" w0 V' K8 A4 M& M0 g7 B
5 ?/ T' Q1 ]' F" g7 y4 _ 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。; Y6 F( g7 {- e
. \: @# \" y' W7 ? K8 c# o D; W 二.粗略布局
3 p j3 P0 r/ t! d! Z( A: W* c K4 V) Z( ^5 \3 a- o8 I
在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。8 g- q; C3 T$ o& x- J- s
: Q3 Q( L" j, b! ` X
三.定案
2 q, y' P8 m1 r. m- ?
; U2 O. Q- N# C/ g3 G/ j 将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：
8 e% G; X$ g' m& T. H+ `0 \1 c
- J7 }2 W- o' c# @( M+ k 1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。9 e% W+ e- [" `2 J" @. a5 s
8 ~, ?: w$ M7 J6 ^5 ^; U 2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
. Z" z* x$ {+ n( [ I2 T6 O! G7 e- v# U) r
3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
2 J H' W( e2 ~3 w6 S& E* h: N9 Z* s% k: {6 T- N/ \6 G
4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。5 K9 K8 k! o8 Q$ r$ f9 f6 q$ h4 F
; y* E2 T& j) e6 N# I' y8 h
5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
2 E1 N" H# D+ s4 ]. [ y
5 Y8 B) l4 f8 R 6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。+ ~/ _' U7 V$ c" \
) ~: i5 T2 T5 r7 ]' ]1 y5 _% t
版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。6 o. I) x1 c( o
8 g6 M" `* k" p. M8 K
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。先来了解一下版面布局的步骤：8 l8 r) j- G) W1 N( D) t
8 _0 P/ R! V. [/ a: C
一.草案
5 ^4 Z5 U: T: [! f2 A; ]3 p p# J `
新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。0 ?& n8 B1 Y) T% S1 J' l
5 z1 `+ [8 X' b+ @; {+ a$ G* B
二.粗略布局
2 [' [' Z; p( v; t L2 O2 i9 H3 i6 J, G" _: j. _! O4 w
在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。; A$ t4 S+ b2 r0 i
% G0 I D6 J/ [0 X5 R/ X$ r. v# i 三.定案3 r9 v. t- D6 M
5 o Y9 X g% J1 I" J1 K7 W# K F 将粗略布局精细化，具体化。在布局过程中，可以遵循以下原则：# _2 u1 Z0 ?. X) N! R% B
9 y* b$ n5 {% T/ }9 @8 `9 \
1、正常平衡---亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。- g8 p7 P* U) x* V5 t
~& v- J* Q( X9 T3 ] c# F8 m& ? 2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。+ ^7 Y& ~/ F- F/ C
5 u' o. T: j8 w$ z; T7 h# M- C, P 3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
% O! U5 E: ?8 d/ N) m5 ]. l
' H# b) l S' u$ s1 i/ E9 X1 m 4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
$ a) {; a; j* E, L
1 }5 i0 ?/ Q2 @8 T1 C: | 5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
8 M7 {$ E( F7 l- \9 E: e1 i7 K! X( K
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。
6 N9 C/ f* j3 K. u5 s( C$ p8 Y
4 I" V% Z1 a X* e 本文出处：上海网站建设公司海淘科技官网，www. haitaoit.com/newsdetail-220-1.html，如需转载，请注明出处。" P }8 \0 A7 Y% t" _% q4 I2 j
- a6 B7 o4 r5 Z1 d6 `' ^ |
