網頁設計的 4 個黃金法則|化繁為簡的重要性

您現在正在閱讀 , , 的文章

網頁設計的 4 個黃金法則|化繁為簡的重要性

這個時代,網站就是企業的門面,以至於網站已經成為這個世代的顯學。小編看到很多網站第一眼看起來千萬千萬避免凌亂,很多網站設計放了毫無意義和奇怪的圖片和按鈕。在設計上看起來很不平衡。並且這會讓瀏覽者無法進入他想要的下一步驟,那就無法進行他想要進行的動作(購買或聯絡)。

 

網頁設計

 

今天就和 Skyschool 一起來盤點網站設計的4個超級重要的黃金法則吧!

 

法則 1:整齊最重要,避免凌亂

千萬千萬避免凌亂,很多網站設計了毫無意義和奇怪的圖片和按鈕。在設計上看起來很不平衡。並且這會讓瀏覽者無法進入他想要的下一步驟,那就無法進行他想要進行的動作(購買或聯絡)。

以網站代管公司 SquareSpace 為例:

沈穩簡單的色調,配合突出的白色行動按鈕,
可以讓瀏覽者輕易理解:
1.這是個網頁設計網站
2.想要開始服務就點選「get started」按鈕。

 

網頁設計

另外部落格網站由於文字會比其他網站還要多,若文字沒處理好會導致凌亂的效果,要獨立架站經營部落格的人可以參考這篇:

部落客經營指南 | 6個寫作靈感來源

 

法則 2:滾動的畫面取代點擊

每個國家的網路下載速度不同,所以在設計網站上要非常注意,如果太多點擊式的設計可能會因為下載時間而流失到訪者。而滾動式設計可以讓網頁流展地延貫,在行動裝置上的視覺也比點擊式更簡單和直覺。

Crazy Egg 有項研究顯示,當網站從點擊式切換為滾動式的時候,就可以讓轉換率明顯成長( 36% )。

 

以網路行銷公司 Ester 為例:

他們使用了一頁式滾動到底的首頁,使用現代設計風格以及簡潔的白底黑字,清晰地展現了他們的服務與作品,是一個值得作為借鏡的網站。

網頁設計


法則 3 :資訊清晰很重要

如果你不是什麼藝術的網站或有特別需求,那就讓你想傳達的資訊在第一頁就出現,並且在各種螢幕限時尺寸上都是適宜的。

你是否有過這樣的經驗:上了一個很時尚、很藝術的網站,但看了半天卻很難懂?雖然很漂亮,卻有一種不明覺厲*的感覺。而且必須分心消化,導致看了之後也無法真正理解到網站想要傳達的資訊。這裡有個小 Tips:相比起襯線體或斜體,幾何無襯線字體是網站的最佳字體。

 

網站設計

 

以西雅圖地標 SpaceNeedle 為例,

網站首頁清楚展示:

1.絕美的景點視覺
2.營業時間
3.行動呼籲按鈕
4.絕佳體驗影片

一些列完整的資訊,幾乎在首頁就解決了瀏覽者的所有需求(理解和購買)。

 

法則 4 :美感與設計!


最後,如果以上原則都有做到,就再來點美感和設計吧!通常可以使用美麗的插畫與滑動空間感去做創意設計。這個非常主觀,就不多做文字闡述。直接用例子來展示給大家看!

 

網站設計

 

看看這個網站,左圖是頁首,右圖是頁尾。極富設計感的插畫,一開始的首頁是美麗的湖畔,而拉到最底部時變成了地底天然岩洞。頁首頁尾的呼應,將上下錯置空間感,完美呈現。


以上就是關於網站設計的 4 個黃金法則,歡迎留言你的想法,在設計的路上,努力加油。

 

如果對於網站自主開發有興趣的朋友,也可以參考 udemy 最近開出的課程,一起變得更好 <3

(延伸閱讀:創意網站 推薦|設計人再也不怕沒靈感)

其他推薦課程:
Udemy《網站經營的法則 – 掌握流量建立屬於你的網路行銷模式》
Udemy《使用 HTML、CSS 開發一個網站》

最新文章: