2009.11 23

美之鉴 – 女人与Web设计

标签: , ,
Design

或许你也经历过，很多人都说一个女人很漂亮，而你觉得很一般。有时候，我也尝试理解为什么会对某个女人情有独钟。通常，我用迷人来描述，但这个"迷人"很难再细化解释，即使它真实地表现为一种强烈的吸引感。某些Web设计也一样，很简单，但就是受欢迎。

hebe

今天看到一则古文，解决了自己的某些表达上的疑惑。《美之鉴》，这个对美的刻画很深入。一理通万理，或许，你也会在这几句话中得知什么女人最美，如何设计最中人心：

女人之美，下美在貌，中美在情，上美在态。
以镜为镜，可以观貌；
以女人为镜，可以动情；
以男人为镜，可以生态。
无貌，还可有情；
无情，还可有态；
有态，则上可倾国，下可倾城。

你可以自己在网站尝试找一下解释，特别是"态"的释义。这里就不多做解释了，直接在下文中边提出自己的理解，边阐述对Web设计之美的总结：设计之美，一般的美为外观之美；中等的美为排版之美；最美为体验之美。

1. 外观之美

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

中国风

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

2. 排版之美

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

type

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

3. 体验之美

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

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

comments

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

验证码

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

总结：

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

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

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

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

收藏+分享: Del.icio.us / 百度搜藏 / QQ书签 / Google书签 / 更多 »
首页 » Design »

5 Tweets

46

  1. 2009.11.23 9:40 pm
    lostindream(visit): [回复]

    前排围观学习

  2. 2009.11.23 10:09 pm
    leehow(visit): [回复]

    我以为可以看到很多美女。

  3. 2009.11.23 10:23 pm
    bluemanta(visit): [回复]

    类比非常到位。图文并茂，雅俗共赏。。赞一个。

  4. 2009.11.23 10:23 pm
    bluemanta(visit): [回复]

    顺便，问下，那张图，是hebe？

  5. 2009.11.23 10:25 pm
    myton(visit): [回复]

    只会欣赏但是不懂设计。

  6. 2009.11.23 10:32 pm
    welee(visit): [回复]

    体验之美是最高境界，它融合了外观与排版之美，另外，我也讨厌验证码，验证码的存在是为了防止spam，却妨碍了用户体验。

  7. 2009.11.23 10:48 pm
    Dianso(visit): [回复]

    留言很方便，直接写内容就可以了。

  8. 2009.11.23 11:14 pm
    sofish(visit): [回复]

    @leehow: 只有一张美女图，哈哈…

    @bluemanta: 是的，hebe…

    @welee: 功能需要吧，不应该是妨碍，妨碍的应该去掉，这里是需要这个功能的。其实像Tencent的很多产品，在验证码的设计上都是非常不错的。而当当这个是我喜欢的…

  9. 2009.11.24 12:45 am
    Yibie(visit): [回复]

    http://fred.ipod.to/blog/ 分享一个也很美的博客，虽然风格不一致，但我认为它的阅读体验，是一级棒的！

  10. 2009.11.24 9:18 am
    园子(visit): [回复]

    那个验证方式不错
    很人性化~

  11. 2009.11.24 9:24 am
    iinterest(visit): [回复]

    细节之处提高用户的好感度

  12. 2009.11.24 11:55 am
    前锋热水器维修(visit): [回复]

    写得很不错的,比较的很贴切,支持一下

  13. 2009.11.24 12:12 pm
    qiqiboy(visit): [回复]

    写的不错，受教了

  14. 2009.11.24 1:00 pm
    菠萝(visit): [回复]

    你的设计比女人还美！

  15. 2009.11.24 2:00 pm
    niuhuifei(visit): [回复]

    @leehow: 同感！

  16. 2009.11.24 2:19 pm
    underone(visit): [回复]

    我被骗了，我还以为点进来是满眼的美女…

  17. 2009.11.24 3:03 pm
    ZH CEXO(visit): [回复]

    写得真美，什么时候我才能有这个水平~

  18. 2009.11.24 4:20 pm
    痞子新(visit): [回复]

    这也能想到。。。牛的。。。我拜一个

  19. 2009.11.24 6:18 pm
    mars(visit): [回复]

    女人的排版之美不太明白？
    女人的体验之美让人。。。

  20. 2009.11.24 7:01 pm
    aunsen(visit): [回复]

    上的厅堂下的厨房啊！

  21. 2009.11.25 2:07 pm
    韦斯特(visit): [回复]

    没有看太懂。稀里糊涂从头看到尾。小鱼儿说的话是需要些技术功底作支撑的。当然，还有个人的审美情趣相关。
    算啦，我还是作路人，欣赏美人亦是一种愉悦。

  22. 2009.11.26 11:09 am
    crossyou(visit): [回复]

    每次来，都能看到新东西，也知道该说什么了。

  23. 2009.11.26 4:57 pm
    horse(visit): [回复]

    有些网站spam太多或者遇到很多机器人发言，才会设计一开始就需要验证码吧？

  24. 2009.11.26 11:04 pm
    bolo(visit): [回复]

    说得真细致

  25. 2009.11.27 12:01 pm
    忆往事(visit): [回复]

    哇，原来有这么多说法啊。

  26. 2009.11.28 11:25 am
    wordpress啦(visit): [回复]

    这篇文章很有艺术含量啊，文章之美….

  27. 2009.12.03 10:20 am
    云海(visit): [回复]

    呵呵，不错不错！竟然可以这样来说WEB设计！O(∩_∩)O哈哈~
    不过在其中看到几个错字 (*^__^*) 嘻嘻……

  28. 2009.12.03 4:36 pm
    burncoffee(visit): [回复]

    看了之后让人不得不佩服!

  29. 2009.12.04 12:38 am
    盒子(visit): [回复]

    最重要的还是用户体验

  30. 2009.12.23 5:29 pm
    Brown(visit): [回复]

    很雅

  31. 2009.12.23 6:20 pm
    蓝霁a千(visit): [回复]

    设计确实应该从美的角度出发，美的东西总会抓住大家的眼球，给人以美的享受，这里也到处充满了古典美啊~~~

  32. 2009.12.24 2:31 pm
    ixwebhosting中文(visit): [回复]

    文章说的很有道理啊，支持

  33. 2009.12.29 11:25 am
    Yaofur(visit): [回复]

    其实有时候是需要多体验这些产品.然后发现不足之处.在自己设计的时候努力改善…….

  34. 2010.01.09 2:39 pm
    djyuning(visit): [回复]

    网页设计的用户体验确实很重要~但是，我目前接触的大部分设计工作都是程序员说了算（包括客户都被他们说服）~~唉~总是在考虑安全~~其实是他们的技术不够扎实~~~

  35. 2010.01.14 1:46 pm
    开心交流网(visit): [回复]

    你的BLOG很漂亮，不知道能不能换个友链

  36. 2010.01.17 7:24 pm
    ggkit(visit): [回复]

    不错，顶

  37. 2010.01.17 11:54 pm
    细腿猫(visit): [回复]

    恩 用户体验就是深入人心，所谓得人心者得天下
    收藏了，这个一定会影响我终生的

  38. 2010.01.21 11:54 am
    joray(visit): [回复]

    真的蛮好的

  39. 2010.01.21 9:18 pm
    is下载(visit): [回复]

    好喜欢sofish的设计风格

  40. 2010.02.09 1:12 am
    迷失(visit): [回复]

    哇,原来是一个标题党

  41. 2010.02.20 2:55 pm
    amoblin(visit): [回复]

    写的很好。学习了！

  42. 2009.11.23 9:35 pm
    sofish(visit): [回复]

    《美之鉴 – 女人与Web设计》 – http://is.gd/51OMb

    This comment was originally posted on Twitter

  43. 2009.11.23 9:46 pm
    plidezus(visit): [回复]

    RT @sofish: 《美之鉴 – 女人与Web设计》 – http://is.gd/51OMb ［很有趣的分析］

    This comment was originally posted on Twitter

  44. 2009.11.23 11:36 pm
    Shenhuizh(visit): [回复]

    美之鉴 – 女人与Web设计 http://j.mp/8zesXG

    This comment was originally posted on Twitter

  45. 2009.11.24 12:17 am
    sha_feng(visit): [回复]

    [ #share ] 美之鉴 – 女人与Web设计 http://twurl.nl/nij18s

    This comment was originally posted on Twitter

  46. 2009.11.24 10:29 am
    imneway(visit): [回复]

    RT @sofish: 《美之鉴 – 女人与Web设计》 – http://is.gd/51OMb

    This comment was originally posted on Twitter

Additional comments powered by BackType