2010-09-02 47 views

回答

7

如果你擅長繪圖,Photoshop或Illustrator,如果你不是很好,或者它是促進內容和結構的討論,而不僅僅是視覺效果,Balsamiq是快速和易於使用。

alt text

+0

我完全贊同這一點。首先在這些工具中使用模擬。然後擔心執行。 – 2010-09-02 23:13:02

4

我一般的UI實體模型的Balsamiq風扇。有一個免費的在線版本(有時候會出現一些錯誤),並且您的本地計算機還有一個付得起的付費版本。它在功能和導出格式等方面非常出色。我喜歡它的主要內容是:

  1. 它非常快速和容易地模擬一個用戶界面。
  2. 這是明顯模擬只是...模擬。通常,用戶會看到什麼看起來像一個用戶界面,併產生錯誤的印象,即該產品接近完成。並且/或者他們會在UI中改變他們想要改變的細節(我們可以讓這個按鈕變成藍色嗎?等等,綠色怎麼樣?),而不是專注於項目的肉塊等。
  3. 它可以用來快速輕鬆地模擬各種事物,而不僅僅是UI。我也有一些基本的流程圖和圖表。這並不意味着這一點,但在一個捏它工作得很好。
2

鉛筆和紙很明顯這只是一個模擬,並沒有實際的程序/頁面內置。

+0

一個很好的建議,一個經常被忽視的建議。另見紙質原型:http://www.alistapart.com/articles/paperprototyping/ – Douglas 2010-09-02 23:18:18

0

對於最初的討論階段,是的,鉛筆和紙張或易於使用的圖形程序將使設計脫離實際。我甚至在Excel中看到過早的屏幕布局(電子表格功能可以很容易地佈置表單)。

作爲一箇中間人,我喜歡從客戶端和開發人員的角度來看線框。線框是所提出的設計的基本HTML模型,具有所有圖像,樣式,標籤和表單元素,並且可能具有諸如頁面導航之類的基本交互。它應該看起來像沒有任何業務功能的成品。網頁設計師的首選工具似乎是Dreamweaver,但有很多好的平臺可供選擇。從客戶的角度來看,這讓他們真正瞭解該產品在瀏覽器中的樣子。對於開發人員來說,HTML標記可以被剪切並複製到.NET Web控件中,並且可以從那裏做真正的工作,而不會浪費時間從頭開始重新構建標記。完成後,他可以拉起線框,在現場拉起他開發的頁面,並確認他所做的看起來像線框。

0

我已經在Powerpoint中看到了一些令人印象深刻的樣機,令人驚訝的是。您可以製作將您帶到演示文稿其他頁面的按鈕,並且可以在演示文稿中放置模擬按鈕。

相關問題