怎樣使用原型設(shè)計(jì)中的組件樣式功能

“樣式”是一個(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組件樣式功能上的具體用法:

Axure

在應(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

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è)版的成員用戶還可以編輯共享的組件樣式。


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,725評論 25 709
  • 用到的組件 1、通過CocoaPods安裝 2、第三方類庫安裝 3、第三方服務(wù) 友盟社會化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 15,134評論 1 180
  • 這世道蒼涼扭轉(zhuǎn) 醫(yī)生已成了 病者拳下的惡人 無話,無奈 無處抱怨 可悲的是 你傷了醫(yī)生 他照樣給你治病 更可悲的是...
    多情的刀閱讀 338評論 2 1
  • 時(shí)至今日,距離考研還有不到86天的時(shí)間。記得自己是從兩百天開始計(jì)算日子的,指針的大筆一揮,也不及于此。 太...
    Du筱na娜閱讀 238評論 0 1
  • 《我的名字》的故事靈感來源于小野小町的一首和歌:“夢里相逢人不見,若知是夢何須醒??v然夢里常幽會,怎比真如見一回”...
    馥芮球閱讀 204評論 0 0

友情鏈接更多精彩內(nèi)容