文章

網頁設計專案的工作要點

網頁設計是在做什麼?

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

網頁設計不僅是美術設計

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

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

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

最重要的是充分溝通

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

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

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

相關連結


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

網頁套版與客製化的簡介

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

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

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

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

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

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

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

網頁套版與客製化的比較

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

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

相關連結


網頁設計與架站

網站建置與設計 (Web Design, Programming and Deploy)

隨著科技的進步,網站的規劃與建置需求愈來愈高,現在已經不是為了網站而建置網站的時代了,而是要更仔細的去想,我們需要網站來為我們做些什麼?希望能夠達到什麼樣的功效?

這是我們所擅長的,我們所擁有的專業技術,能夠為您打造一個特有的網站,符合您所想要的需求,我們也會儘量提出我們的建議,告訴您什麼樣的網站功能對您的幫助最大。

網站建置類型 (Solutions of Website Plan)

  • 公司網站、形象網站、官方網站、機關單位網站、社團網站
  • 企業內部入口網站 (EIP)
  • 客戶關係管理系統 (CRM)
  • 電子商務 (EC)、網路商店、線上金流
  • 拍賣整合
  • 個人化網站、部落格、網路相簿
  • 群眾募資網站
  • Facebook 整合: Facebook 粉絲團建立、 Facebook 應用程式開發
  • 其它客製化專案

網站建置技術分類 (Types and Technologies of Website)

HTML 網頁設計
以美工頁面及文字內容所組成,可穿插 Flash 使網站更有生氣。
PHP / JSP 網站
以 MySQL 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。
ASP / ASP.NET 網站
Access 或 SQL Server 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。

我們所擅長的網頁相關資訊技術

作業平台:
Linux 、 FreeBSD 、 Windows Server
網頁技術:
HTML 、 HTML5 、 DHTML 、 XHTML 、 CSS 、 CSS3 、 Java Script 、 Ajax 、 jQuery 、 jQuery UI 、 jQuery Mobile 、 MVC 、 XML 、 JSON 、 RWD 、 Bootstrap
網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET (MVC) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 JSP 、 Python 、 Django 、 Action Script 、 Flex
地圖定位:
Google Map API 整合、 Mapbox API 整合
資 料 庫:
MySQL 、 SQL Server 、 Access
Web App:
iPad 、 iPhone 、 Android
多 媒 體:
Flash
網路環境:
網路規劃、佈線及伺服器架設
其  它:
ADSI 、 LDAP 、 Web Standards 、搜尋引擎最佳化 (SEO) 、系統整合、平台開發、無障礙規範

網站案例

https://phd.com.tw/category/客戶案例/網站案例/

頁面

網頁設計專案的工作要點

網頁設計是在做什麼?

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

網頁設計不僅是美術設計

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

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

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

最重要的是充分溝通

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

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

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

相關連結


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

網頁套版與客製化的簡介

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

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

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

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

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

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

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

網頁套版與客製化的比較

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

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

相關連結


網頁設計與架站

網站建置與設計 (Web Design, Programming and Deploy)

隨著科技的進步,網站的規劃與建置需求愈來愈高,現在已經不是為了網站而建置網站的時代了,而是要更仔細的去想,我們需要網站來為我們做些什麼?希望能夠達到什麼樣的功效?

這是我們所擅長的,我們所擁有的專業技術,能夠為您打造一個特有的網站,符合您所想要的需求,我們也會儘量提出我們的建議,告訴您什麼樣的網站功能對您的幫助最大。

網站建置類型 (Solutions of Website Plan)

  • 公司網站、形象網站、官方網站、機關單位網站、社團網站
  • 企業內部入口網站 (EIP)
  • 客戶關係管理系統 (CRM)
  • 電子商務 (EC)、網路商店、線上金流
  • 拍賣整合
  • 個人化網站、部落格、網路相簿
  • 群眾募資網站
  • Facebook 整合: Facebook 粉絲團建立、 Facebook 應用程式開發
  • 其它客製化專案

網站建置技術分類 (Types and Technologies of Website)

HTML 網頁設計
以美工頁面及文字內容所組成,可穿插 Flash 使網站更有生氣。
PHP / JSP 網站
以 MySQL 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。
ASP / ASP.NET 網站
Access 或 SQL Server 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。

我們所擅長的網頁相關資訊技術

作業平台:
Linux 、 FreeBSD 、 Windows Server
網頁技術:
HTML 、 HTML5 、 DHTML 、 XHTML 、 CSS 、 CSS3 、 Java Script 、 Ajax 、 jQuery 、 jQuery UI 、 jQuery Mobile 、 MVC 、 XML 、 JSON 、 RWD 、 Bootstrap
網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET (MVC) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 JSP 、 Python 、 Django 、 Action Script 、 Flex
地圖定位:
Google Map API 整合、 Mapbox API 整合
資 料 庫:
MySQL 、 SQL Server 、 Access
Web App:
iPad 、 iPhone 、 Android
多 媒 體:
Flash
網路環境:
網路規劃、佈線及伺服器架設
其  它:
ADSI 、 LDAP 、 Web Standards 、搜尋引擎最佳化 (SEO) 、系統整合、平台開發、無障礙規範

網站案例

https://phd.com.tw/category/客戶案例/網站案例/