常見的B端彈窗樣式設計總結

2024-5-20    前端達人

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


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

日歷

鏈接

個人資料

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

存檔