網站風格及架構規劃

一、網站風格定位

網站頁面的美化首先要考慮風格定位，網站的風格往往與行業有很大關系。對于不同性質的行業，應該展現出不同的網站風格。

如政府部門的網站風格一般比較莊重；娛樂行業則更加活潑輕松；電子商務網站則可以貼近日常生活，更親民。任何頁面都要根據主題内容決定其風格與形式，隻有形式與内容達到和諧統一，才能收獲理想的宣傳效果。

簡單介紹一下常用的幾種網站風格：

高端商務風：

商務風網站的主要目的除了展示企業形象外，還要加強企業與使用者的連接配接。

是以這類網站更加強調實用性，頁面簡潔大氣，層次分明；為增強互動性和銷售轉化還會提供問題回報、留言咨詢、預約表單等。

極簡風：

極簡風的網站崇尚“少即是多”（Less is More）的設計理念。

在網頁設計中，删除所有讓使用者無法專注的内容元素，隻留下真正必要的要素，以實作接口界面的單純化。

螢幕上的要素越少，使用者的注意力被分散的可能性就越小，留下的要素傳遞資訊的能力就越強。如果螢幕上的要素隻有一個，那麼資訊就能準确無誤的傳遞給使用者。

時尚風：

時尚風的網站追求視覺效果，通過色彩的搭配與碰撞帶來強大的視覺沖擊來吸引使用者的關注。

但是這類網站的風格重心在産品本身，要優先把産品圖檔處理得當，再考慮整體的頁面布局。

扁平風：

扁平風網站的設計重點就是「簡單」，通過弱化紋理、透視、陰影等去除備援的元素和排版，突出重點内容，讓頁面看起來更加幹淨美觀。

這種風格的網站提升了網站資訊的内容層級，讓使用者更加便捷的找到需要的内容。同時，扁平化的界面能更好的實作不同尺寸的轉化。

二、網站架構規劃

在确定好網站的風格後，下一步就是要設計版面布局。一個好的網頁布不僅會讓訪客耳目一新，同時還能讓訪客輕松找到他們所需要的資訊，以此來增強網站在使用者心目中的形象。

網站架構規劃包含3個方面，網站欄目規劃、網站頁面規劃、網站功能規劃。下面我就從這三個方面為大家一一講解。

1、網站欄目規劃

說在前面，成功的欄目規劃是基于對使用者需求的了解。當你對使用者及其需求了解得越精準、越深入，網站的欄目就越具有吸引力，也就越能留住潛在客戶。

是以，在做規劃時，網站欄目應該具備以下兩個功能。

①提綱挈領，點題。

網速越來越快，資訊越來越豐富，但浏覽者卻越來越沒有耐心。打開網站超過10s還沒找到需要的資訊，就會毫不客氣的關掉。那麼決絕，不帶走一片雲彩。

要想讓浏覽者在你的網站停下腳步，就要在頁面上給出清晰的網站内容的“提綱”，也就是網站欄目，這樣浏覽者就可以一目了然的找到自己需要的内容。

總的來說，網站的欄目是對網站内容的高度提煉，不需要多麼優美的文字，隻要用最簡練的語言提煉出網站每部分的内容，清晰的告訴浏覽者你的網站是做什麼的，有哪些資訊和功能，就夠了。

②清晰導航，便捷。

是以欄目除了有“提綱”的作用外，還應該為讀者提供清晰直覺的引導，讓浏覽者友善快捷的到達網站的所有頁面。

網站欄目的導航作用通常包含以下幾種情況。

全局導航。

全局導航可以幫助使用者随時跳轉到網站的任何一個欄目，通常來說，全局導航的位置是固定的，可以減少浏覽者查找的時間。

路徑導航。

路徑導航顯示了使用者浏覽頁面的所屬欄目及路徑，幫助使用者通路該頁面的上下級欄目，進而更完整地了解網站資訊。

快捷導航。

對于網站的老使用者而言，需要快捷的到達所需欄目，快捷導航就為這些使用者提供了直覺的欄目連結，減少使用者的點選次數和時間，提升浏覽效率。

相關導航。

為了增加使用者的停留時間，在做網站策劃時還需要充分考慮浏覽者的需求，為頁面設定相關導航，讓浏覽者更友善的去往相關頁面，能夠無形中增加對企業的了解，提升合作幾率。

2、網站頁面規劃

網站頁面是網站營銷政策的最終表現層，也是使用者通路網站的直接接觸層。是以在做網站頁面規劃時，應該站在使用者的角度思考。

要遵循以下原則：

①要符合使用者的浏覽習慣：根據網頁内容的重要性進行排序，讓使用者移動最少的次數，找到所需的資訊。

②要符合使用者的使用習慣：根據網頁使用者的使用習慣，将使用者最常使用的功能置于醒目的位置，便于使用者查找及使用。

③要符合使用者的行業屬性及網站特點：通過網頁色彩、圖檔、布局等讓客戶在打開網頁的一瞬間，就直覺的感受到網站所要傳遞的理念及特征。

④圖文搭配，突出重點：使用者對于圖檔的認知程度遠高于文字，是以，适當使用圖檔可以提高使用者的關注度。此外，元素過多會分散使用者的注意力，确立頁面的視覺焦點也很重要。

3、網站功能規劃

個人意見，網站功能規劃得好，可以很大程度上增強使用者粘性，可以說是搭建網站的點睛之筆。

一般網站的通用功能有：産品管理、文章管理、線上客服、表單管理、線上地圖、電商管理等。

三、網頁頁面布局設計

網頁設計與平面設計有許多共同之處，在了解一些設計的基本原則後，再針對網頁的特殊性加以調整，還愁設計不出美觀大方的頁面嘛？！

1、版面編排原則

①主次分明、中心突出。

每一個頁面，都有一個視覺中心，一般在頁面的中央，或者中間偏上的部位。是以，一些重要的文章和圖檔可以放在這個位置，在視覺中心以外則安排那些稍微次要的内容。

②大小搭配、互相呼應。

較長的文章或标題，不要編輯在一起，要有一定的距離；同樣，較短的文章，也不要編排在一起。對待圖像的安排也是同樣，要互相錯開，錯落有緻，頁面才會更好看。

③圖文并茂、相得益彰。

文字和圖像具有一種互補的視覺關系，文字太多，會顯得頁面沉悶，圖像太多，又缺乏資訊量，是以圖文結合是最佳典範，既能活躍頁面，又能提供豐富的内容。

④簡潔一緻、整齊劃一。

保持簡潔有兩種做法，一是使用醒目的标題，二是限制所用的字型和顔色的數目。一般每頁使用的字型不超過3種，一個頁面使用的顔色少于256種。

保持頁面整齊劃一則需要從排版下手，每個頁面的頁邊距、文本、圖形的間距都保持一緻等

2、常見的網站頁面結構類型

①“廠”字型布局

基本布局是頁面頂部為logo+廣告條，下方左側為主菜單欄，右側顯示正文資訊。

這種布局方式一般應用于企業網站的二級頁面。

②“國”字型布局

基本布局是最上面是網站的logo、廣告語以及導航欄，下面是網站的主要内容，左右分别列出一些欄目，中間是主要部分，最下方是網站的基本資訊。

大中型網站常見的布局方式。

③“架構”型布局

架構型布局一般分為上下或左右布局，一欄是導航欄目，一欄是正文資訊。複雜的架構結構可以将頁面分成許多部分，常見的是三欄布局，一欄放置圖像廣告，一欄顯示導航欄，一欄顯示正文資訊。