用户体验之外观之美,排版之美和体验之美

【 tulaoshi.com - 平面设计 】

导读：外观，排版与体验是网页设计中最主要的三个要点，能做好这三点就是一个比较不错的界面了。

1. 外观之美

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

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

2. 排版之美

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

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

3. 体验之美

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

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

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

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

总结：

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

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

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

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