簡單快速畫出網頁設計 quickMockup 免帳號線上草圖

我之前曾經介紹過一個「免帳號登入的線上室內設計圖工具」,獲得很大迴響,這類的免洗工具雖然功能不比專業軟體,可是就很適合來滿足簡單、臨時的需求,省去那些麻煩的步驟,甚至省去學習操作的時間,就能快速製作出一個「可用」的成品,這樣工作才能快速推進。

類似的概念,也符合今天要推薦的這個線上版的網頁原型設計工具:「 quickMockup 」,他看起來很簡單,但是相對操作起來很快速流暢;他沒有太專業功能,但也不需要註冊登入;他提供的素材不算多,但剛好夠用,而且任何人不需學習就能快速上手。

「 quickMockup 」正如其名,他的目的是讓我們簡單快速畫出一個網頁或介面設計草圖,然後可以立刻分享給團隊夥伴溝通討論。他不是要當專業設計工具,但是臨時需要,還真的能快速滿足需求。




1. 不需註冊帳號,立刻就能開始畫


打開「 quickMockup 」網站,就是一個繪製網頁原型的設計畫面,我們不需任何帳號,立刻就能開始畫草圖。





2. 簡單拖曳,速度流暢


「 quickMockup 」的操作也直觀易懂,就是把左方的各種元素,拖曳到畫面中,可以隨意擺放位置與改變大小,也能輸入中文內容說明。

雖然「 quickMockup 」就是簡單的重組元件,也沒有對齊等更進階功能,但優點是他的速度很快,在這類工具中算是效能非常好的。





3. 加上便利貼溝通


另外「 quickMockup 」還特別設計了一個便利貼的功能,我們可以把便條放在任何位置,這樣就可以充當註解討論。





4. 獲得分享網址


快速完成網頁原型草圖後,如果想要分享給他人參考怎麼辦?其實一個簡單方法就是直接截圖,另外也可以獲得你這張設計圖的專屬網址。

方法是點擊「 quickMockup 」網站最右上方的「 to Codepen 」按鈕,這時候會把你畫的草圖轉到 Codepen 網站,同樣也不需註冊,直接點擊網頁中的「 Save 」按鈕,儲存成功後,網址列中的網址就是這張草圖的專屬位址囉!像是我測試的這樣:http://codepen.io/anon/pen/vGBMZZ?editors=0010

當然,比起我之前介紹過的「好用原型設計軟體 Mockplus 免費畫互動 App 與網頁」,這個「 quickMockup 」要陽春太多了,但簡單有簡單適合的情況,或許這個簡單快速設計工具,也能幫你解決有一天要畫網頁或介面草圖的需求。

更多免費線上工具可以參考:「[年度精選]比軟體更強悍 33 種文書繪圖免費線上工具」。

延伸閱讀相關文章:

「 quickMockup 」網站

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:簡單快速畫出網頁設計 quickMockup 免帳號線上草圖


留言

  1. 有幾家超簡單好玩的【自製免費動畫網頁】實例,大家可快速參觀比較:
    http://redcad.pixnet.net/blog/post/80456872

    回覆刪除

張貼留言

相關文章:

這個網誌中的熱門文章

OpenShot 免費中文版影片剪輯軟體,何必用精簡版的威力導演

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Messenger Lite 臉書即時通輕量版台灣下載開放,比較看看我該用哪一款?

To the Moon 繁中版登陸手機,經典說故事型 RPG 無劇透評析

Smallpdf 線上 PDF 轉檔 Word 與編輯免費全能工具,支援中文

五款免費中文 OCR 文字辨識軟體下載,建立強大無紙化辦公室

我所養成的 10 個最有生產力習慣,以及我如何養成這些習慣

Notion 把文件、任務、知識庫「無縫重組」的全新專案整理工具

YouTube 簡約黑色劇院介面正式推出,立即啟動不需改程式碼

SleepTown 遊戲化養成早起習慣,來自 Forest 台灣團隊開發