如何设计网页可以更好的展现企业形象, 突出视觉的中心。下面这几中形式经常出现在网页设计当中,重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。我们来一一分析这几种排版运用于网页设计中的优点。; f( @2 g4 f8 k8 }
1、重心型8 H' s+ _$ k4 s+ S& Q. n1 W9 _2 s
重心型版式的网页容易让浏览者产生视觉焦点,界面效果强烈且突出。重心型又可以分以下三种形式。
% w: ?& ], v# Z. s4 o$ VA、直接以独立而轮廓分明的形象占据版面中心。, l$ G. S4 ?9 ]9 [3 y& e$ W
! i( f( Z; \7 P
B、向心:视觉元素向版面中心聚拢的运动。
* V, q. M& l7 ^+ z7 d! B$ W6 U2 r7 {
, n$ G/ [# J; G) b% Y4 T4 R" `
C、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
4 J/ B- K* f& T( ~+ V9 S
% R; M* u/ `4 U l$ ?2、中轴型
3 ]; t5 G) g' n( j9 n- `6 ~* c中轴型的网页设计,是将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面会给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。垂直排列的这种排版方式比较常出现。9 o% I! b# V2 R: F' e3 z- m
* ]$ \( k0 O i! U3、分割型
* e7 z5 o2 J# s4 |, g* x& u9 k7 T分割型主要可以分成上下分割和左右分割。相比较,左右分割型的网站会比较常见。
& _. O- y, u5 \- i( v' fA、上下分割
4 K5 u% A n5 F上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。, A8 _" @0 p4 e4 V$ ]
. b3 j0 K3 H* d1 a4 y
B、左右分割, r. v/ b1 T" H
左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。$ A* i2 b1 K, @8 O$ D( t; e
7 }' j" d: Z% T8 Q) _2 `2 m' u
4、倾斜型
9 g& g# R1 x, Z0 }倾斜型的网站比较少见,这样的网站偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。
5 I2 h; M! t D7 |, E! V: C6 O% T
* a$ W5 v9 m6 c2 u2 [$ {
5、骨骼型. f& C1 ?$ V) l2 M9 m
骨骼型比较在传统网站当中比较常见,它是一种规范的界面分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。说到这个,就可以想到栅格系统,实际上这两者是差不多意思的。3 w, H( N" e# R4 x6 p
骨骼型的网站会给人以严谨、和谐、理性的美。每一个区块经过相互混合后的版式,既理性、条理,又活泼而具弹性。
6 E7 N: y' c3 j0 O. e
) \$ Q# W0 X! z, c8 W0 [: P2 g) i- T$ z6、满版型1 b1 ^( b" R) J6 e4 f) Z
满版型的网站近几年也越来越多见,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。2 _4 M" w% H$ `
) B, W# F; u5 H2 L
7、曲线型
" }. U$ F8 E) Q$ S( c' \) u图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。9 Y6 V, V3 S7 b! v8 U( n
; i: u) H/ C; ^3 V5 x* e0 d8、对称型6 N; p5 Z7 \$ b8 j
对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。
" S3 q/ Q( T$ |- ^
, n6 V6 Q7 {% M
这个网站是绝对对称,比较少见,这样的网站看久了会比较单调。
2 ?1 l9 j* ^/ Z* a$ e. f9、三角形
6 `" G2 K( k3 E3 U* w在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。. s% B: O* c2 N0 B; A! z
$ U5 a4 d3 B# B0 L10、四角型
m' t6 \/ [" t7 X" t; c四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。' O" o) T% B+ _+ u! a2 P5 D6 R
# X6 Z* o+ K0 W- I p7 h8 S* s
11、自由型
, Q) J3 x2 a5 U$ h自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。4 X- ?6 A3 h x$ u. C. Q
- u" ]9 r0 ~" Z以上简单给大家分析讲解了常见的几种网页形式,每种版网页设计并非以一种表现形态出现,比如四角型的网站可能会结合对称性的出现或是中轴型,所以大家在分析一个网站的时候不要以单一的一种视角去分析。因为一个网站的设计可能同时存在好几种版式形式。
: U& z2 P) M* V( H2 b g5 e不同的排版可以给人不同的视觉感受,好的排版会给整个网站“锦上添花”。版式也没有绝对的好坏,只有适合和不适合。希望今天给大家分享的内容可以帮助到大家。" R |9 j9 V* l5 ~' c$ T+ `
, r- d X2 A9 P# m
|