如何设计网页可以更好的展现企业形象, 突出视觉的中心。下面这几中形式经常出现在网页设计当中,重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。我们来一一分析这几种排版运用于网页设计中的优点。
* i4 `! c& Z B, f; L: `1、重心型
( g$ x0 g% ^/ w* Y# l4 O( A重心型版式的网页容易让浏览者产生视觉焦点,界面效果强烈且突出。重心型又可以分以下三种形式。
& L( h+ i! F- s7 x# EA、直接以独立而轮廓分明的形象占据版面中心。
: Y5 _+ F% ?: F* D' `
# ]# i) j& u/ ZB、向心:视觉元素向版面中心聚拢的运动。
+ k- | }; E- z: [: E
: D6 U" v/ |: q' h0 A5 K% rC、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
9 M. j% c0 @: c# }3 r
" \( W; t( B" B U
2、中轴型
( b6 d/ E O [* Q& P; \中轴型的网页设计,是将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面会给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。垂直排列的这种排版方式比较常出现。 w" Y& b) ~: u' e* _
$ O5 w, Q9 b5 _, H$ i, |2 c3、分割型4 L. h* z# R" X
分割型主要可以分成上下分割和左右分割。相比较,左右分割型的网站会比较常见。. ?; S! D+ ^8 F, K" c
A、上下分割
' a9 @) O) `% C& R# a上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。
6 |. Q$ e2 x$ O4 a
4 V7 K7 b/ q( Z0 V2 |% R( |B、左右分割
9 z3 e2 N' R u9 k3 J左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。+ _" m3 ^0 T: I0 @! D3 [* E
2 a9 o i/ g" H- J/ L" G* M4、倾斜型 k% d, Q4 N! u; V2 {! I+ @5 w
倾斜型的网站比较少见,这样的网站偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。
5 y, V; z! `4 g! E3 c) {
- l" f" r, a' b! s/ F% j
5、骨骼型
* l& z. N8 K3 E! u9 |8 {' v3 l骨骼型比较在传统网站当中比较常见,它是一种规范的界面分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。说到这个,就可以想到栅格系统,实际上这两者是差不多意思的。9 [7 }* M/ d8 H/ }( C' q
骨骼型的网站会给人以严谨、和谐、理性的美。每一个区块经过相互混合后的版式,既理性、条理,又活泼而具弹性。' c0 f3 J! h$ ~- b m% g
5 m0 y. q) z' O: F# s- a" n
6、满版型5 ?8 c9 U* L6 H! m6 i1 ]! ~
满版型的网站近几年也越来越多见,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。
) C. O9 ~* I& W, M
9 i" a0 L$ }; {' F1 }( n, K2 p7、曲线型4 ^ n/ ~; j b& N
图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。
& V& c, k0 E" x- c/ D4 k
2 o( K3 J: P- m- x/ \* N$ e% E0 m
8、对称型% G, R$ e2 ~" o0 D' K5 [/ r
对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。
4 U/ Z8 ~+ t' \
- Y5 I; ~3 V& Z4 w" |5 @这个网站是绝对对称,比较少见,这样的网站看久了会比较单调。- `5 B% d) ^; F: ]1 Y9 P
9、三角形
" d: |+ u+ z, s1 N2 D/ c% u2 ^$ h在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。
; u$ n# Q- e+ q# f- U# E
]/ N& _2 N8 P+ j10、四角型3 Y* I$ w S0 z% F: J# S0 u
四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。8 u) s4 y# V3 H3 }$ t. y9 V, V
2 h( T# ]8 z0 o0 D, u
11、自由型3 b; j+ Q* _+ n9 V2 Y6 ^2 t( d
自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。2 g; o! _6 x4 |
( o* |* j+ Q$ \. J7 l& X6 b# f以上简单给大家分析讲解了常见的几种网页形式,每种版网页设计并非以一种表现形态出现,比如四角型的网站可能会结合对称性的出现或是中轴型,所以大家在分析一个网站的时候不要以单一的一种视角去分析。因为一个网站的设计可能同时存在好几种版式形式。
/ w9 p: n. ?6 h9 u7 H3 O; s2 ^/ H不同的排版可以给人不同的视觉感受,好的排版会给整个网站“锦上添花”。版式也没有绝对的好坏,只有适合和不适合。希望今天给大家分享的内容可以帮助到大家。
k" }2 N$ t, j1 r,
' T9 N% b2 C+ D+ U4 v1 S |