網(wǎng)頁端完整的設(shè)計規(guī)范有哪些要素
顏色
字體
排版 (typography)
h1
h2
h3
...
正文
失效
鏈接 等
布局(layout)
按鈕(button)
通用按鈕樣式
表單(form)
提示框
標(biāo)記
標(biāo)簽
全局信息
正常信息 成功信息 警告信息 錯誤信息
全局信息出現(xiàn)在屏幕正上方位置,為的是提示用戶當(dāng)前操作的狀態(tài)反饋窖逗,需要設(shè)定消失時間
模態(tài)框
其實就是卡片址否,在某些需要多次與用戶進行交互的場景比較常用,to b端反而不太常用碎紊。
進度條
表格
表格是to b網(wǎng)頁中必不可少的組件之一佑附,
第一步確定表格整體寬度樊诺。
第二部確定行高
第三部確定表格間隔色
第四部,在確定表頭的各個名稱之后音同,將它們平均分布词爬,再將表頭下數(shù)據(jù)與其根據(jù)情況左對齊或右對齊。但存在某一類型數(shù)據(jù)特別長的情況权均,酌情分布表頭名稱顿膨。
彈出框(popover)
不太需要,但是在鼠標(biāo)hover到數(shù)據(jù)圖的時候叽赊,會出現(xiàn)展示鼠標(biāo)所在位置的數(shù)據(jù)恋沃。
工具提示(tooltips)
解釋按鈕/圖標(biāo)的作用,四種彈出范圍蛇尚,可以將文字替換成圖標(biāo)芽唇。
標(biāo)簽(tabs)
切換不同緯度的數(shù)據(jù)
分頁(pagination)
步驟條(steps)
面包屑(breadcrumb)
當(dāng)系統(tǒng)擁有兩級以上的層級結(jié)構(gòu)顾画,有向上導(dǎo)航的需求時取劫,且希望知道處于哪個層級時,用面包屑來表示
導(dǎo)航
to b網(wǎng)頁的導(dǎo)航欄內(nèi)容不一般多研侣,最重要的就是logo谱邪,還可以放置公司一致的內(nèi)容
To be continued