網站首頁 語言 會計 網際網路計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 美工設計

美工設計中如何巧妙的處理頁尾

欄目: 美工設計 / 釋出於: / 人氣:2.14W

美工設計的過程中,一定要注意處理好頁尾,那麼美工設計中如何巧妙的處理頁尾呢,下面我們一起來看看吧。

美工設計中如何巧妙的處理頁尾
  美工設計中如何巧妙的處理頁尾

1.保持設計簡單

是的,這是大部分設計專案的關鍵之一,但是這點也是重中之重,值得現在就說。在需要處理大量需要放在頁尾的資訊的時候,簡單設計就顯得尤為重要。堅持清理元素,保證充足的空間並有目的地組織資訊。儘量避免混亂,思考哪些元素需要出現在你的頁尾中,以及它們為什麼要在那裡。頁尾的尺寸一般都跟你網站頁面數和資訊量有關。

Agra-Culture 在頁尾中使用顏色、圖示和文字,不過它很簡單,而且流量很大。每個連結都易於點選,綠色背景中農場影象的.微妙細節是個很好的嘗試。

2. 連結到你的資訊

網站頁尾中最重要的兩個連結分別是“關於我們”和“聯絡我們”。使用者想要知道你是誰,而且想要了解你的公司和品牌。讓使用者更容易找到這些資訊。還有很多人想知道你的團隊成員以及他們的聯絡方式(這是一個重要的工具。很多人弄丟了他們的名片,但會回到你的網站去尋找聯絡人資訊)

Heckford 包含了很多關於公司、社交網站以及他們工作資訊的連結。

3. 包含基本聯絡資訊

儘管你應該連結到一個完整的“聯絡我們”的頁面裡,在頁尾中展示相關聯絡人資訊也不壞。寫上主要的電話號碼、郵箱和真實地址。(如果能夠在點選時自動撥號,自動傳送郵件或者展示地圖,那就是加分了)

Root Studio做了一個幾乎違揹你認為應該是“頁尾”的一切的頁尾,不過它文字很大,而且被壓縮為一個非常簡單的聯絡人資訊列表。(這是一個具有影響力的設計理念,方便了那些想談專案合作的使用者)

4. 組織頁尾的連結

對頁尾內容的連線和資訊進行分類組織會給人感覺比較好。比如把聯絡方式、友情連結、服務、社交網站和一些你流量最大的內容分成幾列(或幾行)。給每個部分起一個標題,這樣方便檢視。

SugarSync 的頁尾資訊包含很多易於檢視的列。在“Product”,“Company”,“Learn More”和“Connect with us”的標題下面,你可以很輕易地找到你接下來想要訪問的內容。

有心的同學都會發現優設也是類似的設計,不信戳首頁看看?

5. 包含版權宣告

這行小小的文字可以成為你的救星,不要忘了它。大部分網站把它做在網站底部單獨一行,而你可以考慮把它設計得更融入頁尾。版權宣告可以手寫,也可以只放一個帶圈圈的小c標誌。其文字通常包含釋出年份和版權所有者的名字。可以為內容和設計建立多個版權宣告(適用於部分由第三方建立的網站)。