立即致電查詢!
電話: 3590-9591

網站頁首設計淺談

人家上你的網站第一樣看到的東西,很可能就是網頁的頁首(header)。頁首沒有規定應該是甚麼樣子,當你設計頁首的時候,基本上也沒有特定規限,你可以儘力發揮你的創意,充分發揮它的潛力。

外面有很多文章列出不少漂亮頁首的設計範例,當你需要尋找靈感時,這些文章都能讓你有所裨益。但為何某個頁首的設計會比另一個的好?一個真正讓人印象深刻的頁首具備了甚麼因素?而這又為甚麼呢?

當你設計網站頁首時,你可以循著以下三個設計方向去思考。雖然它們是否湊效要視乎你網站的性質和用途而定,然而,它們會讓你了解到你的網站頁首所擁有的巨大潛力。就讓我們看看這些方向,以及一些網站如何有效地運用它們。

保持簡潔
作為多年的網頁設計師,我認為第一個重要的方向就是眾所周知的「保持簡潔」。你的頁首很可能是人家上你的網站第一樣看到的東西,只要保持簡潔,便可以肯定自己不會對訪客造成滋擾。就像我們去任何新地方,我們都想很快找到路,免得陷入太多還沒理解的事物而不知所措。一個簡潔的頁首讓人們一瞬間便掌握到你的網站重點,並幫助他們以免在你的網站迷路。

清晰
一個清晰的頁首可以非常有效地引導訪客的注意力。例如 sony.com 用他們的頁首傳達他們的理念,他們的頁首雖然非常簡約,但單一的視覺素材和大大的字立刻便能引起注意,把你注意力的重點引導去下面的小段文字,訪客差不多一定會讀到他們的訊息。

sony.com header design

可靠
一個簡潔的頁首會讓人覺得可靠。例如 mozilla.org 在他們的頁首裡運用了非常少的素材,讓注意力集中在他們的商標和兩句簡短的標語上。犠牲視覺素材和其他內容就是要凸顯公司的重要。只需他們的名字和兩句說話,便創造出個性,還說服訪客相信他們的產品是高品質的。
mozilla.org header


加些美術
有些網站得益於簡約的頁首設計,而其他的卻會包含多很多東西,我叫這個方向做「加些美術」。當然,人家依然能夠輕鬆自在地瀏覽你的網站,但你的頁首可能就是稍稍破格,不再僅是提供資訊的地方。我們就看看頁首的美術設計可以怎樣幫助你的網站。

意義
你的頁首也可以加入你公司的相關訊息,並介紹你的業務。ntt-security.com 展示了一個具充滿個性的手繪商標,商標給不同的圖示圍繞,而這些圖示都與他們顧客的數據有關。這個視覺素材把它的訊息表達得非常的好。這裡還有一段簡短的文字,向那些想認識更多的人闡述他們公司的企業理念。

吸引注意
精美而出眾的設計顯然會引起人家注意。在網路上,這個非常重要,為的是要給人們一個進入網站的理由,作進一步瀏覽。例如 script.aculo.us 網站便把名字加入有趣的動畫,讓你對此產生好奇,想看看這個網站還有甚麼東西。
原文網址:
https://www.aveego.com/html/o_69524_0_/網站頁首設計淺談.html
原文作者︰

更多網頁設計新聞

我們的客戶

我們的客戶