如何设计网页可以更好的展现企业形象, 突出视觉的中心。下面这几中形式经常出现在网页设计当中,重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。我们来一一分析这几种排版运用于网页设计中的优点。3 r0 h8 H+ B) A" }3 h. q
1、重心型6 ~5 m% W5 G3 w4 ]1 a- A
重心型版式的网页容易让浏览者产生视觉焦点,界面效果强烈且突出。重心型又可以分以下三种形式。1 i0 R6 m- V$ }4 n6 C0 C* \" }
A、直接以独立而轮廓分明的形象占据版面中心。
: H# U$ n; } \' G6 h6 v
" N k! @9 V* S- EB、向心:视觉元素向版面中心聚拢的运动。
; b1 D* U# @: _9 L+ p2 r' P
9 _) ~) \) {: a& F: A# EC、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
3 B4 }; v- }* a- j& i9 ~- N
% R4 M/ ?. J1 b/ m$ ]5 a. C2、中轴型 `' {' K0 C5 \7 ^) K, L
中轴型的网页设计,是将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面会给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。垂直排列的这种排版方式比较常出现。& |0 z* X: W! Y9 N: `6 ?
2 d+ e$ I/ f% }1 ^2 ~' d S
3、分割型
2 b ~2 B* K: s9 u8 v3 C. K分割型主要可以分成上下分割和左右分割。相比较,左右分割型的网站会比较常见。
8 J- U' @& m0 _A、上下分割1 M. } h5 [, a6 I9 A
上下分割,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。
# a- x1 }! k5 h" W, d
& T5 Z7 n7 N% |
B、左右分割
; }# i! T& z" ]3 Z' I8 ^左右分割,就把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。& e6 R, T: `" z* D5 v2 w
7 J( i `- l' o1 F% ^& m& a+ @
4、倾斜型
# s2 n5 M# y+ Y. @倾斜型的网站比较少见,这样的网站偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。
7 h1 F% s n5 [2 I* ~6 G
. Y! L7 p9 j7 L+ K5 k5、骨骼型7 B: A) e4 l) c/ s9 r9 C
骨骼型比较在传统网站当中比较常见,它是一种规范的界面分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。说到这个,就可以想到栅格系统,实际上这两者是差不多意思的。
, F: Z% Z. K3 w4 |8 l2 c骨骼型的网站会给人以严谨、和谐、理性的美。每一个区块经过相互混合后的版式,既理性、条理,又活泼而具弹性。) v0 E1 |4 [' m6 I9 q
; X8 t( S U4 P5 f7 ?6、满版型/ w9 [ b" N% I; X$ C
满版型的网站近几年也越来越多见,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。
( s0 F4 H; M- O$ V0 e# A
/ s8 F) {% g4 ]1 U) D' P7、曲线型! V- T k0 S. F( j7 Q9 R) p" J. p- ^; x
图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。+ Q3 j7 q( O4 `" f5 y: a
1 E4 b$ p! C3 [; T: G, W8、对称型
; |7 |: f/ | K h* a: ]对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。
1 N- Z, P1 i, }" Z+ p
$ V. L' T8 f4 g7 O# D
这个网站是绝对对称,比较少见,这样的网站看久了会比较单调。
8 l- c) G t8 T+ T2 m0 D5 O L* T9、三角形% |, H F, f: y0 l6 s4 h0 k9 S5 I
在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。' p/ k/ a3 A8 E4 m e7 ]" Q& W
* _: N( q3 P0 N3 W
10、四角型- e+ n$ x V9 T" {9 Q* }- D
四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。% y- j; M( T3 i3 |
5 I$ ]! v2 I% V$ N& L7 `11、自由型
' u0 `8 I F- k. q5 @+ [7 N自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。
. A) }* A+ k6 q, O
8 F- V% }* e* H' V2 b以上简单给大家分析讲解了常见的几种网页形式,每种版网页设计并非以一种表现形态出现,比如四角型的网站可能会结合对称性的出现或是中轴型,所以大家在分析一个网站的时候不要以单一的一种视角去分析。因为一个网站的设计可能同时存在好几种版式形式。4 b) }0 q) \/ j- G& Q. R
不同的排版可以给人不同的视觉感受,好的排版会给整个网站“锦上添花”。版式也没有绝对的好坏,只有适合和不适合。希望今天给大家分享的内容可以帮助到大家。1 h7 a4 A- H4 |. H- D
,; g% a- N3 ] I# g5 Y; U. D( a
|