一像鸡、 實驗?zāi)康?/h2>
- 熟悉原型工具墨刀。
- 使用墨刀完成該網(wǎng)頁的原型草圖設(shè)計哈恰。
二只估、實驗環(huán)境
- 操作系統(tǒng)：Windows 10 X64
- 原型制作工具：墨刀
三、實驗過程
1. 選擇適合自己操作系統(tǒng)的墨刀版本下載并安裝着绷。
2. 打開安裝好的墨刀蛔钙，新建項目，給項目取個項目名稱荠医，并選擇“網(wǎng)頁/電視”吁脱，默認大小為1440?1024，點擊創(chuàng)建即可彬向。
3. 創(chuàng)建后兼贡，就能看到如下空白界面，可以簡單的來熟悉一下墨刀的操作界面：左側(cè)工具欄娃胆，有一些基礎(chǔ)的文字形狀等工具遍希；右側(cè)是屬性欄，可以選中畫布上的對象進行修改大小里烦、顏色等屬性凿蒜；上方有免費的素材庫可供使用禁谦。
4. 首先讓我們先看一下這次要畫的網(wǎng)頁,因為這次主要是快速原型、交流需求废封，因此州泊，我們對動態(tài)、圖片虱饿、文字等等拥诡，不需要太精細。
5. 首先氮发，我們先在左側(cè)的工具區(qū)選中“矩形”并拉到畫布上渴肉，并調(diào)整大為我們的版頭大小，這個就是我們的最上面的那塊版頭爽冕，同理仇祭，再拉動一塊矩形作為我們的底面
6. 接著我們還是在左側(cè)的工具區(qū)最上面選中“文字”并拉到畫布上，放置在我們的版頭左下角乌奇，作為版頭的導(dǎo)航欄文字礁苗，同樣的操作重復(fù)8次，分對應(yīng)8個標題導(dǎo)航。
7. 接著我們在右側(cè)屬性欄調(diào)整一下文字的大小和字體，使它看起來更舒適一點秀又。
8. 下一步我們看到網(wǎng)頁的正中間有一個輪播圖片，墨刀這里有一個現(xiàn)成的素材庫可以免費使用袱讹，點開右上角的“素材庫”椒丧，就可以看到很多現(xiàn)成素材，這里我們點擊"基礎(chǔ)"中的“輪播圖”棒假，就可以在畫布上生成一個輪播圖
9. 在畫布上能看到輪播圖,我們調(diào)整一下大小妻枕，并放到合適的位置 :
10.然后我們觀察到輪播圖的左邊和右邊都是文字區(qū)蝌数，所以我們還是用到文字工具亭珍，輔助ctrl+Z進行快速制作阻荒。這里可以不用具體要求文字內(nèi)容侨赡，我做了左邊的文字蓖宦，右邊的就用“文字”兩個字來代替。
11. 這時候我們會發(fā)現(xiàn)畫布大小不夠诱担，這時候我們在畫布底部能看到一個下拉條，我們可以拉動這個下拉條來適當拉伸畫布長度。
12. 接下來就是網(wǎng)頁上的綠色方框組成的文章區(qū)，我們還是拖動矩形工具到畫布上，這時候雙擊我們的矩形進入編輯組件狀態(tài)立哑，進入后再點擊我們的矩形产喉，在右側(cè)的屬性欄找到“外觀”这嚣，記得不要勾選“填充”而要勾選“描邊”，然后點開顏色面板選擇綠色
13. 重復(fù)這樣的操作唯蝶，完成5×4的矩形陣
14. 接著我們在矩形內(nèi)填充一下文字，表示這些區(qū)域里存放文章
15. 最后我們用矩形做一個版尾就完成了草圖的繪制。
16. 做完后也可以選擇稍微完善下或详，比如把網(wǎng)頁上輪播的圖片保存下來放到我們的輪播圖上或是把版頭等椒振。
四夹供、實驗總結(jié)
經(jīng)過這次快速原型草圖的實操，我們對網(wǎng)頁原型的作用有個大致的了解，它能讓我們對網(wǎng)頁的功能需求有一個良好的定位，原型圖能快速簡單地讓我們對整個網(wǎng)頁有所了解，幫助溝通和測試萨脑。除了墨刀以外，還可以使用pencil project等工具來制作原型圖，操作同樣簡單方便川尖。
