獨家分享『網頁設計的10個重點分析』
大體總結了一些 網頁設計 中的大問題。希望能給大家做一些啟發與參考。
1、記住:你能掌控的時間是有限的
我僅僅用4秒鐘就能瀏覽完平常的頁面,因此,你沒有足夠的時間吸引瀏覽者並讓他們繼續瀏覽你的網站。也就是說你應盡可能準確的描述你設計的網站是關於什麼的。如果它需要讓瀏覽者花費更多的時間去弄明白此網站是關於什麼的,他將放棄並離開。
2、記住:瀏覽者是略讀頁面
當 你進入一個房間時,你不會具體的看每一樣東西的外表。首先你會注意屋子裡面人或物的外形,你環視整個屋子,然後找令你感興趣的東西。在第一次瀏覽網站的時 候也會發生類似的事兒,瀏覽者或瀏覽者首先是大體瀏覽一下。這就需要你引導瀏覽者去你想要讓他們去的地方。它可能是個登錄按鈕、更多內容按鈕、或文章等 等。
3、網站的左上角是最明顯的位置
這是大家公認的事實。主要原因是大家都是用這種習慣方 式來讀書讀文章的(從左上角的位置開始),另外早期的網站和應用軟件也是基於此方法進行設計開發的。我們通常會把LOGO放在左上角,這樣是很好的。但是 考慮一下加入一個或者兩個其他的元素在這個位置讓它看起來更明顯(註冊的連結、搜尋的表單、標語等)。
4、了解“F”結構
一些視覺追踪調查研究證明,瀏覽者瀏覽網站的視覺路線類似於字母“F”型。最頂部的位置總是能被看到,中間區域僅有一半被看到,再往下只有左邊一部分能被看到。當你在設計的時候不知道將一個內容塊放到什麼位置的時候,你可以去考慮一下這一因素。
5、了解瀏覽者忽略什麼
瀏覽者都是對廣告視而不見的。他們習慣於忽略圖片廣告和文字廣告。避免設計的東西看上去像廣告,同時,瀏覽者也會忽略大塊的文字區域。沒有人有時間(更確切的說是耐心!)去閱讀大片的文字,他們僅僅是了解頁面文章的大意。
6、文字和圖片
一個有趣的事實是,文字比那些絕妙的圖片更能夠獲得注意!如果你想向你的瀏覽者傳達訊息,我建議你使用大的標語文字來代替那些很炫的頭部圖片……
7、用設計元素來吸引注意
來 吸引注意的好元素是文字口號,行動綱領的按鈕(通常用亮色調),分成1-2-3級,或者就是一個普通的列表…… 如果你在寫一篇很長的文章,很重要的一件事情,就是你要去找小標題。小標題比其他的內容容易獲得關注。使用恰當的標題,通過這簡單的步驟向瀏覽者闡述這篇 文章的主題。
8、文字格式
恰當的文字格式的編排更有意於閱讀。不要擔心使用過多的段落、加粗、斜體、引號、底線或者字母大小寫……它們都可以讓文字塊更有視覺衝擊力。當然,你也需要用格式化強調一些你認為很重要的文字或者句子,這些能夠引導你的讀者閱讀完全文。
9、使用簡潔圖片
前 面已經提及過瀏覽者對廣告是視而不見的。當你在設計過程中使用到圖片時,要確保它們不要雜亂、不會令人討厭或不被理解。大部分人感覺看雜亂、色彩花俏的圖 片是比較費勁兒的。圖片應該簡潔、易理解的。你使用人的臉部圖片更容易引起瀏覽者的注意,尤其當圖片人物的眼睛盯著瀏覽者。當然你也可以用目光的方向來引 導瀏覽者關注某一個方向。
10、使用留白
使用留白可以給某些元素更多的可視空間,如果某元素與邊距或其它元素太近就容易被混淆,那就需要給它留點呼吸的空間。尤其在文字與文字內容之間。
參考資料:
1王素華、林哲宏 2008 以層級分析程序法進行網站瀏覽架構分析
2 陳慶彥 2002 PHP+MySQL動態網頁設計
3 Google Webmaster Tools (2010). Google Webmaster Tools Help
資料來源:ozchamp
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了