網頁平面視覺稿的畫面如何製作？Mockdown 免費工具

2019-05-02 08:45:22 9M87

Mockups工具

對於平面設計師、網頁設計或提案者來說，常常需要提供成品草圖給業主、廠商看，常常需要花很多時間用 Photoshop 等繪圖軟體來繪製，今天跟大家分享這款線上工具 Mockdown，可以將網頁、軟體畫面利用 AI 自動轉換為草圖，包含色塊、排版、配色、圖形全部自動轉換，完全不需要在手動處理，就可以輕鬆產生模擬圖片！你也可以參考：Mockuper 把圖片偽裝在各種移動裝置，這麼專業叫美編怎麼活

Mockups工具
其實 Mockdown 的顯示常常出現大家的生活周遭，譬如說 Facebook、YouTube、DCard 等等，當網頁資訊還沒被讀取出來的時候，所呈現的狀態就是 Mockdown 的樣貌，也可以稱為 Mockup 視覺稿，讓大家可以預先知道這裡是有內容有文字的，只是還沒有被載入的狀態，若你想呈現的東西還沒有完整內容，想以概念圖的方式呈現，這款工具或許就是非常適合你的！

Mockdown

△ 進入 Mockdown 首頁後，可以看到中間的上傳區域，直接將要處理的畫面上傳就可以啦，因為目前 Mockdown 還處於 Beta 階段，希望收到更多的使用者回饋，因此目前還是免費的，未來正式啟用後，付費才能解鎖免費版沒有的功能。

圖片工具

△ 將圖片上傳後，等待一段時間就 OK 啦！下面提供兩張圖片讓大家參考輸入、輸出後的差異。

Mockups工具

視覺稿產生器

△ 拿本站的首頁截圖當作示範，可以看到不管是色塊、內文、標題等，都有相當精準的辨識度，令我相當驚訝的是沒想到歪國人做的服務，繁體中文轉換上也是沒有問題的！轉換成功後直接按右鍵就可另存圖片囉！趕快把這個佛心服務儲存起來吧～

馬上試試看！
https://epic.ai/mockdown/
更多資訊請參考：
虛擬主機推薦|台灣 VPS 推薦

網頁平面視覺稿的畫面如何製作？Mockdown 免費工具 相關文章

訪客留言

參考資料
裝機必備！這些高效軟體，讓你的Windows 好用一倍- 每日頭條
如果只是想短暫地將圖片畫面保存起來，那麼你也可以在截屏後選擇「貼到螢幕上」 .... 幕布」是國內團隊製作的一款集文檔和思維導圖處理的筆記工具，最大特色是能 ... 目前，這款軟體提供網頁、Windows、macOS、iOS、Android 五個平台可供免費使用。 ... Cmd Markdown 除了有本身的網頁版，還提供了Windows、macOS 和Linux 的 ...
CloudConvert 免費雲端轉檔，可結合Dropbox、Google Drive 網路硬碟
遇到想將手邊的檔案轉檔，卻沒有適合的轉檔軟體嗎？ ... 接著在第三步驟勾選當完成時自動以Email 通知、或是把轉檔後的檔案直接儲存到Dropbox 或Google ... Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為Mockup 視覺稿 ... 分類：線上工具, 線上轉檔 標籤：Dropbox, Google, Google Drive, 線上工具, 線上轉檔, 轉檔, 轉檔 ...
R Markdown
Turn your analyses into high quality documents, reports, presentations and dashboards with R Markdown. Use a productive notebook interface to weave together narrative text and code to produce elegantly formatted output. Use multiple languages including R
即時的設計筆記| 等著瞧。設計月報| 3 頁 - 視介
免費軟體, Laverna, 網路上許多免費雲端筆記本工具，如果需要使用進階功能或擴大 ... 裡面可以看到許多別人製作的網站，會讓人回想起初學網頁設計時的點點滴滴 ...... 度的VR 素材都有，近期還加入平面圖庫可供買賣，免費的資源不定期會更換，非常 .... 專頁釋出結構化資料，還與ITHAKA-Artstor 等NGO 及Pinterest 視覺圖像互動社 ...
製作出色網站框架- Canva
藉由使用Canva 製作漂亮的網站框架，在開始輸入程式碼之前，先規劃好網站。 ... Back; 標誌 · 海報 · 名片 · 傳單 · 從中斷處繼續 · 視覺資訊圖表 · 查看全部 ... 有了可快速開發的有力工具，以及大量拖放介面控件與網頁設計主要元素，你可以立即組合 ... 只要搜尋「線框圖」，拖出大量免費影像，即可建立按鈕、選單、影像輪播等網站框架。
三個免費線上語音轉文字工具，做即時中文聽寫筆記
今天這篇文章，來整理與測試三個可以「線上中文語音轉文字」的免費工具 ... Word 2010 或 PowerPoint 2010 以上版本，那麼你其實已經擁有了一個更強大快速、品質更好的自動照片去背工具 ...
Mockdown · PyPI
What is Mockdown Mockdown is a simple tool to make it easier to create HTML mockups. Mockdown uses Jinja2 templating engine and Faker module for generating fake data.
Mockdown - Turn high fidelity UI images into mockups | Steemhunt
Mockdown allows you to turn your high fidelity user interface images to mockups. This is an efficient tool which can be used for redaction of user information and creating low fidelity mockdowns. Mockdown can also be used for creating concept walkthroughs
終極行銷美工圖庫3.0 - 創億學堂｜網路創業顧問
讓我再問你一個問題，假如你能獲得這套圖庫並運用在你的網站上，你覺得有沒有 ... 自己額外購買，我並不是軟體代理商或經銷商，所以是無法提供你軟體的。但我會告訴你免費取得初階正版軟體 ...
Mockdown: самый быстрый способ создания вайрфреймов Хабр
Картинку добавляем в сервис Mockdown и через несколько секунд уже получаем готовый вайрфрейм. Не идеально, но вайрфрейм и не должен быть идеальным, ...