• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
    

  • <strike id="sm46c"></strike>
    • <cite id="sm46c"><source id="sm46c"></source></cite>
  • 

    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      
国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

  
      
    

      

	
      
		
      
			
      
				
      常見的B端彈窗樣式設計總結
      
				
      
					
       2024-5-20      前端達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      

      

      B 端產品的業務場景通常比 C 端更為復雜，因此在進行產品設計時對信息的處理方式也需要根據不同的業務場景進行設計。今天主要聊一下 B 端產品設計中彈窗設計。
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

      

      彈窗的定義
      

      

      

      彈窗是展現在用戶操作界面之上的容器，在 X 軸和 Y 軸的平行空間之上擴展了頁面的高度。是系統與用戶之間建立聯系非常重要的組成部分。它通常在用戶進行特定操作或訪問特定頁面功能時彈出，目的是向用戶展示某些信息、提供選擇或執行某些操作。
      

      

       
      

      

      彈窗使用場景
      

      

        

      1. 

        

         
        

        

        需要呈現的內容篇幅相對較少。
        

        

        

        2. 

      2. 

        

         
        

        

        常用于針對某些內容進行補充說明、需要用戶處理關鍵信息、重要的警告提示等。
        

        

        

        3. 

      3. 

        

         
        

        

        通常是由系統觸發（用戶被動接受）。
        

        

        

        4. 

      4. 

        

         
        

        

        彈窗整體高度和寬度不做絕對的標準或規定，可以根據內容篇幅的多少和視覺的平衡度來確定，整體規范保持一致即可。
        

        

        

        5. 

      

       
      

      

      總體概括為簡單和復雜兩個場景。
      

      

       
      

      

      一、場景簡單
      

      

      

      場景簡單包括：全局提示、氣泡確認框、警告提示、通知提醒框，通常是操作確認和系統內部自動觸發性提示時使用。
      

      

       
      

      

      1. 全局提示
      

      

      

      以 toast 提示居多，通常在頁面中間偏上的位置。
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

       
      

      

      2. 氣泡提示
      

      

      

      用于解釋難理解的功能名詞或者由于版面限制文字展示不完，利用氣泡來展示。
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

       
      

      

      3. 警告提示
      

      

      

      用于重點內容的警告提醒，降低用戶犯錯概率，提升用戶的使用體驗。
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

       
      

      

      4. 提示性通知彈窗：
      

      

      

      位置相對固定，通常出現在需要介紹說明的功能旁邊或者居頁面中間展示。
      

      

      

      例如，當系統發生重要更新維護或者重點功能引導時，可以顯示一個提示性通知彈窗，告知用戶當前狀態。
      

      

      

      類型主要包括以下三種：
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

       
      

      

      舉例：
      

      

      

      

      

      

      有贊后臺頁面

      

      有贊后臺頁面
      

      

      

       
      

      

      

      

      

       
      

       
      

      

      二、場景復雜
      

      

      

      1. 場景復雜｜全屏彈窗
      

      

      

      

      

      

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

       
      

      

       
      

      

      

      

      

       
      

      

      新開頁簽（瀏覽器
      

       
      


      


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


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://www.li-bodun.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 





主站蜘蛛池模板：
国产999久久高清免费观看|
国产午夜福利片在线观看|
少妇大叫好爽受不了午夜视频|
久久国产热精品波多野结衣av|
国精产品自偷自偷综合下载
|
成人字幕网视频在线观看|
无码AV高潮喷水无码专区线|
好久久免费视频高清|
狠狠躁夜夜躁人人爽天天bl|
国产9191精品免费观看|
国产免费看插插插视频|
无码aⅴ精品一区二区三区|
欧美国产三级|
亚洲の无码热の综合|
国产精品v欧美精品∨日韩|
伊人中文在线最新版天堂|
精品国产迷系列在线观看|
久久精品国产99国产精品严洲|
久久久av男人的天堂|
麻豆国产va免费精品高清在线|
久久www成人免费网站|
狠狠久久精品中文字幕无码|
免费女人高潮流视频在线|
精品夜夜澡人妻无码av|
丰满爆乳无码一区二区三区|
在线日韩日本国产亚洲|
色八戒一区二区三区四区|
少妇人妻在线无码天堂视频网|
手机看片1024久久精品你懂的|
377人体粉嫩噜噜噜|
55夜色66夜色国产精品视频|
国产精品久久毛片|
成人av天堂网在线观看|
国产伦精品一区二区三区免费|
精品亚洲韩国一区二区三区|
亚洲国产成人精品一二区|
久久国产乱子伦精品免费乳及|
国产人妻xxxx精品hd|
无码吃奶揉捏奶头高潮视频|
日本一区二区在免费观看喷水|
国产亚州精品女人久久久久久|