簡單的佈局模型設計工具？

Question

我想在不做代碼的情況下佈局一些網站的模型。從設計開始，將我的想法放在我能看到的東西上。簡單的東西就像在普通的筆和紙上做的一樣，但在計算機上，無論是網絡工具還是實際的程序應用程序。

我知道Photoshop和Gimp可以用於這個，但我更喜歡簡單的東西，只是做佈局[模擬]像標題，正文，內容，頁腳，文本框，按鈕，列表，顏色，等我可以使用油漆或類似的東西，但它只是有點乏味，這樣做並不舒服。像「所見即所得」一樣簡單，只是爲了創建設計，因爲我想稍後編寫它自己。

所以，如果你知道這樣的知識，請告訴我。 :)謝謝

Answer 1

考慮使用Balsamiq Mockups。這是一個非常快捷的佈線工具。

它通常不使用顏色，因爲這會將焦點從佈局上移開。沒有什麼比第一次爲客戶做模型並讓他們說「呃......我認爲這應該是藍色而不是紅色」。

熟練使用該工具後，您可以在與客戶交談時輕鬆修改模型以獲得即時反饋。

Answer 2

的鉛筆項目的獨特使命是建立使圖表和圖形用戶界面原型，每個人都可以使用free和opensource工具。

http://pencil.evolus.vn/en-US/Home.aspx

Answer 3

有很多這樣的工具。傳統和早已確立：Carreta Design Studio,Axure RP和（我自己的）MockupScreens。當然更新但很流行的是Balsamiq Mockups。

此類工具（免費和商業）的完整清單is here。要小心，只有幾個「新來者」根本沒有任何意義（但它們看起來都一樣，選擇時可能會出現問題）。

尋找一些主要的事情是：

• 什麼是主要的工具（臺式機，網絡，移動）
• 無論目的是爲高或低高保真原型
• 工具是否有「黑與白」的模式和不同的皮膚
• 怎麼是你應該討論你的樣機（是原型只是「圖片」或他們有註釋，幻燈片 模式，導出爲PDF /字等）
• 層次的互動（僅圖片，元素可以鏈接，充分 點擊的原型）

但主要的一點是，當然，使用特定的工具時，如何快速，自信是你。

Answer 4

我個人投我MockFlow。

它有一個免費的選項，這個選項在體積上是有限的（如果內存服務的話，你只能創建3-4個佈局），但是可以使用該工具。