大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。: W; d6 ]4 C$ e5 T B
. u' `0 j# d' b
那么,在网站制作建设过程中,如何让我们的网站页面设计看起来更具有档次呢?为了让整个网站页面设计看起来更有档次,在进行网站页面制作过程中需要从如下几个方面着手:
6 P- r# g9 J' v' \7 P. A$ Q1 k9 z0 H3 U
1、字符2 z4 G+ u( d+ E" M# E
0 m; P2 {# l* E( ?
字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。" }' \# |7 _! i
8 R: C {/ o1 P
2、字号6 b, i; J: ~2 r9 ], }
! z! ^* _' w9 k. \+ a; S0 d
字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。3 }/ p6 @/ f& R4 Z% R0 z
7 k$ B2 I+ U0 l0 m- g" L! F5 I 3、字体 q. [) Z7 x; V( w. i- K& G* C
" P3 ?7 E/ {& j* J) b. E8 f
不同的字体有不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。6 L' P6 B7 G1 `3 m) W- g
标题字体的选用对整个页面的编排起着重要的作用。字体选择、字体特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。
! F, u1 x8 x: r( D. [4 t; a
+ A4 E/ x2 t4 K. B2 f9 d 4、样式
0 e3 g; i+ Y: o( S( W1 x( J9 C. g" J
文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。 p9 S/ t" C4 m
$ v m% } P3 @6 Q8 a; }/ h
5、间距
0 u- \1 Y. H4 {, e6 ^; U/ ? D V/ k- ]' L7 `! E
文字的间距分为横向间距和纵向间距即”字距””行距”。正文与标题的字距应该通篇保持一致,字距太大或太小都会导致可读性受到影响。行距的常规比例为10:12即用字10点,则行距12点。除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,有意识地加宽或缩窄行距,能够体现独特的审美意趣。; P! Z b& E# M/ R' A# g G
2 W- ~/ ]( a1 {/ o* ^( u
6、颜色
3 q, X. x4 A& {6 `- i! ^' \& U) v* a; O* r# I
颜色的运用对于整个文案的表达会产生很大的影响。使用不同颜色的文字可以使想要强调的部分更加引人注目。色彩可以使得文本不受位置的局限,加强或者减弱文本的表现强度,使页面文本的浏览产生视觉导向。0 G, M! \/ v) S* P
% y$ B" g) P8 ^3 `& Q* S- X$ r+ n- b% P
7、排版" F$ m0 e: P0 _) n# _8 S. e2 s1 `
- k. T1 q9 p* V( H/ Z7 F8 ? j) g1 X 文字的对齐方式一般分为四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最为常用,因为这两种对齐方式比较符合人们的阅读方式。5 V& Y( W1 f/ x4 L
文字的排布方向主要有三种:横排、竖排和斜排,其中以横排为主,横排文字群体比较适合人们的阅读习惯。
! `$ y/ k! \7 ~# ^0 x/ H- ?9 w9 `8 Q& {5 G- u0 d5 a) P
8、留白0 U( d1 F" m- D7 m& X
( {+ ^( m" I% H T$ m& I
留白可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则,留白过多,页面会变得零碎。
$ X5 e+ h! |* a1 G! ^# y. x0 s
) _# v; t6 o6 u* s 网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。
2 t0 U* T5 j- l6 s. a- ^3 p0 J6 M- ~' K
! \1 W2 @2 C1 ` A2 B 留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色,其他纹理等。2 i8 I, t4 H3 W" G1 _
" b% p( }$ Z$ w" C. n) g7 G
9、层次" L- c6 }0 u1 V, a q
& C- ^ t. o6 l( ^ 页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型,例如色彩的层次感、元素的层次感等等。
* m4 l2 c/ x$ r' Q" p& X. u l9 a1 Z( _) ~- b) w' ?7 U
10、光影/ g1 f% W( e8 i% p# t8 i; g! I: p
# t5 {8 D! U( B2 _* Y 现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透.视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。
. n3 g* _6 ]3 S+ m: B4 l. q1 [+ o4 H7 T$ h2 Z) ]
5 Q8 v& r5 h5 X0 A广州网站建设公司****派点互动,w w w.pidcn.com
, V9 w# U, \+ D% i
. W' e$ A% P+ d/ B |