“樣式”是一個(gè)集中管理你整個(gè)項(xiàng)目的頁面和部件的外觀和感受的解決方案??梢园阉斫鉃槲④汷ffice Word中的樣式,或修飾HTML的CSS樣式。
當(dāng)更新項(xiàng)目的視覺設(shè)計(jì)時(shí),使用樣式可以節(jié)省你很多時(shí)間。他們還可以幫助標(biāo)準(zhǔn)化或統(tǒng)一化多個(gè)團(tuán)隊(duì)成員對項(xiàng)目文檔的編輯風(fēng)格。一致的風(fēng)格也可以幫助定義和加強(qiáng)你的品牌的外觀和感受,增加線框圖和原型的專業(yè)性。
何時(shí)會使用到樣式呢?這幾種情況下樣式可以派上用場。
?大型項(xiàng)目:當(dāng)你有一個(gè)大項(xiàng)目并且可交付物需要有一致的外觀和感受時(shí)。
?多人協(xié)作:當(dāng)你和團(tuán)隊(duì)其他成員協(xié)作,并需要保持每個(gè)人的編輯風(fēng)格保持一致的時(shí)候。
?長期項(xiàng)目:當(dāng)你計(jì)劃在整個(gè)項(xiàng)目周期長期維護(hù)和更新你的文檔時(shí),樣式可以幫你節(jié)省很多時(shí)間。
也有一些時(shí)候你不需要考慮使用樣式,比如當(dāng)你在做一個(gè)快速的原型時(shí),你知道這個(gè)原型的壽命不長。但對于要使用一段時(shí)間的項(xiàng)目文檔,最好盡早使用樣式。你會很快知道這么做的好處,并且不需要在項(xiàng)目變得龐大時(shí)再去費(fèi)力更新里面的內(nèi)容。
這樣看來,可以說樣式是很重要的功能,能大大地幫助我們提高原型制作的效率。作為當(dāng)今兩大網(wǎng)紅原型工具,Axure和Mockplus都支持樣式功能。那么下面就來講講Axure和Mockplus組件樣式功能上的具體用法:
在應(yīng)用界面左上方點(diǎn)擊“project”(項(xiàng)目),在下拉菜單中選擇“widget style editor”(元件樣式編輯器),即可彈出樣式編輯器。

或者在界面右側(cè)“Inspector”(監(jiān)視器)下“STYLE”(樣式)處點(diǎn)擊“Manage Widget Styles”(管理原件樣式),即可彈出樣式編輯器。

在樣式編輯器上端可以"add"(添加樣式)、“duplicate”(復(fù)制樣式)、“delete”(刪除樣式)、“move widget up/down”(上下移動樣式)。左側(cè)為樣式清單,右側(cè)為選中的樣式的屬性,在右側(cè)即可編輯樣式。這樣能清楚地以文字形式展現(xiàn)樣式庫、羅列樣式,易于管理;但是看不到樣式具體的樣子,改起屬性來比較抽象。

樣式的屬性顯示在界面上端第三欄和界面右側(cè)“Inspector”(監(jiān)視器)下“STYLE”(樣式)處。

Mockplus中樣式功能展示在應(yīng)用界面的右上方。
保存樣式:選中組件,設(shè)置好該組件的外觀后,點(diǎn)擊圖中的加號,即可把組件當(dāng)前的外觀屬性保存起來。

應(yīng)用樣式:應(yīng)用時(shí),選中某個(gè)類型的組件后,右側(cè)即會加載該類型組件的樣式,點(diǎn)擊對應(yīng)的樣式,即可把該樣式設(shè)置到選中的組件上;

還可以同時(shí)選中多個(gè)同類型的組件進(jìn)行樣式設(shè)置。但部分簡單的組件是不支持樣式的,如靜態(tài)分類下的組件。

刪除樣式:刪除時(shí),只需要把鼠標(biāo)移動到該樣式上,就會顯示一個(gè)紅色的刪除按鈕,點(diǎn)擊即可刪除;需要注意的是:只能刪除自己添加的樣式。

添加樣式庫:需要輸入樣式庫名稱及描述;名稱會顯示到下拉框的位置;描述用于對庫進(jìn)行一個(gè)簡短說明,在管理樣式庫的時(shí)候可以看到。

管理樣式庫:名稱前的圓點(diǎn)表示庫的同步狀態(tài);右側(cè)按鈕,分別表示:編輯樣式庫信息、同步該樣式庫、分享樣式庫、刪除樣式庫;列表各項(xiàng)其它信息為:作者、分享人數(shù)、備注。

分享樣式庫:可以添加或刪除分享成員,成員來源為企業(yè)內(nèi)部添加的成員賬號。企業(yè)版的成員用戶還可以編輯共享的組件樣式。
