如果要架出內容豐富、功能完整、設計出色的網站,往往需要很多的時間與人力,而大多數人往往花費太多時間在與網頁設計師、開發人員溝通上,不僅耗時又傷神,成果也不見得會符合期待。
因此這篇文章將告訴大家架站基本流程,幫助不管是客戶還是開發人員的你,能夠更了解職責、節省溝通時間,讓做出的網站成品更符合雙方期待。
如果你想知道網站架設的費用怎麼算,你可以參考這一篇文章:網站架設費用怎麼算?5個關鍵因素分析架站行情
網站架設的六個基本流程
以下將會介紹委託架站的六個基本流程,如果你是自己架站的話,其實也同樣適用,可以幫助你在架站過程中,概覽架站的工作量。幫助你少走很多冤枉路,讓你的架站更有效率。
前置作業
目的
幫助你釐清網站的架設方向,並提前準備好架站需要的所有東西,讓網站能順利開始。
內容
當中最重要的步驟,就是進行網站需求的評估,包括你架設網站的目的是什麼?需要什麼的功能來實現你的目的?有哪些工具你會需要使用到的?
其次,就是找出你想要的網站範例。例如,如果我是一家美妝產業的企業主,那麼我就會參考一些大品牌的網站會怎麼設計,並且將喜歡的部分、討厭的部分通通與你的網頁設計師、開發人員溝通。
最後,就是定案你需要什麼樣的頁面,例如常見的聯絡我們、關於我們,或者你想要再新增一個作品集頁面。這些項目的定案都是在這個步驟完成的。
如果有模板的話,你也可以在這個階段,挑選最符合自己理想款式的模板,好處是可以降低製作的成本,節省開發的工時,又都是專人設計的款式,但如果你是想要完全客製化的人,就無法做出理想的功能。
內容規劃
目的
幫助你做好網站內容的細節規劃,讓我們對整個網站的佈局有更明確的想像。
內容
首先,你需要知道自己想要的主題、風格、顏色大概是怎樣,有些人想要比較沉穩內斂的,那麼可能就會用到比較暗沉的顏色設計,有些人可能想要活潑可愛的,在顏色上面可能會挑選比較明亮的顏色以外呢,還會多了很多插圖的設計。
顏色大致可以分為:主色、輔色與特殊色。主色通常就代表你的品牌色;輔色就是輔助你主色調,讓整個網站更有層次變化;特殊色則是按鈕的顏色,或是為了強調內容才會使用。而通常網站的顏色色調,不會超過三種,除非你本身就想營造出繽紛的色彩。
另外就是文字與圖片內容,如果你擁有一般的紙本廣告文案,通常會要你再做更多的延伸,因為網站需要你將詳細的資訊填入,才能發揮網站傳遞資訊的功能,也能讓整個網站看起來內容豐富。
而排版通常會使用線框稿(wireframe),也就是用非常簡單的顏色、線條、符號或邊框來表達網頁的架構,這樣你就能大概知道你網站哪裡要填哪些內容了。
設計開工
目的
幫助你規劃並設計頁面部件的運行,包含移動方式、顯示方式等一系列的UI使用者體驗。
內容
設計則包含字體的字型與大小。但通常中文字型不會有太多的變化,原因是中文字體不像英文字體只有26個字母,中文有成千上萬個圖形,因此更改的數據會很大,所以只有少數方便在網頁上瀏覽的字體可以選擇。



