中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

產(chǎn)在設(shè)計(jì)原型時(shí)，如果有自己使用順手的組件庫(kù)，工作效率會(huì)提高很多。本文作者分享了如何搭建和使用自己組件庫(kù)的經(jīng)驗(yàn)，供大家參考。

入門(mén)的產(chǎn)品經(jīng)理在學(xué)習(xí)使用axure畫(huà)原型的階段，在網(wǎng)上的看的教程往往偏向于用教學(xué)axure的元件去畫(huà)。這種教學(xué)在了解axure這款原型工具上沒(méi)有問(wèn)題，然而如果在工作中還是通過(guò)這樣的方式去輸出原型圖，那么效率將非常之低。如果想要大幅度提高原型輸出效率，打破axure學(xué)習(xí)階段的思維桎慣性，就需要用好組件庫(kù)。

組件庫(kù)的作用就是將頁(yè)面的組層元素提前整理好，在構(gòu)思好頁(yè)面的功能后，通過(guò)引用組件元素快速完成原型頁(yè)面。使用組件庫(kù)不僅能夠快速完成頁(yè)面的搭建，還能在視覺(jué)、規(guī)范、交互上達(dá)成更好的效果。然而大部分人在使用組件庫(kù)上，還是存在一些問(wèn)題，接下來(lái)我將聚焦自用組件庫(kù)上，幫助大家在使用組件庫(kù)的思路畫(huà)原型上，達(dá)到更好的效果。

一、使用開(kāi)源組件的問(wèn)題

我自己在剛開(kāi)始使用組件庫(kù)的時(shí)候，也是直接去找大廠的開(kāi)源組件庫(kù)，下載下來(lái)后進(jìn)行使用。

能夠使用大廠開(kāi)源組件庫(kù)已經(jīng)大大提高了原型繪制的效率，但是大廠的組件庫(kù)用于產(chǎn)品經(jīng)理去畫(huà)原型時(shí)，常常會(huì)遇到想用的組件一直找不到的情況，里面一些組件根本用不上。除此之外，大廠開(kāi)源的組件雖然免費(fèi)，但是組件基本上是缺少交互的，需要后續(xù)去補(bǔ)充，補(bǔ)充交互的過(guò)程往往十分機(jī)械和枯燥。

二、自搭建組件庫(kù)的好處

自搭建組件庫(kù)不是不借鑒他人的組件庫(kù)自己去完全去搭建一套組件庫(kù)，是根據(jù)自己的使用需求，整理出符合自己使用需要的組件庫(kù)。自搭建組件庫(kù)的出發(fā)點(diǎn)是根據(jù)自己畫(huà)原型的需要，整理出自己的組件庫(kù)，由于組件都是自己挑選、自己分類(lèi)、自己調(diào)整的，所以在使用時(shí)，能夠快速找出需要使用的組件，使用起來(lái)也更加的流程，而且可以隨時(shí)更新升級(jí)自己的組件庫(kù)，讓組件庫(kù)更加的強(qiáng)大。

三、如何自搭建自用高效組件庫(kù)

自用高效組件庫(kù)原則：符合自己使用習(xí)慣、能基本上完成頁(yè)面內(nèi)容的搭建、帶交互

在這里推薦在開(kāi)源的組件庫(kù)中進(jìn)行調(diào)整和補(bǔ)充。這就是所謂站在巨人的肩膀上，這樣比自己完全重新建立一個(gè)組件庫(kù)更加高效，也能快速獲得效果。推薦找到自己喜歡的組件庫(kù)，然后在其基礎(chǔ)上進(jìn)行專(zhuān)屬定制化。以下就是將開(kāi)源組件庫(kù)轉(zhuǎn)化為自用高效組件庫(kù)的具體建議。

1）刪除不要的分類(lèi)和組件

以antdesign為例，它開(kāi)頭的說(shuō)明、布局、工具，在大多數(shù)畫(huà)原型的過(guò)程中都是極低的使用頻率，甚至根本用不上，那么就直接刪除。通過(guò)直接編輯組件庫(kù)，進(jìn)入后刪除這部分就可以了。

2）將常用的組件分類(lèi)放在前面

雖說(shuō)組件庫(kù)大部分情況下是根據(jù)在組件的搜索框進(jìn)行搜索，但是把高頻使用的組件分類(lèi)放在前面，還是可以大大的提高使用效率。同時(shí)組件分類(lèi)的順序是自己定的，大部分情況不需搜索就能快速翻閱到。

3）更改組件名稱(chēng)，方面查詢(xún)

更改組件庫(kù)名稱(chēng)主要出于兩方面，一方面是用符合自己稱(chēng)呼習(xí)慣，一方面是語(yǔ)言

這個(gè)組件在element中稱(chēng)之為“對(duì)話框”，但是在你的稱(chēng)呼習(xí)慣里面卻是“彈窗”，如果不更改命名的話，搜索往往是沒(méi)有結(jié)果的。

推薦在優(yōu)化組件命名的時(shí)候進(jìn)行增加自己習(xí)慣的稱(chēng)呼方式，不刪除它原有的稱(chēng)呼方式，這樣就算一時(shí)混淆了稱(chēng)呼方式也能快速找到需要的組件。

4）添加交互

以AntDesign的標(biāo)簽頁(yè)為例，它本身是自己不帶交互的，如果不給它添動(dòng)態(tài)面板的交互，那么每次去用它都要重新添加一遍交互那么將十分麻煩。組件庫(kù)的目的就是減少重復(fù)勞動(dòng)，所以某個(gè)組件的交互原本開(kāi)源組件沒(méi)有，那么就自己添加上，免得后續(xù)又要去補(bǔ)充交互。

5）補(bǔ)充自己的業(yè)務(wù)組件

開(kāi)源的組件庫(kù)和別人的組件庫(kù)都會(huì)往通用性考慮，而且出于組件庫(kù)篇幅和文件大小考慮，也會(huì)把一些低頻使用的組件不放上去，但是自己工作時(shí)候的特殊性就會(huì)需要準(zhǔn)備好自己的業(yè)務(wù)組件。其實(shí)只要有了打造專(zhuān)屬自己組件庫(kù)的意識(shí)，這一步是很自然的。

6）調(diào)整分類(lèi)

庫(kù)的分類(lèi)：移動(dòng)端、網(wǎng)頁(yè)端、圖表、大屏

組件的分類(lèi)：表單、詳情、列表頁(yè)；數(shù)據(jù)輸入、數(shù)據(jù)展示、導(dǎo)航等

以上只是分類(lèi)的一些案例，這個(gè)分類(lèi)還是推薦根據(jù)自己的情況來(lái)優(yōu)化，分類(lèi)在某種程度上來(lái)說(shuō)就是自己對(duì)組件庫(kù)的架構(gòu)的梳理，有了這個(gè)架構(gòu)，無(wú)論是自己對(duì)于頁(yè)面功能結(jié)構(gòu)的認(rèn)知，還是繪制原型找到自己想要的組件的速度，還是維護(hù)更新自己組件庫(kù)上，都會(huì)有很大的幫助。

四、靜態(tài)組件轉(zhuǎn)換動(dòng)態(tài)組件

大廠的官方組件庫(kù)基本上是不帶交互的，比如按鈕是沒(méi)有懸浮狀態(tài)的，對(duì)話框是沒(méi)有顯示/隱藏的交互的。在大部分情況下，高質(zhì)量的原型能夠帶點(diǎn)擊效果和交互效果往往是最好的，在組件庫(kù)的維護(hù)中增加交互效果，能夠大大提高原型繪制時(shí)原型的動(dòng)態(tài)交互效果，而不是通過(guò)文字標(biāo)注來(lái)完成對(duì)交互的需求說(shuō)明。

這里推薦一種完成組件動(dòng)態(tài)化的方式，那就是去購(gòu)買(mǎi)第三方的大廠組件庫(kù)，有一些原型工作室會(huì)將大廠開(kāi)源的組件進(jìn)行交互的完善，例如標(biāo)簽頁(yè)的動(dòng)態(tài)面板效果、下拉單選欄的下拉項(xiàng)展示隱藏效果，都會(huì)做好，然后放在平臺(tái)上售賣(mài)。直接購(gòu)買(mǎi)自己喜歡的組件庫(kù)，再根據(jù)前面將開(kāi)源組件專(zhuān)屬化的方式，便能得到一個(gè)具都是動(dòng)態(tài)組件的專(zhuān)屬組件庫(kù)。

五、典型頁(yè)面的使用

• 小白：使用點(diǎn)線面去畫(huà)原型
• 入門(mén)選手：用組件拼成需要原型
• 大神：拖出典型頁(yè)面去改成需要的原型

典型頁(yè)面的概念首先是在Antdesign Pro上面看到的，其實(shí)它家開(kāi)源的典型頁(yè)面的問(wèn)題和組件一樣，分類(lèi)不太好用、沒(méi)有交互。其實(shí)只要掌握前面改進(jìn)組件的方法，那么便能擁有自己的一套典型頁(yè)面庫(kù)。

原型只是表達(dá)產(chǎn)品經(jīng)理思想的一種方式，是需求的最后一個(gè)環(huán)節(jié)。產(chǎn)品經(jīng)理往往需要再需求調(diào)研、分析、梳理上花大量的時(shí)間，所以，花一點(diǎn)時(shí)間讓自己掌握高效的原型輸出能力，讓自己的工作更加愉快吧！