成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

如何制作交互組件庫 提升工作效率

2021-03-07    分類: 網(wǎng)站建設(shè)

曾幾何時(shí),每次交互稿都是徒手畫,或者截個(gè)圖在現(xiàn)有的界面上改造。漸漸感到同一平臺,每個(gè)版本都有很多重復(fù)勞動(dòng),是時(shí)候做個(gè)交互組件庫了~

什么是組件庫?
就是類似axure左側(cè)欄的這一坨標(biāo)準(zhǔn)控件,方便直接拖拽使用。
?
?
但如何制作滿足自己產(chǎn)品需要的交互組件庫,一開始是模糊的。最初只是根據(jù)自己的需要隨便列一些出來,在做的過程中逐漸清晰。
?
交互組件庫的作用:
  • 提高個(gè)人工作效率
  • 方便多人合作
  • 使交互文檔具有統(tǒng)一美
哪些東西可以做成交互組件?
只需記住一點(diǎn):當(dāng)你感覺到某種UI組合,每次都需要重新畫一遍的時(shí)候,就可以考慮把這種UI組合做成交互組件。

上面所說的“重復(fù)勞動(dòng)”對不同人來說可能定義不盡相同。比如對我來說,即使把Tab的選中狀態(tài)變一下,也是一種重復(fù)勞動(dòng)。那我就會(huì)把不同Tab的選中狀態(tài)都做一份。這樣等到要制作“我的音樂”相關(guān)交互的時(shí)候,直接把下面第二個(gè)組件拖過去就可以了。


但對于某些Tab組合來說,每個(gè)Tab底下的內(nèi)容可能是差不多的,做交互的時(shí)候往往只需要表達(dá)第一個(gè)Tab下的頁面就可以了。這種我就只把第一個(gè)Tab的選中狀態(tài)做一下??偟脕碚f,怎樣對自己方便就怎樣做。


?
交互組件應(yīng)該具備的特點(diǎn):
組件組件,大的一個(gè)特點(diǎn)就是可組合性。整理的時(shí)候,思考哪些UI組合是不同頁面都會(huì)共用的,把這些元素剝離出來,就成了交互組件。根據(jù)自己的經(jīng)驗(yàn),我會(huì)把組件歸為幾大類:
?
頂欄類:

?
導(dǎo)航類:

?
彈窗類:

?
彈出浮層類:

?
toast類:

?
列表類:

?
鍵盤類:

?
icon類:

?
另外,一些常用的主界面和內(nèi)容頁我也會(huì)做成組件。這樣當(dāng)我要拿搜索頁說事兒的時(shí)候,就可以直接把整個(gè)搜索頁拖過去,而不需要花時(shí)間再搭一遍積木了。

?
單個(gè)交互組件應(yīng)該具備的特點(diǎn):可編輯性。PNG圖標(biāo)、文字、選中……每一個(gè)元素都是可以單獨(dú)編輯的。

?
組件的顏色?
盡量以黑(性)白(冷)灰(淡)風(fēng)格為主。
?
如何把各種組件想全?
不用想全,邊做邊補(bǔ)。所以不同平臺的交互組件庫應(yīng)該有專人維護(hù)更新,才能保證組件庫始終好用。這點(diǎn)其實(shí)知易行難,一定要提醒自己“磨刀不誤砍柴工”。
?
組件邊上需要寫說明文字嗎?
個(gè)人喜好組件邊上不寫任何說明文字,組件的名字已經(jīng)反映在axure文檔的側(cè)導(dǎo)航上。只要側(cè)導(dǎo)航分類符合心智模型(好找),頁面上清清爽爽的組件(方便拖拽),就能滿足我的需求了。
?
組件庫是給畫交互稿的人用的,不是給別人看的。給別人看的是另外一種東西,交互規(guī)則庫,那種需要說明文字。
?
因此,判斷一個(gè)交互組件庫是否好用的標(biāo)準(zhǔn)是:

  • 你自己是不是經(jīng)常使用自己的組件庫
  • 別人樂不樂意使用你的組件庫

分享題目:如何制作交互組件庫 提升工作效率
本文路徑:http://jinyejixie.com/news/104608.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站內(nèi)鏈虛擬主機(jī)、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
延川县| 抚州市| 图木舒克市| 沁阳市| 文化| 高青县| 甘孜县| 巧家县| 马龙县| 防城港市| 长顺县| 上高县| 馆陶县| 望谟县| 文成县| 泽普县| 青州市| 耿马| 西和县| 临邑县| 丹凤县| 长岛县| 鲁甸县| 绥化市| 古田县| 昭平县| 礼泉县| 晋州市| 淄博市| 福鼎市| 南雄市| 建始县| 神农架林区| 开远市| 彭山县| 仙桃市| 临沂市| 普兰店市| 夏津县| 乌兰浩特市| 大足县|