自行架設的網站,除了版面可以自由設計,整體內容、風格走向以及硬體資源等,都掌握在自己手中,連網域名稱申請都可自己決定,在行銷上占有優勢,許多知名部落客或年輕創業家,就靠著獨樹一格的網站成功聚焦社群目光。
網站設計 過程雖然比較繁瑣,但只要按照幾個步驟進行,當個充滿個人風格的網站站長並不困難。
網站目的決定架構設計
在投資時間、精力、資源架設網站前,先回答以下問題:我希望透過這個網站達到什麼目的?
個人網站自由度高,但相對預算受限多;企業重視專業、效能和穩定度,自由度小但預算空間大,兩者先天條件不同,架構設計時考量也不同。
個人網站目的多為行銷自我,一開始不要花太多預算在硬體,運用基本網站功能,搭配文字或設計,生動表達個人特質,是架站前必須思考清楚的。
如果是企業網站,多是為了宣傳企業形象,在網路提供產品介紹,考量範圍較大,版面配置、網站動線、圖文內容甚至整體配色都要思考,再加上網域名稱、伺服器流量等問題,架構考量就要更謹慎。
兼具美觀與實用性
方向確定後,就要開始思考網站元素。要放什麼資訊?要用什麼獨特內容吸引目標族群?資訊排列順序是什麼?
設計網站內容大綱,就像在設計一件衣服,不只要美觀好看,實用性還要夠高。因此,讓瀏覽者在短時間內就能找到資訊,是網站頁面架構最重要的原則。
編排方式不一致的網站,很容易讓人在網站裡「迷路」。大部分商業網站以專業、質感的風格吸引使用者,首頁內容以簡潔的圖片和文字串成,而把豐富的內容放在各分頁中,架構易懂,使用者也容易按圖索驥。其他網站的設計方式,是初學者最佳的免費教材。
應用軟體建構網站雛形
內容大綱完成,網站前置作業也大致結束,接下來要進入初學者最大的挑戰:應用架站軟體開始實作。目前常見的 網頁設計 軟體有三種。需付費購買的Adobe Dreamweaver 功能完整強大,微軟SharePoint Designer 則以容易上手為訴求。如果預算有限,則可先用免費的BlueGriffon( 可在http://www.bluegriffon.org/ 下載)。
軟 體簡便與自由,缺乏整體規劃就直接使用網頁設計軟體製作的網站,很容易變成幾張圖片和幾段文字拼湊成的成品,這時圖片編輯軟體就派上用場。先簡單畫出首頁 和各分頁草圖,運用圖片編輯軟體精確地編排成實際的影像檔後,透過切片方式,分別切出小圖再轉存成網頁檔。以網頁設計軟體開啟後,再將計算過的圖片、文字 或動畫置入切片空間,如此就能保持網頁的整體感。
常見的圖片編輯軟體有Adobe Photoshop、Fireworks等,如果使用者有更進階的排版需求,可利用Adobe InDesign 這套常見、功能又完整的排版軟體。此外,若想在網站中加入動態效果,Adobe Flash 與微軟的Silverlight 具備動態影音、串流媒體和高度互動性等能力,也是相當值得學習的工具。
參考文獻:
1.戴軒廷、馬恆、張紹勳 (2004), 衡量 網路廣告 態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
資料來源:雜誌生活網