找回密码
 加入怎通
查看: 608|回复: 11

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

[复制链接]
SEO新媒体 发表于 2016-12-23 15:06:48 | 显示全部楼层 |阅读模式
    大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。5 ]: D: n  h# H7 i
- S9 q/ _0 O& [9 r) q
    那么,在网站制作建设过程中,如何让我们的网站页面设计看起来更具有档次呢?为了让整个网站页面设计看起来更有档次,在进行网站页面制作过程中需要从如下几个方面着手:
8 m! w4 c$ ~( ~' m# f5 S
" y3 O4 r8 r5 p' @% f1 l) b, ~    1、字符
1 T1 {& n" c  Z4 S# N2 Y" M/ B- |1 T
    字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。
" d+ b$ I! ~3 `* q& e6 c# k! u' n: z5 e" x# N: v
    2、字号
  e8 G* [) n. E+ M3 w
! h* J5 S+ Z& Y( {* o    字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。2 z$ O( g4 n$ ?2 j2 u0 Z

- N  y+ l7 Q- \* H1 ?! t& V    3、字体- G6 z" j/ h9 v: ^9 K. ~- A4 t0 g

0 S/ j( f* I0 I, X    不同的字体有不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。
$ K5 z* K0 [8 n7 j0 `+ B标题字体的选用对整个页面的编排起着重要的作用。字体选择、字体特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。
! O3 p/ Z2 J1 e9 V+ B4 ~8 l6 _; n
    4、样式
  z& L) h2 s; Z3 b- B9 |" p4 o1 x, z8 Q" P: d2 S
    文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。
: R2 @8 z4 a, g# ^4 T( }+ c- T/ Q9 {) [+ X' P
    5、间距
9 M& R9 T& l! I# C4 R4 B
. W  Q' O, M) z  q6 B    文字的间距分为横向间距和纵向间距即”字距””行距”。正文与标题的字距应该通篇保持一致,字距太大或太小都会导致可读性受到影响。行距的常规比例为10:12即用字10点,则行距12点。除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,有意识地加宽或缩窄行距,能够体现独特的审美意趣。
3 v. Z# P* W: L8 m9 g7 M5 D& \
! Q$ s3 V: m3 V; Y, {5 J    6、颜色
) ^- n6 f5 B. f+ \! M6 i9 r+ R& h0 p# K$ u  t1 V0 v
    颜色的运用对于整个文案的表达会产生很大的影响。使用不同颜色的文字可以使想要强调的部分更加引人注目。色彩可以使得文本不受位置的局限,加强或者减弱文本的表现强度,使页面文本的浏览产生视觉导向。
2 @9 _! P* y* I
2 M. S# ]# X. |    7、排版/ d# ]- N0 [8 A0 }

- D0 N, n8 f9 \5 f" Z, r6 Z    文字的对齐方式一般分为四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最为常用,因为这两种对齐方式比较符合人们的阅读方式。8 F3 m" f* ~% t) @3 c! W
文字的排布方向主要有三种:横排、竖排和斜排,其中以横排为主,横排文字群体比较适合人们的阅读习惯。
2 H* V2 z/ P( S# ?* B
  C) \+ {2 Q. x. y8 a/ }    8、留白$ _8 q8 a6 r+ N9 |0 V6 o0 J) w

! R3 d& U4 J; {! l9 _    留白可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则,留白过多,页面会变得零碎。( l* U& H4 e6 p3 L2 l
3 j, X0 `) ]2 b3 D$ R
    网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。
/ a* A' \( P8 p2 S' G
* S$ v) a2 g& D" I    留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色,其他纹理等。
' e# ?8 s3 i5 \4 G& p' x8 f$ A6 U: d. b( @) D& Y3 ~) {/ f" f
    9、层次) ^% C* b0 Q6 t# e- t2 s( v! L
" p' K$ Y' W9 A$ e% ]0 C- R
  页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型,例如色彩的层次感、元素的层次感等等。$ W# h2 F; x9 }+ Z/ I
5 @& U6 X( y, u2 x, n
   10、光影9 i! T2 x% V8 q! T( p- b2 N: V
3 n; z! p/ n$ V8 R  B8 E
   现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透.视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。
7 f' {% \) G7 J6 S/ P  y5 ~/ E3 H; n) w' [
6 Z6 P2 [5 ^) p
广州网站建设公司****派点互动,w w w.pidcn.com
- ]  N1 u7 R3 u! n/ B4 v8 B/ t4 k. ~$ t7 H) T+ i% ^

暂时无法加载帖子列表

回复

使用道具 举报

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 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

最初的你 发表于 2026-10-08 09:44:29 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

逍遥自在逍遥也 发表于 2026-10-20 06:38:30 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

qingaiyijiu 发表于 2026-10-27 08:03:26 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

样样 发表于 2026-11-01 06:36:02 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-11-6 14:17 , Processed in 0.037386 second(s), 26 queries , Gzip On.

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

    Powered by Discuz! X3.5

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