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

在設計原型時，如果有自己用順手的組件庫，會提高很多工作效率。本文講解了5中常見的組件類型，大家可以學起來。

不少產品新人，在練習原型圖時，會拿UI界面進行臨摹。但到了項目實戰時，還是不知道怎么畫。

出現這個情況，有2個主要的原因

1. 還沒梳理功能需求、頁面布局（這是基本功，篇幅有限，以后再單獨寫）
2. 不了解頁面組件類型、用法（本篇講解的內容）

一、組件的5種類型

按組件的用途，可歸納為5種常見類型

1. 基礎：頁面基礎元素，如icon、文本、按鈕；
2. 導航：顯示用戶當前位置和指引各個頁面跳轉；
3. 錄入：用戶操作數據錄入，例如勾選、填手機號；
4. 展示：顯示相關數據內容、狀態說明；
5. 反饋：進行操作后，給用戶相應的反饋說明

二、基礎組件

有些組件庫也叫「通用」，一般有按鈕、文本、icon。在不同的場景、狀態下，又有不同的樣式。

三、導航組件

顯示當前停留的頁面、功能模塊，以及引導跳轉至其他頁面

常用的：頂部導航條、選項卡、底部導航欄、分段器

四、錄入組件

有些組件庫也分類為「表單」，是最常用的分類，例如選擇內容、輸入文本等操作。

常見的：單選框、復選框、輸入框、表單、選擇器等。

五、展示組件

展示數據相關的內容（如手機號、頭像）、提示性內容

常見：標簽、徽標、通告欄

六、反饋組件

對用戶操作行為或頁面狀態的提示，讓用戶知道當前的狀態

常見：Toast、彈窗、可操作提示

??如果臨摹UI畫原型時，沒有對組件進行總結分析，那只是練習畫圖軟件的操作，而設計能力并無提升。

七、如何正確使用組件

阿里/騰訊/微信等大廠都有官方組件庫 + 詳細文檔，非常值得下載、學習。

個人推薦頭條和阿里，真心不錯！

#ArcoDesign@ 頭條

官網：https://arco.design/

#Ant Design@阿里

官網：https://ant-design.antgroup.com/docs/resources-cn

下表是我整理的14個大廠組件庫、官網，大家可以學習