DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁設計:外觀之美、排版之美和體驗之美
網頁設計:外觀之美、排版之美和體驗之美
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:網頁設計中的外觀、排版、體驗之美.

導讀:外觀,排版與體驗是網頁設計中最主要的三個要點,能做好這三點就是一個比較不錯的界面了。

1. 外觀之美

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

中國風

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

2. 排版之美

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

type

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

3. 體驗之美

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

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

comments

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

驗證碼

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

總結:

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

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved