超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

常見的B端彈窗樣式設計總結(jié)

2024-5-20    前端達人

B 端產(chǎn)品的業(yè)務場景通常比 C 端更為復雜，因此在進行產(chǎn)品設計時對信息的處理方式也需要根據(jù)不同的業(yè)務場景進行設計。今天主要聊一下 B 端產(chǎn)品設計中彈窗設計。
常見的B端彈窗樣式設計總結(jié)
 
 
彈窗的定義
彈窗是展現(xiàn)在用戶操作界面之上的容器，在 X 軸和 Y 軸的平行空間之上擴展了頁面的高度。是系統(tǒng)與用戶之間建立聯(lián)系非常重要的組成部分。它通常在用戶進行特定操作或訪問特定頁面功能時彈出，目的是向用戶展示某些信息、提供選擇或執(zhí)行某些操作。
 
彈窗使用場景
  1.  
    需要呈現(xiàn)的內(nèi)容篇幅相對較少。
  2.  
    常用于針對某些內(nèi)容進行補充說明、需要用戶處理關鍵信息、重要的警告提示等。
  3.  
    通常是由系統(tǒng)觸發(fā)（用戶被動接受）。
  4.  
    彈窗整體高度和寬度不做絕對的標準或規(guī)定，可以根據(jù)內(nèi)容篇幅的多少和視覺的平衡度來確定，整體規(guī)范保持一致即可。
 
總體概括為簡單和復雜兩個場景。
 
一、場景簡單
場景簡單包括：全局提示、氣泡確認框、警告提示、通知提醒框，通常是操作確認和系統(tǒng)內(nèi)部自動觸發(fā)性提示時使用。
 
1. 全局提示
以 toast 提示居多，通常在頁面中間偏上的位置。
常見的B端彈窗樣式設計總結(jié)
 
 
 
2. 氣泡提示
用于解釋難理解的功能名詞或者由于版面限制文字展示不完，利用氣泡來展示。
常見的B端彈窗樣式設計總結(jié)
 
 
 
3. 警告提示
用于重點內(nèi)容的警告提醒，降低用戶犯錯概率，提升用戶的使用體驗。
常見的B端彈窗樣式設計總結(jié)
 
 
 
4. 提示性通知彈窗：
位置相對固定，通常出現(xiàn)在需要介紹說明的功能旁邊或者居頁面中間展示。
例如，當系統(tǒng)發(fā)生重要更新維護或者重點功能引導時，可以顯示一個提示性通知彈窗，告知用戶當前狀態(tài)。
類型主要包括以下三種：
常見的B端彈窗樣式設計總結(jié)
 
 
常見的B端彈窗樣式設計總結(jié)
 
 
常見的B端彈窗樣式設計總結(jié)
 
 
 
舉例：
有贊后臺頁面
有贊后臺頁面
 
 
 
二、場景復雜
1. 場景復雜｜全屏彈窗
常見的B端彈窗樣式設計總結(jié)
 
 
 
新開頁簽（瀏覽器
 


作者：西城門設計
鏈接：https://www.zcool.com.cn/article/ZMTYyMDI5Ng==.html
來源：站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權，非商業(yè)轉(zhuǎn)載請注明出處。

分享本文至：

日歷

鏈接

個人資料

藍藍設計的小編 http://m.miumiuwan.com

存檔