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

編輯導語：搭建自己的axure組件庫對于原型設計來說十分重要，本篇文章作者分享了搭建axure組件庫的方法，介紹了一些常用的相關網站應用，感興趣的一起來看一下，希望對你有幫助。

一、引言

在我們進行原型設計時，很重要的一點是搭建自己的組件庫。為什么這么說呢？

雖然現在已經有許多開源的 Axure 組件庫，但是呢，我們想著用這些組件庫來節省畫原型的時間時，實際上，可能會浪費很多時間在尋找合適的組件元素上。

根據我以往的經驗，總結了兩種會降低畫原型效率的情形：

1.?徒手畫原型：每一次做新的原型，都從頭開始畫，使用到的組件可能只有導航欄、翻頁條等十分常用的組件。

2.?過于依賴開源組件：盡量使用組件畫原型，但是使用的組件庫不只有一個，分散在不同的地方，不知不覺在查找的時間浪費了很多。

為什么明明有那么多的開源組件庫可以使用，但是還會花費許多時間在這上面呢？

• 對開源組件庫不熟悉，并且組件庫分散，內容多，很難找到想要的組件；
• 自己畫，太浪費時間，無法復用；
• 不是自己經手的東西，加上不是很熟悉，使用起來也是比較費勁的。

當我們沒有進入別人的情境時，一般是比較難完全把握住別人的東西的。

若想要化為己用，也是要像讀書一樣，讀了想了用了，才能夠掌握和使用自如。

并且每個人的思維方式，每個公司的業務不同，就會造成開源組件庫不一定適用的情況下。

所以搭建一套適合自己的組件庫，不斷豐富，才能讓自己在后續畫原型中得心應手。

二、如何解決

我認為比較有效的方法是，搭建一套自己的組件庫。不過不是說要讓自己從頭搭建組件庫，可以借用下面的公式。

自己的組件庫=開源組件+自用整理

展開說就是：

• 在常用的開源組件中分類整理出自己所需和常用的；
• 再加上一些自己項目業務所需要的頻率較高的內容，自己組件。

在初步搭建好自己的常用組件庫后，之后可以根據需要不斷增加內容。

三、如何搭建組件庫

1. 要點

1）從開源組件庫和原型中汲取

相信大家或多或少都存有一些組件庫和原型，但是我們并不會全部組件用上，所以就可以從這些不同的組件庫中，抽取出自己需要的，放入自己的組件庫中。

比如 AntDesign 組件庫中，【小工具】基本用不上，【按鈕】用得上，那么我就把按鈕搬到自己的組件庫中，諸如此類。

2）從工作中總結常用的內容

每個行業、每個公司，都有其業務特性，因此無法完全復用別人的組件庫和原型，所以需要我們梳理總結日常工作常會用到的內容，制作成組件。

例如，我們項目組對于【組織樹】的使用頻率較高，那么就把它做成組件，放入自己的組件庫，這樣下次使用起來就方便多了~

3）分類整理（移動端、網頁端、圖表等）

這里可以根據每個人的習慣來分類，通常可以按照移動庫、PC庫、圖表庫來整理，方便拖拽使用~

2. 步驟

以 axure 組件庫制作為例：

打開 Axure ，來到元件庫區域，點擊【創建元件庫】。

根據自己的需要，保存文件庫到相應位置。

1）開始制作；

2）分類組件：以 AntDesign web 版為例，會分為“布局、通用（按鈕、圖表、分割線）、導航、數據錄入等等”，根據自己的常用習慣來進行分類。

3）借用開源組件庫：從常用的開源組件庫中，選取適合自己的、常用的，放入自己的組件庫。總結項目業務：

每個公司業務不同，不會有哪一個公用組件庫可以完全適用自己的工作，所以我們需要在日常的原型制作中總結經驗，制作通用的組件。以我們的為例，常常在表單錄入上使用較多，所以我就會把這一部分做成組件，方便后續復用。

4）保存組件庫：打開 axure ，將組件庫載入，之后就可以正常使用。

上面就是簡單的 axure 組件庫制作流程，軟件的使用流程我們可以很容易就能搜索到，所以這里就沒詳細展開，最重要的還是制作組件庫的思想。

搭建一套自己順手、易用的組件庫才是最終目的。

3. 常用開源組件庫

目前許多大的互聯網公司都有自己的設計規范網站，上面會有相應的開源組件庫分享。

除此之外，像 Axure 還有許多原型網站，會有許多人分享自己制作的原型及組件庫。

下面就是我自己的一些常用網站：

• 常見的設計規范組件庫：Ant Design 、Arco Design、TDesign、Element等；
• 常用的網站：AxureUX.com、axureshop、產品大牛等。

1）Ant Design 螞蟻設計

Ant Design 是阿里螞蟻金服團隊基于 React 開發的 ui 組件，有著豐富的資源，包括移動端、pc 端。

https://ant.design/docs/resources-cn

2）Arco Design

飛書團隊產品，基于 Byte Design 升級而來，是一個能力全面的企業級產品設計系統，所以主要為pc版組件庫（支持 axure rp9 使用）。

https://pro.arco.design/

3）TDesign 企業級設計體系

TDesign 是騰訊各業務團隊在服務業務過程中沉淀的一套企業級設計體系。有桌面版、移動端、小程序版的設計資源，目前 axure 組件組只有桌面版的（支持 axure rp9 使用）。

https://tdesign.tencent.com/

4）Element 餓了么設計規范

Element，一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫。組件庫為桌面（pc）版。

https://element.eleme.cn/#/zh-CN/resource

5）AxureUX.com

AxureUX 是一個交互原型素材原創分享平臺，提供基于 Axure 的高質量通用組件模板庫和行業原型模板的分享。

在【免費作品】中，可以下載到移動端、后臺管理、可視化圖表、插畫素材等元件庫。內容十分豐富，在原型設計上完全夠用。

https://www.axureux.com/home/default.html

6）AxureShop產品原型網

這是一個 Axure 原創素材交易平臺，可以在上面購買所需要的原型及組件庫，也有免費的資源可以下載，特點是axure資源十分豐富。

https://www.axureshop.com/

7）產品大牛

在產品大牛的【廣場】上，有許多分享出來的免費原型及元件庫，可以根據需要去下載。

https://www.pmdaniu.com/

四、總結

在原型設計上，誠然很多內容都可以直接搜索到，但是那些知識都是分散的，想要讓一個東西徹底變為自己的，那就是吸收整理學習并應用。

所以我們搭建自己的組件庫，也是這個作用：將零散的組件整理成一個組件庫，讓自己能夠隨取隨用。

作為產品新人，我們最怕的是什么，是一直在低效地執行。

畫原型本身沒有錯，也是我們產品新人該打牢的基礎之一，最重要的還是不能低效地畫原型，浪費大部分的時間在上面。

搭建自己的組件庫，不僅可以讓自己更高效地使用組件，并且可以幫助我們思考和整理碎片內容。

不過呢，最重要的是搭建組件庫的思想，就像是我們要搭建自己的知識庫一樣。

本文由 @阿無 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協議。