如何设计网页可以更好的展现企业形象, 突出视觉的中心。下面这几中形式经常出现在网页设计当中,重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。我们来一一分析这几种排版运用于网页设计中的优点。
4 A1 I9 r# }, L2 p2 N6 a1、重心型3 K( ^% b) b! ]( d
重心型版式的网页容易让浏览者产生视觉焦点,界面效果强烈且突出。重心型又可以分以下三种形式。
8 y1 m" M6 \8 ]* }+ OA、直接以独立而轮廓分明的形象占据版面中心。
! i* p+ @) O6 k* N1 W
$ Y* r0 K- |: @7 T( e4 a, K! Z6 K
B、向心:视觉元素向版面中心聚拢的运动。
/ ^; o9 B5 O% R+ u4 i4 F
7 i( t, t: }' U) eC、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。. d4 {6 H* Q/ P- d8 X6 Y q
% ^! @; V/ b! I! F" A. J2、中轴型
+ b2 K2 N+ V; Q+ l( k) s4 k中轴型的网页设计,是将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面会给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。垂直排列的这种排版方式比较常出现。$ u" O$ m4 h: S" G. N
6 A4 [, |6 x5 f3 ]- f. }" T3、分割型4 `- x% s% w: H9 E
分割型主要可以分成上下分割和左右分割。相比较,左右分割型的网站会比较常见。
3 V9 V1 R$ r& ]) H) B$ @- Y! AA、上下分割. _* q) ]2 d0 t+ k2 f% N. R3 {# z
上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。' f. ]* q( g' c
& R6 F: g+ G( r& u3 CB、左右分割' ]5 Q0 N# r6 j- }
左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。
% [3 i' D( j* F$ s& O" R
2 z* Y' P$ q& I4 d: z/ F
4、倾斜型
( x* S: }1 ^ m; B; ?7 c$ S3 [倾斜型的网站比较少见,这样的网站偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。
" z8 q2 H3 |( ^4 U# G
+ U' p# T$ Z; G( q1 c% I
5、骨骼型& w8 m: q4 E( a7 [) L1 A, P6 A$ z
骨骼型比较在传统网站当中比较常见,它是一种规范的界面分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。说到这个,就可以想到栅格系统,实际上这两者是差不多意思的。
2 R6 Q* P! H# n5 h% {骨骼型的网站会给人以严谨、和谐、理性的美。每一个区块经过相互混合后的版式,既理性、条理,又活泼而具弹性。
6 R& |& p: b. O# |8 L5 Z
9 }2 p y# L' Z& R6、满版型) q+ s, x! U9 V$ n2 t4 A
满版型的网站近几年也越来越多见,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。+ g0 p+ |1 \$ B, r) @; U3 X- U
* T- G4 w- i7 C5 \! S
7、曲线型" K" {% w& y6 J/ W
图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。/ `5 J7 `) ^1 f3 ~9 m7 v
# J0 e l+ E. Z6 v: R! r8、对称型
: l: ^, Q# W, c! d' t) w对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。
9 A- Z* h" x) y- i+ Z9 n* l
6 c2 E" G8 `2 @: Z. s0 k
这个网站是绝对对称,比较少见,这样的网站看久了会比较单调。
0 p0 @) X' p/ [+ c8 p9、三角形
; N! C8 R% ^" j5 ?6 {在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。
0 n& u4 m. |' H$ M+ B$ L. K: ]3 |
: z4 G! O! o) F2 N& I$ _4 S10、四角型. ?7 s& v, M5 p+ ]' q% ]4 Z1 e
四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。
9 l: ]' D2 k9 W9 c+ @
8 _* f3 o$ A: w1 s$ o* X
11、自由型& N6 w2 p1 {: O
自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。+ y! o! _1 d4 S, F$ I' s* I
* C7 E( Q' p) X3 P& f( j以上简单给大家分析讲解了常见的几种网页形式,每种版网页设计并非以一种表现形态出现,比如四角型的网站可能会结合对称性的出现或是中轴型,所以大家在分析一个网站的时候不要以单一的一种视角去分析。因为一个网站的设计可能同时存在好几种版式形式。1 k: G8 p/ K) l% x' W
不同的排版可以给人不同的视觉感受,好的排版会给整个网站“锦上添花”。版式也没有绝对的好坏,只有适合和不适合。希望今天给大家分享的内容可以帮助到大家。, \* J; |' w1 Y
,# P5 D% \; M8 {, X. X# q
|