網頁設計專案的工作要點

網頁設計是在做什麼?

網頁設計與一般美術設計不一樣,它集合了團隊的分工合作,如:需求溝通、平面設計、介面規劃、轉網頁檔、程式設計、資訊安全 … 等多方面的考量,必須考慮到瀏覽者的閱讀習性跟使用習慣來調整,以利整體版面的和諧。其中,客戶最常會接觸到的,就是需求討論、設計提案及來回校稿。也因此常會讓人以為,網頁設計就只是一般的平面美術設計。

網頁設計不僅是美術設計

美術設計其實只是網頁設計的開端,但也往往是最為困難的部份。不是因為設計本身困難,而是難在要如何達到客戶滿意。每個人對美醜都有自己一套主觀看法,設計師搭配出最好的版面風格,客戶並不一定會喜歡,甚至在客戶的公司中,每個同仁所喜愛的風格也不盡相同。因此,除了需要傾聽客戶的想法、仔細溝通之外,也應適時提供設計師專業的建議給客戶,再讓客戶決定最終的版型。因為版型風格設計確認後,會影響後面每一個網頁給人的視覺觀感,以及不同的使用體驗,所以並不是一般人想像的,設計師愛怎麼畫就怎麼畫,那麼簡單。

版型確認是相當重要的一環

一般版型風格定稿之後,接下來需要將原先的平面圖稿,切割為許多小區塊,然後轉換成網頁格式的檔案。若網站有其它功能程式需要開發,此時才能夠將切版的檔案交給程式設計師接手去處理,使原本單純的靜態網頁,搖身一變成為有各種功能的使用介面。而網頁功能裡面可能需要編寫許多程式,是項需要花費程式設計師相當多心力的作業。之後若版型要做較大幅度的更改,有可能會造成牽一髮動全身,需要從頭回到美術設計開始。這樣不僅程式設計師及網頁設計師的心力泡湯,也浪費了與客戶之間雙方的寶貴時間。因此在網頁版型的溝通、校稿上,需要相當的謹慎。

最重要的是充分溝通

客戶會對自己的網站通常會有一些想法,總是希望與眾不同、有自己的特色。但是不合宜的圖文編排,以及過多的功能特效,可能會對使用者造成反效果,或是模糊了使用者的焦點。這時不妨多聽聽專業網頁設計公司的想法。好的網頁設計公司,能針對顧客需求以最合適的方式去做調整,以各種專業面向給與意見,使網站不僅能滿足客戶的期望,也能達到更佳的瀏覽效果,這也就是網頁設計公司好壞的差異了。

好的網站需要專業的設計公司

每位客戶的網站,都是網頁設計公司與客戶的心血結晶,也代表著網頁設計公司的能力與技術。除此之外,每個客戶的網站,都是設計公司的案例作品,因此網頁設計的品質,絕對是公司相當重視的。而網站能夠持續帶來更多顧客及提高知名度,切記不能因為貪小便宜,而隨便花一點錢做一下,應付了事,這樣的心態,如果讓網站的使用者產生抱怨,反而可能比不做網站的結果更差。然而,網站也需要長期的經營與維護,才能給使用者帶來最大的信賴與便利。選擇能夠互相了解、專業可靠的公司,才能在每個步驟的溝通上都不馬虎,以事半功倍的效率,完成自己最合適的網站。

相關連結


網頁設計「套版」與「客製」該如何選擇?

網頁套版與客製化的簡介

現今網頁設計產業有兩個大方向:「套版設計」與「客製化設計」,這也是造成各家設計公司價格有高有低的原因,一般人對這其中差異可能不太了解,所以分別以這兩種方式來做解釋跟說明。

「套版設計」是設計公司先製作了好幾套固定的框架版型及程式,當每次承接不同案件時,讓客戶從既有的版型中,挑選喜歡的樣式,然後再從這些現有的網頁框架抽換圖片、修改文字,改成客戶所需要的內容,網站功能也是從既有的功能中挑選組合,如此便能快速、簡易的架構出網站。

「套版設計」的優點是製作快速、收費較低,但也因為製作上彈性較少,而且都是套用類似的版型,導致每位客戶做出來的網站相似度會比較高,而缺乏獨特性,也可能會搭配到不合適的網站功能,令人在瀏覽時的感受不盡理想,沒辦法留下特別深刻的印象。

「客製化設計」則是在承接案件後,設計公司會有專案負責人先與客戶溝通,了解客戶所想要的架構方式、設計風格和各方面的功能,再與負責此案的美工編輯人員、程式設計師共同配合,依客戶的想法做各方面的架構,再經由不斷的討論與修改,一步步做出所想要的專屬網站。

「客製化設計」的優點是量身訂做、獨一無二,每項功能都是依客戶需求設計,網頁版型風格設計也都是全新打造,可做出客戶心目中真正想要的成品。再配合程式整合網站內的互動功能,進一步的表現出主題及構想,以呈現出個人風格與專業性,能在眾多網站中獨樹一格,有效的吸引瀏覽者的目光。

舉例來說,「套版設計」就像從商店展示的衣物中挑選自己喜歡的來搭配,既簡單又快速,卻也可能會老是挑不到完全合身、能顯示出自己品味的服裝;「客製化設計」則像是請來設計師仔細丈量你的身材,了解你的風格與想法後,再費盡心思剪裁出屬於你自己的服裝。

以上這兩者之間,並沒有絕對的好壞,主要是取決於每位網頁設計客戶的需求。希望能節省預算又能迅速的製作出網站的,可以先從套版設計做起;若是想要實現腦海中的獨特網站架構,或是與眾不同的風格,客製化設計是你的最佳選擇。

網頁套版與客製化的比較

以下的比較表,提供大家做為網站建置評估時的參考:

套版設計 客製化設計
價  格 一般較低,但如果調整幅度大,就不一定 依需求而定
功  能 依需求而定 依需求而定
製作時間 一般較短 一般較長,因為會進一步做需求討論,並提供設計來回校稿服務
擴 充 性 低,一般限制較多
獨 特 性 低,因為該版型可能也有別人採用
適合對象 需求簡單
較無特定想法
時間考量
預算較低
有特別的需求構想
希望有獨特性
需要版型設計校稿服務
網站功能特殊

相關連結


宥新資源回收網

商家簡介

宥新資源回收專收園區、科技公司之回收廢料、各類金屬、各類稀有金屬。服務的廠商有台積電、凱鈺科技、緯創科技…等。並邀請大家一起為我們的環境盡一份心力,創造屬於我們的綠色奇蹟,為建立資源永續。

回收項目包含:廢紙類、廢家電類、廢電子類、稀有五金類、廢鐵、廢鋁、廢紅銅、廢青銅、廢不銹鋼、寶特瓶、光碟片、廢電池、工廠廢料…等。

網頁設計展示 (首頁)

宥新資源回收網站 (首頁)

網頁設計展示 (一般回收)

宥新資源回收網站 (一般回收)

網頁設計展示 (廢五金回收)

宥新資源回收網站 (廢五金回收)

相關連結

宥新資源回收網站:http://www.youxin.com.tw

鼎峰獵才顧問有限公司 HR. MAX

企業簡介

鼎峰位於台灣科技重鎮-新竹科學園區,附近各大公司林立,鑑於產業鏈上各公司求才若渴的心態,及對於高階管理人才的需求量激增,以便捷、有效率的方式,提供各項高階主管、顧問及專業經理人等相關人才,為公司節省人力搜尋時間以及人事營運成本。

目前委託客戶分布於兩岸三地,人才需求來源範圍廣大,鼎峰具有即時且完善的人才資料庫,對於客戶的委託,能夠快速並且「精準」地針對客戶的委託搜尋適任之專業人士,經過初步人才篩選後,提供合適之人選名單,並適時協調雙方關係以提高案件達成率,期以積極和誠信之理念為基礎,進而發揮以人為本的精神,創造出最高品質的諮詢與服務。

網站功能

鼎峰網站中提供:首頁 Flash 動畫設計、動態橫幅 Flash 動畫製作、公司簡介、服務說明資訊、聯絡咨詢表單…等頁面功能。

網頁設計展示

鼎峰獵才顧問網站 (首頁)

鼎峰獵才顧問網站 (首頁)

鼎峰獵才顧問網站 (內頁)

鼎峰獵才顧問網站 (內頁)

相關連結

Flash 動畫設計介紹:
//phd.com.tw/2011/09/04/hr-max-flash/
鼎峰獵才顧問網站連結:
http://www.hrmax.com.tw

鼎峰獵才顧問公司 Flash 動畫設計

Flash 動畫

首頁 Flash 動畫

[kml_flashembed publishmethod=”static” fversion=”8.0.0″ useexpressinstall=”true” movie=”//phd.com.tw/files/case-flash/hr-max-index.swf” width=”614″ height=”328″ targetclass=”flashmovie” play=”true” loop=”true”]

Get Adobe Flash player

[/kml_flashembed]

內頁 Flash 橫幅動畫

[kml_flashembed publishmethod=”static” fversion=”8.0.0″ useexpressinstall=”true” movie=”//phd.com.tw/files/case-flash/hr-max-banner.swf” width=”615″ height=”123″ targetclass=”flashmovie” play=”true” loop=”true”]

Get Adobe Flash player

[/kml_flashembed]

首頁 Flash 動畫製作腳本

鼎峰獵才 - Flash 動畫腳本

首頁 Flash 動畫製作腳本 (刪除片段)

鼎峰獵才 - Flash 動畫腳本 (刪除片段)

延伸閱讀

鼎峰獵才顧問網站設計:
//phd.com.tw/2011/09/04/hr-max/
更多 Flash 動畫設計作品:
//phd.com.tw/category/Flash 動畫設計/

推進工業有限公司 (Accelor)

企業簡介

推進工業為國內針對太陽能相關運用之鋁擠型產品研發、生產製造的專業加工廠。主要產品為太陽能發電系統支撐架,以及太陽能模組鋁框,業務範圍涵蓋亞洲和歐美…等。該公司於國內外共累積超過 50 百萬瓦以及超過 500 個太陽能支架系統之設計實務經驗。

網站功能

網站中提供:橫幅照片輪播、商品分類、商品資料管理、實績案例資料管理、多國語系中英文版本切換…等功能。

網頁設計畫面展示

中文版首頁:

推進工業有限公司 (中文版) (新竹、竹北)

英文版首頁:

推進工業有限公司 (English Version)

案例實績內頁: (節錄)

推進工業有限公司 (Reference Page)