登录论坛 | 注册会员 设为首页 | 收藏本站
当前位置 : 首页>软件学院>程序开发>CSS>正文
 
网页外观之美、排版之美和体验之美

http://www.dbit.cn 2009-11-26 9:22:42  来源:网络整理  编辑:叶子
 
  外观,排版与体验是网页设计中最主要的三个要点,能做好这三点就是一个比较不错的界面了。

  1. 外观之美

  "下美在貌… 以镜为镜,可以观貌",这里说的是,外观上的美,可以根据某此自己的总结经历的标准(镜不是活的,镜前之美,是我们自我理解的美),对比着实现。Web设计也一样,根据标准,我们要求别人,或者自己对比着实现,一个属于自己的美。比如中国风这个主题的第一印象:

  
CSS


  喜欢中国风情的人,会觉得漂亮;崇尚简洁的人则不以为然。这是决定于评判美的标准是不同的。外观之美,是下美,有人喜欢,但只是某些特定的人喜欢。这种设计,通常比较适合需要展示个性的个人主页。

  2. 排版之美

  "中美在情…以女人为镜,可以动情",这里说的是,性格上的美,可以以同类为标准来做改变。Web设计上,可以不用独具视觉冲击的背景或图标,却可以在同类的比较中得出改造的方案。比如我自己博客在排版上的处理与RSS阅读器中排版的区别:

  
CSS


  博客上的排版,标题与加粗分明,字体大小和色调不同,代码与文字内容区分开,更方便快速浏览。这是由排版所决定的。这在以字母(类似于英文字母)为文字的设计中,这种区分将会更有必要。通常,这种设计适合所有网站。当然,是所有。每个网站都需要更好的排版。

  3. 体验之美

  "上美在态… 以男人为镜,可以生态",这里说的是,女人气质情趣之美,可以以男人的需求为标准而产生。可以用一句最简单的话来描述一个具备上等美的女人:"这个女人既漂亮又懂得相夫教子"(我想如果你将来用上,应该感谢一下sofish)。刚才为什么在描述 排版之美的时候,说到的是需要"更好"的排版;为什么说一个具备"上等美"的女人,而不是说"最美"的女人。因为一方面最美并不是具备一方面就能达到的,一个网站可能其他方面做得更好,但排版一般(我们认为可以更好);另一方面是最美是对不同人而言的,就像你认为自己的女人最漂亮是一样的道理。因为别人并不知道她对于你的特别之处,只是看到她的外貌。Web设计也一样,体验之美是上美,是最美,因为他针对特定的用户而开发,充分考虑各种需求,不断增强体验。

  来看看某些增加体验上的设计,比如我博客的留言表单,留言前与留言后的表现:

  
CSS


  又比如,我们最讨厌的万恶心的验证码。像当当这种设计,才是王道。我们不就怕穷举法破解吗? 那我们就设计3次,或者1次错误之后,才提示要输入验证码才能登陆。像当当网的这种设计,不正是我们所要的么?

  
CSS


  通常,这并不是适不适合某个网站的问题,而是Web设计者是否有能力做到、能考虑到的问题。

  总结:

  "无貌,还可有情;无情,还可有态;有态,则上可倾国,下可倾城"。没有好的外貌,还可以有好的性格;没有好的性格,还可以有好的气质情趣。有好的气质情趣,甚至可以吸引全国的人。Web设计也一样,没有强大视觉冲击的图片,还可以有适合浏览的排版;没有更好的排版,还能有上等的体验。以用户为中心而设计的网站为上等美,对用户来是众多选择中的最美。

  这里有必要说明一下,在排版之美中,用的博客内容排版与Google Reader中的排版作为比较,是否与"没有更好的排版,还能有上等的体验"冲突。其实刚才相反,这正是一个上等美体验的表现。让我们想象一下,如果GR给我们定义特定的样式,而我博客上也定义了样式,并且在GR中输入,这样,两种样式混合,将会产生冲突,这将是一种更糟的体验。这是为体验而作的之中折衷选择。当然,我相信这可以做得更好,但同类中这样已经是最好的体验了。

  另外,这里以我的博客作为演示,并不说明这个博客是最美的,而是给一些例子,让你知道为什么这样设计会更好。

  所谓"一理通万理",鉴别女子美丑与鉴别网站美丑有同样的道理。这事见仁见智,还需要看个人的理解。而上面是我的总结。当然,我想表达得更清楚、更详尽,但语言表达能力与时间让我不得不现在停下。如果你有什么好的想法,欢迎来交流;同样欢迎给这篇文章挑刺。
 
收藏】【打印】【进入论坛
  相关文章:

 
 
 
 
最新文章

中关村艳照门女主角详记录高清组图 
大连护士门大尺度艳照高清组图
iPhone女孩微博爆红 最宝贵东西换iPhon
反恐精英之父内维尔:改变电脑游戏销售
团购网站黎明之前:中国市场惨烈厮杀不
团购鼻祖Groupon中国揭秘:快与慢的商业
Spil Games发布新的品牌形象
1800配置一台主机 不要显示器
联想V360笔记本模特写真
爱国者第四代移动硬盘将面市、低电压保

 
推荐文章
1
2
3
4
5
6
7
8
9
10
iPhone女孩微博爆红 最宝贵东西换
大连护士门大尺度艳照高清组图
中关村艳照门女主角详记录高清组
苹果员工中毒门
宫如敏不雅照疯传 看张馨予韩一菲
深耕市场 永续经营——专访百脑汇
优派专业电子书 让您回家旅途多姿
揭晓百万大奖三星bada魅力绽放中
大明龙权“江湖英雄会”全国PK大
永恒之塔校园达人挑战赛完美落幕
八卦图解 More>>
iPhone女孩微博爆红 最宝贵东西换 大连护士门大尺度艳照高清组图
中关村艳照门女主角详记录高清组 宫如敏不雅照疯传 看张馨予韩一菲