軟體製作網站還算是主流，用軟體做網站也比寫code方便，但隨著 ...網頁設計作品產業客戶設計作品上市櫃公司官網產品製造與外銷公司網站設備生產與銷售公司網站代工與加工技術公司網站專業事務型公司網站消費品及零售品牌官網研究單位及學校網站宗教與文化企業網站設計整合服務設計作品形象官網企業網站RWD網頁設計多國語言版本客製化系統平台商品及形象拍攝網路行銷優化網頁設計案例RWD網頁設計什麼是RWD響應式網頁設計RWD響應式網頁設計作品案例RWD響應式網頁設計的趨勢與特點設計優勢形象網站設計企業網站設計客製化網頁設計網站設計流程服務項目形象網站設計客製化網頁設計網頁設計專欄網站企劃網站設計溝通前的4個準備官網設計重點需知網站改版前項目檢查擬定你的網站架構表(Sitemap)>>所有網站企劃文章網頁設計什麼是RWD響應式網頁設計？RWD常見的設計形式企業網站有哪些新的設計趨勢？透過攝影提昇網站質感>>所有網頁設計文章網站建置客製化、套版網頁設計比較網站設計流程、步驟與工作時程CMS系統建置網站的好處網站建置重點工作>>所有網站建置文章數位行銷網站SEO行銷入門推薦3種Google喜歡的內容文章型式從網頁搜尋到業務聯絡的4個關鍵步驟什麼是SEO？>>所有數位行銷文章聯絡我們台中網頁設計2021-03-09EricWang網頁設計公司常用的網站製作軟體有哪些？現在網頁設計公司到底都使用什麼軟體？如果對網頁設計工作有興趣，應該學習哪些軟體？我們將自身的經驗分享給大家，希望對有心想進行網頁設計這個領域的新朋友們，對於要熟悉哪些軟體有基本概念。

目錄網頁版面設計會用到哪些軟體？網頁切版會用到哪些軟體？網頁設計工作還會用到哪些軟體？ 講到網頁設計軟體，大家最有印象的就是傳說中的Dreamweaver。

時至今日，Dreamweaver真的已經成為傳說，大約在10多年前，用Dreamweaver軟體製作網站還算是主流，用軟體做網站也比寫code方便，但隨著網頁設計技術的演變，像是RWD技術、JSFramework的使用，許多應用程式推陳出新，在實務工作中，網頁設計所採用的軟體已經跟以前有很大的不同。

 那麼現在網頁設計公司到底都使用什麼軟體？如果對網頁設計工作有興趣，應該學習哪些軟體？我們將自身的經驗分享給大家，希望對有心想進行網頁設計或網頁製作這個領域的新朋友們，對於要熟悉哪些軟體有基本概念。

當然每間網頁設計公司所使用的軟體不盡相同，設計流程和工作習慣也未必一樣，列舉的這些軟體僅供參考。

 那麼，一間網頁設計公司在工作會採用哪些軟體？我們以網頁設計分工的方式來介紹，讓你知道在網頁設計流程工作中，會用到的軟體有哪些。

 網頁版面設計會用到哪些軟體？  在專案開始前，通常會有網站規劃報價、建立網站架構表。

而開始進行網站專案的第一件事，就會是「開版」。

什麼是開版？開版就是為網站設計出網頁的版面，通常是先從首頁開始，開版出來的畫面，會輸出成JPG檔，供客戶及網站專案相關人員進行討論。

開版會用到哪些軟體？其實開版沒有特定使用的軟體。

有人用Photoshop開版、有人用Illustrator開版，而我們是採用UI設計專用的SketchApp進行網頁版面設計。

  SetchApp在UI編排設計軟體上屬於容易上手，界面管理工具上也能快速適應，擴充套件資源很多，裡面也有類似Photoshop以及Illustrator簡易基本的處理工具，目前只支援mac系統，另外它在輸出圖片也都非常方便，提供了基本圖片格式，提供快速格式轉檔和尺寸大小輸出，開板和切版工作間都能運用自如，提升工作效率。

SketchApp官網>>  AdobeIllustratorAdobeIllustrator，俗稱「以拉」，它的長項是用來進行向量圖的繪製，我們偶爾會用Illustrator來畫icon、製作svg檔，但不太會用它來開版。

 AdobePhotoshopAdobePhotoshop，俗稱「PS」，它的長項是用來進行圖片後製相關工作，所以圖片後製的工作也「PS」。

我們偶爾會用AdobePhotoshop來進行照片後製、影像合成、廣告圖像製作，但不會用它來開版。

Adobe官網>>   網頁切版會用到哪些軟體？ 網頁各頁都開版完成後，就會接著做切版。

什麼是切版？簡單的說就是把開版的網頁設計稿，做成「網頁檔」。

這個過程主要是先在SketchApp裡，將所需要的圖片以「切圖」的概念將需要的圖檔切出來，然後再經由「原始碼編輯器」如：VisualS