服務熱線 400-660-5555 （轉1）
網站建設
本期內容我們將繼續講解使用xiaopiu原型工具來實現我們網站、APP、小程序的框架搭建。我們將盡可能的針對小白用戶用簡單的工具來表達我們內心產品的想法。
我們從下圖剋有看到左側紅框處為我們常用的畫圖工具，右側為頁面欄和樣式欄。在做原型圖的我們應該規范工具的使用，來保證最終輸出的內容具有一定的邏輯性，讓設計師能夠理解我們的想法。至于怎么規范使用，我們可以把鼠標移到對應工具上，也會有對應的屬性名顯示，讓我大概知道這個工具是用在什么地方上的。工具用的最多的應該當屬矩形（快捷鍵R），很多初次使用的操作者可能都是用著這個工具來表達整體架構的設想，但是我們應該要再規范化點，如果頁面涉及到圖片的展示，我們就應該用到圖片工具（快捷鍵P），有圖標的展示我就應該用圖標工具（快捷鍵I），這樣做出來的原型圖就能更易于理解，節省無意義的溝通成本。另外xiaopiu內置了大量的組件和圖標，直接使用這些工具能夠更好的幫助我們節約時間，在原型圖的制作上我們沒必要去想各種UI的內容，只要有對應符合需求的組件放上去即可，至于如何美觀就等到設計階段再去考慮，這樣的操作方式能夠讓我們更高效的進行產出。我們可以在頭幾次制作的時候僅考慮這些功能的時候，后面做的多了我們就要考慮更細致的內容包括模塊與模塊之間的間隔，模塊顏色深淺對應的層級重要性表達等等，等我們做完這些之后我們就可以初步將此作品稱為低保真原型圖，如果我們本身具備有良好的設計能力，我們可以進一步的把我們所要展示圖片、素材等放上去，xiaopiu支持直接對圖片進行拖曳，但免費版的有200MB的空間大小限制，所以我們可以多多考慮重復利用。
既然我們做出學會做簡單使用工具后，我們應該怎么告訴設計師一些原型圖的想法呢？當然如果能夠面對面的溝通講解那是最好的，但是很多時候如果是外包公司的話就會有很多限制，所以我們要使用到工具欄右側備注工具，當我們單擊單個模塊的時候都可以進行備注的填寫，這樣我們分享這個案例的時候就能夠讓其他人能夠一目了然了。
說到分享xiaopiu也支持多種分享方式，包括公開分享、私密分享、加密分享，能夠針對不同的群體來選擇不同方式來保護我們的創意和想法。具體的操作可見下圖所示。
那么這就是我們小白人員初步使用原型圖工具從開始到最后的整個過程，希望我們能夠通過每一次的操作來不斷提升自己，隨著能力的提升我們甚至可以創建一些簡單的交互效果讓整個頁面更加生動，最后調皮的說一句如果不想學的話可以來找我們中企動力為您提供全稱的服務。
添加動力小姐姐微信
電話咨詢
400-660-5555 （轉1）
