隨手翻了本《The principles of Beautiful Web Design》。裡面開篇就提出了一個問題:究竟什麼是好的網站設計。
多數人認為網站設計的的“好”與“壞”都是通過兩個標准來衡量的:一是嚴謹的可用性。包括功能的實用性和傳達完成任務的效率;另一個是純粹的美學標准。包括生動的圖案和色彩。
其實,這也代表網站設計中的不同傾向:一些設計師被美學和圖案吸引而忽略了用戶需求;另一些人則沉迷於可用性研究忽視吸引力。
我們或許都清楚好的網站設計要兩者兼顧的。就像我們都知道設計實際是種與交流一樣,我們喜歡和一位美女聊天,但如果她談吐乏味,語言邏輯混亂,又會很快失去耐心和興趣。
好的網站設計大概包括以下幾點:
(1)用戶會被設計所吸引,被內容所引導。
專業的可用性總會關注在用戶獲取所需信息所花費的時間是多少。無論對內容,鏈接,按鍵操作還是表單設計,設計永遠不是障礙,它是和用戶交流的橋梁。
(2)用戶需要有清晰的導航
導航必須在網站中具備很強的可見性,讓用戶清楚知道自己在哪裡,以及如何達到目標。但是如何能使導航很容易找到,但是要獨立於內容之外,盡量讓用戶更專注於內容信息也需要考量。
(3)用戶能識別浏覽的網頁屬於同一網站
一致性提出似乎有點傻氣,但是還是有很多網站讓我們充滿疑惑。問題可能出於很多原因:內容轉換,業務設計不同,但總需要一些重要的要素提醒用戶他仍身在這個系統中。
如果進一步剖析網站設計的要素,就要清晰的了解必不可少的幾塊內容:
(1)內容塊
網站只是框架,容器就是這些內容塊。他們或許是body標簽,一個全局的div標簽,或是table(但請謹慎使用)。內容塊就是放內容的容器,阻止內容溢出到空白的地方。
(2)logo
這你一定懂的。logo不僅是網站品牌的標志,也會讓用戶知道自己都在訪問一個站點。
(3)內容
Content is King!通常用戶訪問和離開一個網站只是幾秒鐘的事情。如果用戶找不到他們想要的就會毫不猶豫的關掉浏覽器訪問其他站點。所以把內容放在視覺中心是一定的,還要避免其他因素的干擾。
(4)底部注腳
包括版權、聯系方式、法律信息和友情鏈接等等。
(5)留白
好的設計師都懂得留白和擁有空間同樣重要。好的留白會讓頁面顯得很”透氣“。
好的網站設計還離不開一些潛規則的技巧。就像是黃金比例還有柵格法。”傻瓜版“的柵格法就是三分法。