找回密码
 加入怎通
查看: 535|回复: 7

[IT资讯] 如何让你的网站设计页面看起来更有档次?

[复制链接]
SEO新媒体 发表于 2016-12-23 15:06:48 | 显示全部楼层 |阅读模式
    大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。
4 X8 f+ `0 j6 ]5 k; ~/ B/ l  B! l3 N  }  O
    那么,在网站制作建设过程中,如何让我们的网站页面设计看起来更具有档次呢?为了让整个网站页面设计看起来更有档次,在进行网站页面制作过程中需要从如下几个方面着手:
/ E0 B- y" D4 x& ], {# \, G$ E
& I. E- }$ z8 X5 H: u) Q    1、字符2 K4 A( N; N3 D6 j& n

) u; a4 [+ |' ?: {    字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。9 Q/ `$ |: D  `1 C! H2 a& {

3 d) C7 ^$ Y& L" z3 ^9 m# _    2、字号
  n% ?* n5 e5 s
0 c, {+ H' I7 W- H/ l    字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。: H& q- k. z" @8 K1 r0 N
2 I, t. w! e' e2 z/ j9 S- v
    3、字体: {6 Y8 ^9 C1 c% o! n

& q- ?0 b9 U3 `" f2 x: G    不同的字体有不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。' u; t4 g. `1 r9 R0 S4 `9 C
标题字体的选用对整个页面的编排起着重要的作用。字体选择、字体特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。
1 b8 v1 Z* n. J& B
9 n& @7 x) A3 d( Q5 s    4、样式
6 @, T, s/ A7 o' W7 y
2 V( ~  r, ^7 o1 r% v4 P' m) U! R    文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。! o, F0 n2 m' z* F. ]

3 G+ V8 u% X4 Y2 R9 F$ L: }0 X    5、间距
$ {4 p  W7 @- V% w! Y, U( M4 q7 p; _$ ]: N8 r) {2 ^
    文字的间距分为横向间距和纵向间距即”字距””行距”。正文与标题的字距应该通篇保持一致,字距太大或太小都会导致可读性受到影响。行距的常规比例为10:12即用字10点,则行距12点。除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,有意识地加宽或缩窄行距,能够体现独特的审美意趣。* y( f' Z7 i+ s' }6 P

4 w; C) O) g( Z# n! s  e. m    6、颜色$ f2 S) [4 A; q5 q/ F# V. h) ]

; ~: L2 l1 \" a6 w! G" E    颜色的运用对于整个文案的表达会产生很大的影响。使用不同颜色的文字可以使想要强调的部分更加引人注目。色彩可以使得文本不受位置的局限,加强或者减弱文本的表现强度,使页面文本的浏览产生视觉导向。4 T! [2 _) N7 s$ S- p$ w

  H8 d+ K+ _- Q$ R5 x" H9 @0 P    7、排版
3 e( C& m* P3 F( [3 b; t' b& @" H( H7 u% M0 j
    文字的对齐方式一般分为四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最为常用,因为这两种对齐方式比较符合人们的阅读方式。
7 g" h5 H# ^+ M8 V文字的排布方向主要有三种:横排、竖排和斜排,其中以横排为主,横排文字群体比较适合人们的阅读习惯。8 v9 o+ o8 M; r8 X/ s

  ^0 h; U& z; Z7 x. `5 R* B# T+ p5 h* J    8、留白. B' r. Q# M3 n: O5 g: p, |
, Z; M" K/ h4 N( M
    留白可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则,留白过多,页面会变得零碎。, O: H% ^. L$ a" H+ ]3 s' P) X( m

$ L1 E; A& X( N, M" ~    网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。0 p+ a& a! g8 |0 N* V
; Y) G! H6 b% x' e9 h5 E4 x, a7 _
    留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色,其他纹理等。1 |+ i$ [+ Q! p# ~; {' x3 {

1 P5 k1 d) f9 E5 F5 R    9、层次
6 H- B, G. P- A  T( f) Y) u5 i$ {9 p/ J2 _. G" m! V0 ^0 i
  页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型,例如色彩的层次感、元素的层次感等等。
4 n: j* C2 L- T7 |& ^) [: d4 q( a3 P' n: H
   10、光影( h8 O, y6 V% J) y$ D, B

- g9 U; t3 t# Z( I0 P   现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透.视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。
* m6 A  v8 F0 _$ r! Z3 j6 f
1 t7 R6 |5 k6 L
+ V6 t+ ~& k0 e( ?( {广州网站建设公司****派点互动,w w w.pidcn.com
" M0 J. A) T0 e; P) C( h  f8 }6 c% L
9 B- r- X! T$ h3 O

暂时无法加载帖子列表

回复

使用道具 举报

03108124888 发表于 2016-12-23 15:09:08 | 显示全部楼层
有一种回帖叫做抢沙发
回复

使用道具 举报

XYDUANZAO 发表于 2016-12-25 11:21:53 | 显示全部楼层
很好,谢谢分享了。
回复

使用道具 举报

中联科技卡盟 发表于 2026-04-28 04:00:25 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

chinagaomei 发表于 2026-07-22 02:58:53 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

郁金香1 发表于 2026-08-30 15:08:14 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

不言不语不忘 发表于 2026-09-03 20:16:23 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

[VIP娃他爹爹 发表于 2026-09-04 18:13:49 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-19 15:59 , Processed in 0.051507 second(s), 25 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表