網頁設計的wireframe 全攻略！6大wireframe 工具推薦

Google Drawing（Google繪圖）. 由Google開發的免費在線繪圖軟體Google Drawing，可繪製流程圖、Landing Page Wireframe….等各類圖表，最大的 ... 網頁設計的wireframe全攻略！6大wireframe工具推薦 主機服務 分享在facebook 分享在twitter 分享在linkedin 分享在email 分享在print 擁有網頁設計需求的你，想必對wireframe不陌生吧！wireframe是網頁設計前最重要的構圖，主要是使用單一的灰階顏色、線條、符號和框線，來構出網頁的初步排版，簡單的排版，正是建立頁面時的最好設計圖。

所謂工欲善其事，必先利其器，在進行網頁設計前，找到實用的wireframe工具也很重要！在今天的文章中，我們將會為大家進行6個wireframe工具推薦，將以下的wireframe軟體納入口袋名單中，為網站畫出完整藍圖！   市面上的wireframe軟體分類 目前，網路上大家熟知的wireframe工具可分為3大種類：免註冊型、註冊型與付費型。

免註冊型wireframe軟體為線上平台，不需帳號即可使用，但功能通常較簡略。

註冊型wireframe軟體通常只需要一個帳號，便可免費使用wireframe工具的齊全功能。

而付費型的wireframe軟體雖然顧名思義為需要付費才能使用，但通常有試用版，可供用戶使用，不過功能較不齊全。

  2種wireframe工具免費使用、免註冊 framebox 在framebox上，用戶僅能畫簡單的wireframe圖，並線上分享。

由於操作界面不是很完善，因此用戶也無法下載完成的圖檔。

framebox平台網址：http://framebox.org/   wireframe.cc 用戶不用註冊，便可使用wireframe.cc。

wireframe的工作版面簡單清晰，而畫好的圖可以儲存在wireframe.cc的伺服器，並透過網路分享，但此平台的缺點是無法將你設計完的圖檔下載。

wireframe.cc平台網址：https://wireframe.cc/   2款註冊型wireframe工具 以下整理出只需註冊不需額外付費，且功能較齊全的wireframe軟體。

Gliffy 在Gliffy註冊帳號，便可畫wireframe圖和diagram圖。

同時，又可將你的設計下載為svg向量圖或jpg與png圖檔，可謂是很方便的工具。

Gliffy平台網址：https://www.gliffy.com/   GoogleDrawing（Google繪圖） 由Google開發的免費在線繪圖軟體GoogleDrawing，可繪製流程圖、LandingPageWireframe….等各類圖表，最大的好處在於GoogleDrawing支援多人編輯，你可以與你的團隊共同完成Wireframe，且檔案是儲存在雲端上，不需要下載再轉傳給其他人，只要有Google帳號，任何人都能免費使用GoogleDrawing。

GoogleDrawing網址：https://docs.google.com/drawings/create?hl=zh-TW   功能最齊全！2個付費型wireframe工具 Cacoo Cacoo算是一款功能多樣化的wireframe工具。

除了可以多人同時編輯、遠端即時協作，Cacoo的工作版面也簡單明瞭，讓人可以一眼找出自己所需的功能。

除了wireframe，也支援diagram的設計。

而在下載圖檔方面，如果你是免費版的用戶，只能下載png檔，如果要下載向量圖，需每月付費美金5元的會員費，升級帳號。

Cacoo平台網址：https://cacoo.com/   MockFlow MockFlow也是一款多功能的付費wireframe工具。

在設計wireframe時，可依照自身的設計風格，以素描、線條或是高保真度的呈現方式，完成設計圖。

如果你的網頁設計涵蓋較多頁面，則需要每年付費16美金，升級成進階會員，才能使用更多附帶功能。

MockFlow平台網址：https://mockflow.com/   戰國策網站設計，協助你輕鬆設計網頁 在互聯網的時代下，想在短短時間內留住客戶的心，吸引人的網頁設計就非常重要。

還在煩惱要如何開始設計網頁嗎？那就將網頁設計交給戰國策集團，我們具備UIDesigner及UXDesigner等專業資源，相信能為您的品牌帶來最大效益，加深企業形象於客戶心中，為您降低行銷成本並搶占市場先機。

  歡迎您隨時聯繫我們，讓戰國策集團為您打造精美的網頁。

  想了解網頁設計的精髓嗎？這些文章你可能會有興趣： 網頁設計六大關鍵，你的網站擁有這些網頁設計必備元素了嗎？ 即將執行網頁設計？首先你需要了解自己的需求以及找到對的網頁設計公司 文章分類大事記 2022年6月 2022年5月 2022年4月 2022年3月 2022年2月 2022年1月 2021年12月 2021年11月 2021年10月 2021年9月 2021年8月 2021年7月 2021年6月 2021年5月 2021年4月 2021年3月 2021年2月 2021年1月 2020年12月 2020年11月 2020年10月 2020年9月 2020年8月 2020年7月 2020年6月 2020年5月 2020年4月 2020年3月 2020年2月 2020年1月 2019年12月 2019年11月 2019年10月 2019年9月 2019年8月 2019年7月 2019年4月 2018年12月 2018年9月 2018年8月 2018年7月 2018年6月 2018年1月 2017年2月 2016年4月 2016年2月 申請試用 0800-003-191 Livechatwithus 集團簡介 公司簡介> 編年紀事> 媒體報導> 戰將招募> 公益贊助> 服務項目> 成功案例> 合作伙伴> 廣告連結> 最新資訊 最新消息> 促銷專區> 戰國策戰爭學院> 免費虛擬主機 > 雲端服務 主機服務> 機房介紹> 同業比較> 價格保證> 網址註冊> 網址轉入> SSL憑證> Linux主機> Windows主機> WordPress主機> WordPress問題解決專家> 免費贈送WordPress外掛> cPanel主機> 經銷型主機> Linux經銷型主機> Windows經銷型主機> 中國虛擬主機> 香港虛擬主機> 新加坡虛擬主機> 印尼虛擬主機> 日本虛擬主機> 美國虛擬主機> 全球雲主機> 雲主機服務> 主機代管> 專屬主機> VPS主機> Plesk主機管理軟體> cPanel主機管理軟體> VIP防垃圾信件服務> 代辦中國網站ICP備案> 網站弱點掃描> 網頁設計 網路金流> 網頁設計> 一頁式網站> 網站維護> 網路開店> 程式開發服務> APP開發服務> 網頁設計作品> 平面及包裝設計作品> 線上課程平台> 線上客服系統> 網站備份服務> 內容分散傳遞CDN> 抗DDoS攻擊服務> 雲主機代管服務> 網路行銷 網路行銷> 網軍行銷> 政治網軍行銷服務方案 消除負評服務 SEO優化服務> 內容行銷> 提升網站業績的SEO策略> 新聞稿發佈及電視新聞置入> FB粉絲團代操服務> IG代操服務> LINE官方帳號代操> Google我的商家及五星評論> 部落客行銷> 網紅行銷> 影片行銷> 網路行銷顧問諮詢與輔導服務> 異地辦公及抗疫行銷解決方案> 經銷方案 經銷方案> 換家方案> 推薦方案> 分享送好禮> 消費紅利回饋> 客服中心 客服中心> 會員專區> 付款方式> 客戶續約> 租用條款> 常見問題> 客戶申訴> 問卷調查> [gtranslate] ClickMe