繪制多邊形
技巧
對(duì)于那些由長(zhǎng)線條組成的、用來(lái)表示頁(yè)面或設(shè)備輪廓的矩形和其他多邊形，可以通過(guò)旋轉(zhuǎn)紙面的方法依次畫出邊框線，而自己的姿勢(shì)與落筆的角度可以保持不變。
解釋
要在每個(gè)方向上都畫出很漂亮的直線，確實(shí)不是容易的事情。只會(huì)畫橫線不會(huì)畫豎線？把紙面旋轉(zhuǎn)90度好了——這樣無(wú)論什么角度的直線，對(duì)我們來(lái)說(shuō)其實(shí)都是一個(gè)方向的，我們自己最習(xí)慣的姿勢(shì)和落筆的角度就可以保持不變了；簡(jiǎn)單又實(shí)用。
注意
如果你正在使用白板，這種技巧顯然不適用；還是多練習(xí)豎線的畫法吧。
對(duì)交互方式的體現(xiàn)
技巧
以普通草圖為基礎(chǔ)，將便簽貼紙附著在圖紙的相關(guān)位置上，用來(lái)表示那些具有交互性質(zhì)的界面元素，比如提示氣泡、彈出層、模態(tài)窗口(modal windows)等。
- 我們可以在一張草圖上使用便簽貼紙同時(shí)定義多個(gè)交互元素，然后按照具體的交互規(guī)則，取下一些，再對(duì)包含剩余交互元素的草圖進(jìn)行掃描和復(fù)印，最終就可以得到一套完整的交互示意草圖。
- 使用不同顏色的貼紙來(lái)表示不同類型的交互元素。
- 一張貼紙的尺寸難以完整的表示模態(tài)窗口？在旁邊拼一張好了。
- 一張貼紙的尺寸對(duì)于提示氣泡來(lái)說(shuō)太大了？裁掉一部分也無(wú)妨。
解釋
這種方法可以幫助我們?cè)诓恍薷牟輬D框架的情況下快速的定義頁(yè)面元素的交互方式。便簽貼紙的位置可以很方便的被調(diào)整，我們還可以在上面勾畫該界面元素中的細(xì)節(jié)內(nèi)容。
出處：Be For Web
責(zé)任編輯：bluehearts
上一頁(yè) 草圖原型實(shí)戰(zhàn)技巧 [2] 下一頁(yè) 草圖原型實(shí)戰(zhàn)技巧 [4]
|
第 1 頁(yè) 
第 3 頁(yè) 草圖原型實(shí)戰(zhàn)技巧 [3]
