找回密码
 加入怎通
查看: 801|回复: 9

[其他] 分享一些完美网站页面美化的设计标准

[复制链接]
feiying12345 发表于 2012-10-30 21:56:52 | 显示全部楼层 |阅读模式
设计体现了一个网站的艺术素养,然而并不是说您应当过分设计,设计风格应结合您的行业,要简洁,清新,优雅,平和,设计仅仅是在用户访问您的内容时获得一种外在印象,不可喧宾夺主。设计应遵循以下原则。   为初次访问者传递专业的第一印象7 m  d% |: h) \/ }
  好的设计会给初次访问者带来难忘的第一印象,然而设计的好与坏从来都是仁者见仁,智者见智的,没有统一标准,如果硬要设置一条标准,就是好的设计应给人以专业感,所谓的专业感,通俗地讲,就是设计要象个样子,不妨拿您的网站和世界500强的作个对比,您就会知道专业感是个什么样子。6 B8 p8 @0 w* i# `( p
  面向行业设计' p2 u+ Q  x" t5 W) i- i/ j( s( B& `
  如果您是机械行业,使用粉红色系作页面的配色就不恰当,不同的行业有不同行业的风格,您的设计应符合这个行业的风格,不同行业的设计风格一般以不同行业的消费群的口味而定,这就好比以专业摄影师为目标市场的相机一般以黑色,结实,手感重为特点,而消费类相机则以银色或彩色,轻薄时尚为特点。如果您不知道您的行业风格是什么,不妨看看您的成功的竞争对手的网站。
$ s5 i: t- U1 n( G3 n; T, M: ^  设计不可喧宾夺主
) b% N( C) r4 W* i+ R7 V- d  或者说,不可过度设计,您需要始终记住,用户来到您的网站,他们真正想看的是内容,而不是您的设计,何况,所谓设计,更多是一种主观的东西,随着这个世界的流行趋势而变,现在的设计多以简洁为美,一定不要将您的网站搞得象巴洛克时代的艺术品。* m/ ~; ?+ H( y
  设计遵循优雅原则(elegant)
0 I+ ]5 U# D0 Z6 L, c" E' O0 g  一些粗鲁的设计会让用户觉得受到侵犯,所谓优雅,举个例子,您的页面顶部放着20个无颜六色跑马灯在那里闪烁就绝对不是优雅,优雅的设计显得礼貌,有品位,有艺术感,让用户受到尊重,且不可让用户觉得您是在对他们大喊大叫。+ ]  f7 O" s) d
  设计遵守平和原则(peace)
  p( m, A2 s* S/ E  不要用过分强烈的色彩或字体对比让用户感到不安,或者感到疲劳,好的设计是把自己的设计思想平平常常地展现出来,而不是总害怕人看不到,如果用户用户感觉不到您的设计用心有觉得舒服,您就是在以平和的心态设计。  |+ E" s0 u1 V5 a& f# K8 u
  包含醒目的 Logo
6 v! r& k, _  }- E, I. P3 w+ p3 i9 h  您的公司或网站的 Logo 要非常醒目,它们是您的视觉标志,不要把它们埋藏到一些乱七八糟的色彩中。
6 y; y$ v9 Y( p+ e7 h  包含一套非常吸引人的企业 Banner
: t; L' A- Z6 m- j# \  企业 Banner 是我自造的一个词汇,所谓企业 Banner 是一组图片或其它视觉元素,放在网站的上部,一般在 Logo 下方,导航条附近,用来展示企业的形象或动态,它类似广告 Banner 但只用于展示企业自身。企业 Banner 要有良好的设计,体现企业的文化,价值观或造诣,要定期更新。
( ?1 V  C6 n0 E/ `- }  企业 Banner 应当定期更新
8 y/ q+ B& F7 f& O" i0 F, a  企业 Banner 应该是您的网站中最醒目的部分,对于长期访问用户,它们应该成为用户注意力的中心,比如,微软每次有新产品,新动向,都会设计全新的企业 Banner 放在首页,如果您没有时间和经理定期对网站内容进行大规模更新,更新企业 Banner 并与企业动态结合起来,会让人觉得您的网站一直在活跃地更新。- a  f- L4 N9 l
  企业 Banner 体现企业动态7 s, h) F% }! ^5 _5 e2 I9 d
  如果您有一个大型展览会要举行,或者参加某项活动,或者在行业获得某个成就,奖励,或者有重大产品发布,都可以以企业 Banner 的形式告诉用户,如果您自己对这些动态重视,您的用户也会。- q& o) o' B6 ?" H) T/ P+ b
  合理安排页面重心,不可有头重脚轻的感觉
8 |0 d$ `% i) O( Y  人类能接受的最佳构图是三角构图,重心位于页面的左侧偏下,然后重心向右,向上逐渐减轻。否则会有画面不稳的感觉。不要在页面顶部罗列太多视觉元素,那样会给人头重脚轻的感觉。6 l( ~; h. t' ~- z7 C7 T- x" g' {* z
  全站遵守一致的设计风格. s# p5 n* X8 k" f4 @- a# e
  全站的配色与页面布局应该是一致的,要给人以连贯感,避免页与页之间有太突兀的变化。
! L( q, `" T2 y! R) f- B4 }  对图片进行优化0 |$ Z8 i! X- j, U; M8 W* o
  图片在网站中地位非常重要,适当地使用图片元素可以避免页面太枯燥,图片比文字更容易理解,但您必须对图片进行设计时优化处理,否则它们的体积将使您的网站变得非常笨重,Photoshop 的 Save for Web 功能可以很好地帮助您对图片进行优化。图片优化的原则是,对于颜色比较丰富细腻的照片,应以 JPG 格式保存,适当选择压缩比例,一个 400x300 像素的图片以 JPG 保存时的尺寸应低于 20K 才合适;对于大色块的图形,以 GIF 格式保存比较好,适当降低颜色数以显著降低图片尺寸。) Y) `) g' s/ B1 U7 F- |
本文由(源码营 http://www.yuanmaying.com/ 发布)。 1 ~# ^  `7 U2 p1 N8 i

暂时无法加载帖子列表

回复

使用道具 举报

TONY 发表于 2012-10-30 21:58:42 | 显示全部楼层
做好用户体验是根本,页面美化的目的是增加用户体验!
回复

使用道具 举报

∩菰_髑∩ 发表于 2012-10-31 11:19:16 | 显示全部楼层
无可厚非这几天大部分网站的收录都在下降
回复

使用道具 举报

星辰丨洛洛 发表于 2026-05-06 19:46:27 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

雪花飞了 发表于 2026-06-03 06:58:42 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

追风追雨追太阳 发表于 2026-09-08 20:47:15 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

auq2010 发表于 2026-09-14 17:26:32 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

说不出的是-- 发表于 2026-09-15 23:18:43 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

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

使用道具 举报

洁@容~~~ 发表于 2026-10-20 00:07:12 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-10-31 07:43 , Processed in 0.043241 second(s), 26 queries , Gzip On.

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

    Powered by Discuz! X3.5

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