[Visio]畫出WEB介面藍圖(模擬圖、草圖)

一般來說我們在用Visio劃WEB藍圖的時候,之前都會大概使用Windows XP 使用者介面 ,
但裡面比較多是 Windows Form的介面概念,所以劃WEB感覺還是怪怪的。
所以介紹可以使用一個外掛的圖形,比較適合劃WEB的藍圖。

Dotjum今天要介紹的是,如何透過Visio 來畫出 WEB ASP.NET 介面型態的介面藍圖,
前一段時間,開始有一位伙伴一起來做同一個新的系統,剛好去客戶那邊去瞭解東西的部分是Dotjum
負責的,回來之後就在想要怎麼把客戶那端的想要的東西先畫出一個藍圖出來,
讓令一位伙伴以及客戶可以先瞭解初期的介面可能會長的怎樣,
一般來說我們在用Visio劃WEB藍圖的時候,之前都會大概使用
Windows XP 使用者介面 ,但裡面比較多是 Windows Form的介面概念。
所以劃WEB感覺還是怪怪的。
image

所以Dotjum就找到了一套Visio 劃 WEB 的一套圖形,該圖形樣版套件是由
Visio Stencils for Information Architects Nick Finck 這位先生發明的,

而怎麼使用呢,話不多說就來看以下的說明,
首先不管是 Visio 2003 2007 都可以加載這個圖形,
Step1.請先下載 http://www.nickfinck.com/stencils.html  裡面有三個模版
將檔案解在 C:\Documents and Settings\你的帳號\My Documents\我的圖形\visio_stencils_nick_finck 下
Step2.開啟Visio -新增繪圖-選擇圖形-我的圖形 - visio_stencils_nick_finck  - 有三個圖形把他載入

image

就會看到這三個樣本所有的圖形
image
Step3.就這樣發揮你的創意就能更做出類似Web的藍圖
image image image
就這樣可以簡單的方式大概畫出WEB介面的樣子,雖然在列表方面他是自己處理,
不知道會不會有比這個更專門的Visio 樣本或就專門於ASP.NET的樣本,
如果你知道有其他的,那就麻煩你介紹給Dotjum知道一下。
就這樣透過 Visio Stencils for Information Architects Nick Finck 的這個樣版,
就可以簡略的畫出WEB藍圖。這次的小技巧有趣嗎?下次介紹更有趣的給你知道。