• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      B端產(chǎn)品設(shè)計規(guī)范
      
				
      
					
       2022-3-11      高勁      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    
      色彩規(guī)范 

      

      色彩規(guī)范一般包含品牌色、輔助色和中性色，在B端產(chǎn)品中，顏色除了迎來傳達品牌調(diào)性，更多的用來傳達一些提示或警告，通過不同的顏色給予用戶信息反饋，不同的狀態(tài)運用不同的顏色展示，比如：

      

      綠色通常代表成功、已發(fā)送、已簽到等狀態(tài)；
      紅色通常代表失敗、未發(fā)布、未簽到等狀態(tài)。

      

      
    
      
        另外，通過顏色可以對內(nèi)容進行分層級展示，提高用戶閱讀信息的效率。
    
      
    
      
        
      
    
      

      品牌主色
      一套產(chǎn)品只有一個品牌主色，是界面中出現(xiàn)最多的顏色。在需要用色強調(diào)而且沒有其他要求時，一般都會選擇主色。

      

      網(wǎng)絡上很多人說B端產(chǎn)品大部分用藍色或者偏冷色系作為主色，可以帶給用戶一種嚴肅冷靜的感覺，但在工作日常中，很多企業(yè)會要求顏色必須是公司的品牌色。

      

      例如當前任職的公司品牌色是飽和度較高的紫色，那么在定主色時，我們就不能跳脫這個色彩范圍，在這樣的情況下，我們可以考慮將品牌色飽和度降低或者用其他暗色系的顏色進行搭配，從而在觀感上盡量顯得不是那么刺眼，降低用戶眼睛疲勞度。

      

      輔助色
      用于提示其他場景，比如：成功、失敗、警告、無效等，輔助色主要是幫助用戶高效獲得信息。

      


      

      中性色
      常用于文本、背景、邊框、分割線等。
      
    
      
        
    
      
    
      
        
      
    
      

      字體規(guī)范 

      

      在B端的設(shè)計上，文字的字體，字重，字號，行號、顏色用來區(qū)分界面信息的層級關(guān)系。

      

      字體
      中文字體一般用蘋方體、思源黑體、微軟雅黑，英文字體一般為Helvetica Neue、思源黑體、微軟雅黑。

      

      字號
      系統(tǒng)中字體大小為：12px、14px、16px、18px、20px、24px、26px、28px、30px、36px...
      在開發(fā)中，瀏覽器最小字體一般為12px，注意設(shè)計中不可以低于最小字體設(shè)計。

      

      行高
      行高上，可以采用行高=文字大小+8px，例如14px字體，則14px+8px=22px，則行高為22px。

      

      字重
      通常采用regular、medium、semibold三個字重。

      

      顏色
      目前最常用的字體顏色是#333333、#666666、#999999，區(qū)分標題、正文、輔助文字，具體可根據(jù)設(shè)計進行調(diào)節(jié)。
      
    
      
        
    
      
    
      
        
      
    
      

      圖標規(guī)范 

      

      在B端設(shè)計中，圖標要簡潔易懂，用來幫助用戶更快導航，提高用戶使用產(chǎn)品的效率。

      

      在繪制完圖標后，可以存儲成svg方式上傳至Iconfont，這樣方便和開發(fā)進行對接，也可以打造自己的圖標庫，在后續(xù)的項目中，方便直接運用或修改。
      
    
      
        
    
      
    
      
        
      
    
      
    
      
        
      
    
      

      布局柵格 

      

      B端系統(tǒng)的主流分辨率主要為1920、1440和1366，個別系統(tǒng)存在1280的顯示設(shè)備，通過適配布局來完成在不同分辨率下展示內(nèi)容。

      

      一般選用24柵格布局，不同柵格結(jié)構(gòu)中柵格區(qū)域也會有所不同，固定區(qū)域會存在于響應式網(wǎng)格之外，不隨著頁面的變化而改變大小。
      
    
      
        
    
      
    
      
        
      
    
      

      組件規(guī)范 

      

      B端組件庫的建立，常用的組件包括按鈕組件、面包屑、導航菜單、分頁、下拉控件、上下左右滑條、日期選擇框、單選復選框、樹形選擇、標簽頁、輸入框、表單、上傳樣式、氣泡卡片、表格列表、警告提示、彈窗等。

      

      按鈕
      按鈕的五種樣式：主按鈕、默認按鈕、虛線按鈕、文本按鈕、鏈接按鈕。
      按鈕的四種狀態(tài)：常規(guī)、懸停、選中、禁用。
      
    
      
        undefined
    
      
    
      
        
      
    
      

      面包屑
      顯示當前頁面在系統(tǒng)層級結(jié)構(gòu)中的位置，并能向上返回，用于系統(tǒng)擁有超過兩層以上的層級結(jié)構(gòu)，同時可以告訴用戶當前頁面在哪里，并提供導航功能。
      
    
      
        
    
      
    
      
        
      
    
      

      導航菜單
      導航菜單為頁面和功能提供導航的菜單功能，用戶依賴導航在各個頁面中進行跳轉(zhuǎn)。
      
    
      
        undefined
    
      
    
      
        
      
    
      

      分頁
      采用分頁的形式分隔長列表數(shù)據(jù)，每次只加載一個頁面。當加載/渲染所有數(shù)據(jù)將花費很多時間時可采用分頁。
      
    
      
        undefined
    
      
    
      
        
      
    
      

      下拉菜單
      當選項過多時，使用下拉菜單展示并選擇內(nèi)容。
      
    
      
        
    
      
    
      
        
      
    
      

      時間日期選擇器
      用于選擇或輸入日期，分為固定時間點&范圍、任意時間點&范圍、選擇日/月/年范圍。
      
    
      
        
    
      
    
      
        
      
    
      

      選擇框
      用于在一組備選項中進行選擇，包括單選框和多選框。
      
    
      
        
    
      
    
      
        
      
    
      

      標簽頁
      通過切換不同的選項標簽，查看不同的頁面內(nèi)容。
      
    
      
        
    
      
    
      
        
      
    
      

      輸入框
      需要注意輸入框在輸入前、輸入中、輸入后三種不同的狀態(tài)。
      
    
      
        
    
      
    
      
        
      
    
      

      上傳
      通過點擊或拖拽上傳文件。
      
    
      
        
    
      
    
      
        
      
    
      

      表格
      用于展示多條結(jié)構(gòu)類似數(shù)據(jù)，可對數(shù)據(jù)進行排序、篩選、對比或其他自定義操作。
      
    
      
        
    
      
    
      
        
      
    
      

      警告提示
      用于頁面中展示重要的提示信息。警告提示一般分為四個狀態(tài)：成功、信息注釋、警告、錯誤(失敗)。
      
    
      
        
    
      
    
      
        
      
    
      

      彈窗
      用于消息提示、成功提示、錯誤提示、詢問信息、填寫表單。
      
    
      
        
    
      
    
      
        
      
    
      

      最后 
      希望通過這套B端設(shè)計規(guī)范，能讓你對B端系統(tǒng)有一個全面的了解。

      
文章來源：站酷 作者：Lean Bond
      

      
分享此文一切功德，皆悉回向給文章原作者及眾讀者.      

      

      
    免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

      

      
    藍藍設(shè)計( m.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務

      

      
    
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設(shè)計的小編
          http://m.wtxcl.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
亚洲国产合集|
国产午夜亚洲精品不卡下载|
免费三A级毛片视频|
亚洲∧V|
欧洲熟妇色|
亚洲123区|
日韩爱爱视频|
亚洲第一av网站|
夜夜嗨av一区二区三区四季av|
免费国产1区2区3区4区|
91精品国产综合久久久蜜臀678|
亚洲精品日韩av|
日屄视频网站|
日日摸日日碰人妻无码老牲|
无码精品人妻|
杭州市|
狠狠人妻久久久久久综合蜜桃|
亚洲黑人av|
福利一区二区视频在线|
中文字幕在线亚洲精品
|
灯塔市|
蜜桃网站视频在线观看|
波多野结衣午夜影院|
亚洲欧洲日韩综合另类|
黑人videos特大hd粗暴|
亚洲成人在线网站|
亚洲综合图片区|
99四虎在线视频播放|
玖草视频在线观看|
99自拍视频|
日韩av自拍偷拍|
日本一区二区中文字幕|
亚洲欧美日本一区二区|
99精品视频在线观看|
狼友看片|
黑人欧美一级在线视频|
成年免费A级毛片免费看丶|
人人做人人爽国产视|
中文字幕日韩在线观看|
四虎成人精品无码永久在线|
自拍偷拍一区蜜桃视频|