DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：美之鑒——女人與Web設計.

或許你也經歷過，很多人都說一個女人很漂亮，而你覺得很一般。有時候，我也嘗試理解為什麼會對某個女人情有獨鐘。通常，我用迷人來描述，但這個“迷人”很難再細化解釋，即使它真實地表現為一種強烈的吸引感。某些Web設計也一樣，很簡單，但就是受歡迎。

今天看到一則古文，解決了自己的某些表達上的疑惑。《美之鑒》，這個對美的刻畫很深入。一理通萬理，或許，你也會在這幾句話中得知什麼女人最美，如何設計最中人心：

女人之美，下美在貌，中美在情，上美在態。

以鏡為鏡，可以觀貌；

以女人為鏡，可以動情；

以男人為鏡，可以生態。

無貌，還可有情；

無情，還可有態；

有態，則上可傾國，下可傾城。

你可以自己在網站嘗試找一下解釋，特別是“態”的釋義。這裡就不多做解釋了，直接在下文中邊提出自己的理解，邊闡述對Web設計之美的總結：設計之美，一般的美為外觀之美；中等的美為排版之美；最美為體驗之美。

1. 外觀之美

“下美在貌… 以鏡為鏡，可以觀貌”，這裡說的是，外觀上的美，可以根據某此自己的總結經歷的標准（鏡不是活的，鏡前之美，是我們自我理解的美），對比著實現。Web設計也一樣，根據標准，我們要求別人，或者自己對比著實現，一個屬於自己的美。比如中國風這個主題的第一印象：

喜歡中國風情的人，會覺得漂亮；崇尚簡潔的人則不以為然。這是決定於評判美的標准是不同的。外觀之美，是下美，有人喜歡，但只是某些特定的人喜歡。這種設計，通常比較適合需要展示個性的個人主頁。

2. 排版之美

“中美在情…以女人為鏡，可以動情”，這裡說的是，性格上的美，可以以同類為標准來做改變。Web設計上，可以不用獨具視覺沖擊的背景或圖標，卻可以在同類的比較中得出改造的方案。比如我自己博客在排版上的處理與RSS閱讀器中排版的區別：

博客上的排版，標題與加粗分明，字體大小和色調不同，代碼與文字內容區分開，更方便快速浏覽。這是由排版所決定的。這在以字母（類似於英文字母）為文字的設計中，這種區分將會更有必要。通常，這種設計適合所有網站。當然，是所有。每個網站都需要更好的排版。

網頁制作poluoluo文章簡介：美之鑒——女人與Web設計.

3. 體驗之美

“上美在態… 以男人為鏡，可以生態”，這裡說的是，女人氣質情趣之美，可以以男人的需求為標准而產生。可以用一句最簡單的話來描述一個具備上等美的女人：“這個女人既漂亮又懂得相夫教子”（我想如果你將來用上，應該感謝一下sofish）。剛才為什麼在描述排版之美的時候，說到的是需要“更好”的排版；為什麼說一個具備“上等美”的女人，而不是說“最美”的女人。因為一方面最美並不是具備一方面就能達到的，一個網站可能其他方面做得更好，但排版一般（我們認為可以更好）；另一方面是最美是對不同人而言的，就像你認為自己的女人最漂亮是一樣的道理。因為別人並不知道她對於你的特別之處，只是看到她的外貌。Web設計也一樣，體驗之美是上美，是最美，因為他針對特定的用戶而開發，充分考慮各種需求，不斷增強體驗。

來看看某些增加體驗上的設計，比如我博客的留言表單，留言前與留言後的表現：

又比如，我們最討厭的萬惡心的驗證碼。像當當這種設計，才是王道。我們不就怕窮舉法破解嗎？ 那我們就設計3次，或者1次錯誤之後，才提示要輸入驗證碼才能登陸。像當當網的這種設計，不正是我們所要的麼？

通常，這並不是適不適合某個網站的問題，而是Web設計者是否有能力做到、能考慮到的問題。

總結：

“無貌，還可有情；無情，還可有態；有態，則上可傾國，下可傾城”。沒有好的外貌，還可以有好的性格；沒有好的性格，還可以有好的氣質情趣。有好的氣質情趣，甚至可以吸引全國的人。Web設計也一樣，沒有強大視覺沖擊的圖片，還可以有適合浏覽的排版；沒有更好的排版，還能有上等的體驗。以用戶為中心而設計的網站為上等美，對用戶來是眾多選擇中的最美。

這裡有必要說明一下，在排版之美中，用的博客內容排版與Google Reader中的排版作為比較，是否與“沒有更好的排版，還能有上等的體驗”沖突。其實剛才相反，這正是一個上等美體驗的表現。讓我們想象一下，如果GR給我們定義特定的樣式，而我博客上也定義了樣式，並且在GR中輸入，這樣，兩種樣式混合，將會產生沖突，這將是一種更糟的體驗。這是為體驗而作的之中折衷選擇。當然，我相信這可以做得更好，但同類中這樣已經是最好的體驗了。

另外，這裡以我的博客作為演示，並不說明這個博客是最美的，而是給一些例子，讓你知道為什麼這樣設計會更好。

所謂“一理通萬理”，鑒別女子美丑與鑒別網站美丑有同樣的道理。這事見仁見智，還需要看個人的理解。而上面是我的總結。當然，我想表達得更清楚、更詳盡，但語言表達能力與時間讓我不得不現在停下。如果你有什麼好的想法，歡迎來交流；同樣歡迎給這篇文章挑刺。

原文：http://www.happinesz.cn/archives/1235/