送你一份B端常用列表設(shè)計總結(jié)，快來看看吧！
時間：2023-09-01 06:54:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-09-01 06:54:01 來源：網(wǎng)站運(yùn)營
送你一份B端常用列表設(shè)計總結(jié)，快來看看吧！：
列表在B端設(shè)計中，算是一個非?；A(chǔ)的設(shè)計元素，無論是什么產(chǎn)品設(shè)計，絕大多數(shù)的內(nèi)容都要通過列表進(jìn)行展示，才能最大程度的體現(xiàn)出清晰與美觀，幫助使用者快速定位內(nèi)容。常用來預(yù)覽、查詢、篩選、項目增減等等。所以為了方便B端企業(yè)在產(chǎn)品設(shè)計過程中，更加高效且高質(zhì)量的進(jìn)行列表的交互設(shè)計，在此特為大家呈上一份列表設(shè)計總結(jié)。
一、基礎(chǔ)型列表
1、縱向列表
常用于一個范圍內(nèi)相關(guān)的各項數(shù)據(jù)或選項項目的縱向平鋪展示，通常左對齊、操作按鈕位于右側(cè)，用戶只需上下滑動即可預(yù)覽所有。
縱向列表一般條目詳細(xì)，方便用戶快速預(yù)覽。
2、橫向列表
常見于網(wǎng)站首頁的橫向輪播滾動面板，用戶也是只需左右滑動面板，就會實現(xiàn)圖片的一個切換。
較縱向列表，橫向列表能更加充分的利用空間，但是頁面一般較少，過多容易造成用戶的視覺疲勞，并且不易操作。
二、網(wǎng)格型列表
除了縱向列表和橫向列表外，還有一種兼顧了兩種維度的列表形式，那就是網(wǎng)格列表，這也是一種非常常見的列表形式。
網(wǎng)格列表的信息承載內(nèi)容更多，單一網(wǎng)格內(nèi)可展示多行信息。數(shù)據(jù)項之間的邊界清晰，方便對網(wǎng)格內(nèi)的數(shù)據(jù)進(jìn)行對比。操作按鈕根據(jù)業(yè)務(wù)需求和用戶需求可置于列表右側(cè)或單個網(wǎng)格內(nèi)。
三、主從型列表
主從列表即項目之間存在著從屬遞進(jìn)的關(guān)系。常見為一個主項目下拉會出現(xiàn)從屬項目。列表具有較強(qiáng)的層級關(guān)系、從屬關(guān)系、遞進(jìn)關(guān)系時可選用。
主從列表也能夠充分利用空間，不需要的項目可以選擇隱藏，需要的項目詳細(xì)展開。
四、綜合型列表
綜合型列表即列表數(shù)據(jù)之間既包含并列關(guān)系，又包含從屬關(guān)系等。綜合型列表適用于展示復(fù)雜的項目場景。綜合型列表可以對不同項目進(jìn)行預(yù)覽、下載、編輯、刪除等操作。
基于綜合型表格可方便地對業(yè)務(wù)數(shù)據(jù)進(jìn)行組合、分解和重新布局排列。
在JNPF快速開發(fā)平臺上就是一個綜合型的列表，從并列上看有創(chuàng)建人、創(chuàng)建時間、修改人、操作等，在操作欄下還可以再次編輯、刪除等等。從屬上看主項目有日常工作、人事管理、費(fèi)用相關(guān)等，從項目又細(xì)分為庫房管理、市場活動、入職申請等等。
最重要的是，在JNPF快速開發(fā)平臺上用戶可以自行新建一個列表設(shè)計，詳細(xì)視頻教程也已同步上線在公眾號、視頻號上，簡單便捷，幫助您快速建立一個清晰美觀的列表，趕快查看試一試吧！
關(guān)鍵詞：總結(jié),設(shè)計
在線咨詢