92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

B端產品設計規范

2022-3-11    高勁

色彩規范 

色彩規范一般包含品牌色、輔助色和中性色,在B端產品中,顏色除了迎來傳達品牌調性,更多的用來傳達一些提示或警告,通過不同的顏色給予用戶信息反饋,不同的狀態運用不同的顏色展示,比如:

綠色通常代表成功、已發送、已簽到等狀態;
紅色通常代表失敗、未發布、未簽到等狀態。

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


品牌主色
一套產品只有一個品牌主色,是界面中出現最多的顏色。在需要用色強調而且沒有其他要求時,一般都會選擇主色。

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

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

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


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


字體規范 

在B端的設計上,文字的字體,字重,字號,行號、顏色用來區分界面信息的層級關系。

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

字號
系統中字體大小為:12px、14px、16px、18px、20px、24px、26px、28px、30px、36px...
在開發中,瀏覽器最小字體一般為12px,注意設計中不可以低于最小字體設計。

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

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

顏色
目前最常用的字體顏色是#333333、#666666、#999999,區分標題、正文、輔助文字,具體可根據設計進行調節。


圖標規范 

在B端設計中,圖標要簡潔易懂,用來幫助用戶更快導航,提高用戶使用產品的效率。

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



布局柵格 

B端系統的主流分辨率主要為1920、1440和1366,個別系統存在1280的顯示設備,通過適配布局來完成在不同分辨率下展示內容。

一般選用24柵格布局,不同柵格結構中柵格區域也會有所不同,固定區域會存在于響應式網格之外,不隨著頁面的變化而改變大小。


組件規范 

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

按鈕
按鈕的五種樣式:主按鈕、默認按鈕、虛線按鈕、文本按鈕、鏈接按鈕。
按鈕的四種狀態:常規、懸停、選中、禁用。

undefined


面包屑
顯示當前頁面在系統層級結構中的位置,并能向上返回,用于系統擁有超過兩層以上的層級結構,同時可以告訴用戶當前頁面在哪里,并提供導航功能。


導航菜單
導航菜單為頁面和功能提供導航的菜單功能,用戶依賴導航在各個頁面中進行跳轉。

undefined


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

undefined


下拉菜單
當選項過多時,使用下拉菜單展示并選擇內容。


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


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


標簽頁
通過切換不同的選項標簽,查看不同的頁面內容。


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


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


表格
用于展示多條結構類似數據,可對數據進行排序、篩選、對比或其他自定義操作。


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


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


最后 
希望通過這套B端設計規范,能讓你對B端系統有一個全面的了解。

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

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

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产精品久久久久久久久久久免费看| av免费在线观看网址| 久久狠狠一本精品综合网| 97se亚洲国产综合在线| 欧美大片免费久久精品三p| 日本色护士高潮视频在线观看| 国产精品一区2区3区| 久久九九精品| 久久久青草青青国产亚洲免观| 日日嗨av一区二区三区四区| 欧美日高清视频| 浪潮av一区| 99一区二区| 中文字幕色婷婷在线视频| 全球av集中精品导航福利| 激情都市一区二区| 亚洲国产免费| 欧美性生交大片免网| 婷婷综合五月| 日韩一区二区三区高清免费看看| 91麻豆精品国产综合久久久久久| 久久69精品久久久久久国产越南| 成人动漫视频在线观看| 欧美狂野另类xxxxoooo| 真实国产乱子伦精品一区二区三区| 免费黄色在线看| 国产日韩欧美| 91精品国产免费| 亚洲成人av中文| 亚洲国产高清aⅴ视频| 欧美人牲a欧美精品| 97久久人人超碰caoprom| 蜜桃麻豆www久久国产精品| 亚洲精品在线免费播放| 美国一区二区三区在线播放| 欧美日韩在线影院| 欧美成人一区二免费视频软件| 日本一区二区三区四区高清视频| 国产精品爽爽爽| 黑森林国产精品av| 一区二区三区视频在线观看视频| 26uuu亚洲伊人春色| 综合久久综合| 亚洲午夜久久| 免费久久久一本精品久久区| 久久欧美一区二区| 国产女主播视频一区二区| av在线免费一区| 最新国产成人av网站网址麻豆| 天堂va在线高清一区| 福利视频导航一区| 久久久久久久久99精品大| 依依成人综合视频| 国产香蕉一区二区三区在线视频| 久久人人视频| 欧美一级搡bbbb搡bbbb| 成人午夜亚洲| 国产免费一区二区三区在线观看| 亚洲高清影视| 欧美极品一区二区三区| 黄视频在线免费看| 欧美日韩国产bt| 老司机精品久久| 欧美视频精品在线| 日本在线观看天堂男亚洲| 国产精品毛片久久久久久久久久99999999| 欧美日韩天天操| 国产91丝袜在线18| 亚洲成av人片一区二区三区| 99视频热这里只有精品免费| 亚洲第一精品夜夜躁人人爽| 国产精品美女免费看| 欧美一级淫片播放口| 老司机在线永久免费观看| 欧美精品激情blacked18| 日本www在线观看视频| 欧美freesex8一10精品| 97se国产在线视频| 一区二区三区高清在线观看| 色婷婷综合成人av| 久久超碰亚洲| 精品一区二区三区蜜桃| 五月天亚洲色图| 欧美国产国产综合| 蜜桃传媒在线观看免费进入| 久久久久久久久久久亚洲| 欧美三级三级三级| 美女脱光内衣内裤视频久久影院| 91.成人天堂一区| 国产精品一区2区| 欧美美女黄视频| 精品亚洲aⅴ乱码一区二区三区| 久久国产精品久久w女人spa| 青青草视频在线免费直播| 亚洲精品123区| 亚洲视频精品| 欧美一区二区日韩| av在线不卡电影| 欧美高清视频一区二区三区在线观看| 亚洲国产精品久久久久蝴蝶传媒| 欧美另类第一页| 中文久久精品| 欧美性videos高清精品| 久久99久久99| 久久精品国产99| 91精品国产一区二区在线观看| 成人激情诱惑| 欧美高清在线视频| 亚洲精品你懂的| 亚洲图片欧美视频| 91精品中国老女人| 成人黄色片视频网站| 亚洲天堂色网站| 中文字幕一区视频| 啦啦啦中文在线观看日本| 成人美女在线观看| 欧美最大成人综合网| 视频在线这里都是精品| 国产精品入口日韩视频大尺度| 国内成人精品| 亚洲一级二级三级| 男人的j进女人的j一区| 日韩一二三区视频| 亚洲精品午夜| 九九九九精品九九九九| 欧美一区二区三区免费观看| 日韩精品伦理第一区| 亚洲成色精品| 国产精品高潮呻吟久久av黑人| 精品国产乱码久久久久久牛牛| 国产精品免费看片| 电影k8一区二区三区久久| 国模冰冰炮一区二区| 婷婷成人av| 噜噜噜天天躁狠狠躁夜夜精品| 欧美亚洲另类在线一区二区三区| 在线免费精品视频| 欧美变态凌虐bdsm| 亚洲女与黑人做爰| 中文一区一区三区高中清不卡免费| 精品国产免费久久久久久尖叫| 色噜噜狠狠狠综合曰曰曰88av| 一区二区三区毛片| 欧美一级视频一区二区| 国产精品theporn88| 日韩片电影在线免费观看| 日日夜夜天天综合入口| 日本高清不卡一区二区三区视频| 国产精品国产馆在线真实露脸| 国产精品久久久av久久久| 国产一区 二区| 日韩一区二区av| 在线观看国产一区二区| 成人看的羞羞网站| 一本大道久久a久久综合婷婷| av免费精品一区二区三区| 日本精品一区二区| 欧美aa在线观看| 日韩一区二区三区高清在线观看| 日韩理论在线| 国产精品77777竹菊影视小说| 在线观看国产原创自拍视频| 欧美做受高潮电影o| av不卡在线播放|