哪些內(nèi)容可以隨便設(shè)計(jì)灸蟆,哪些內(nèi)容是要按照規(guī)范設(shè)計(jì)的驯耻。
導(dǎo)航欄
除右上角的倆按鈕,沒有統(tǒng)一樣式炒考。
這倆按鈕有深可缚、淺兩種顏色可選。
左上角返回上一級(jí)頁面按鈕斋枢。
小程序有原生控件庫帘靡,底部標(biāo)簽可以使用原生的控件庫。
頂部標(biāo)簽分頁欄可以自定義顏色瓤帚。
加載
↑ 啟動(dòng)頁:除Logo其他元素不能更改
↑ 頁面下拉刷新加載:無需開發(fā)
↑ 頁面內(nèi)加載反饋:內(nèi)容自定義
↑ 推薦 / 局部加載反饋:內(nèi)容自定義
↑ 全局加載反饋:標(biāo)題轉(zhuǎn)小菊花
Tips
- 若載入時(shí)間較長,應(yīng)提供取消操作,并使用進(jìn)度條顯示載入的進(jìn)度描姚。
- 載入過程中,應(yīng)保持動(dòng)畫效果 ; 無動(dòng)畫效果的加載很容易讓人產(chǎn)生該界面已經(jīng)卡死的錯(cuò)覺。
- 不要在同一個(gè)頁面同時(shí)使用超過1個(gè)加載動(dòng)畫戈次。
結(jié)果反饋
局部反饋轩勘、圖標(biāo)彈出、文字彈出怯邪、對(duì)話框绊寻、結(jié)果頁都可以自己設(shè)計(jì)。
異常狀態(tài)
自己設(shè)計(jì)
開放的接口
攝像頭、位置
熱區(qū)
按照控件庫中元素大小設(shè)計(jì)澄步。
sketch設(shè)計(jì)控件庫
Photoshop設(shè)計(jì)控件庫
視覺
字號(hào)
↑ 常用字號(hào)為20, 18, 17, 16,14 13, 11(pt)
顏色
↑ 需包含完成冰蘑、主內(nèi)容、次要內(nèi)容驮俗、連接懂缕、出錯(cuò)五中內(nèi)容的顏色。
↑ 文字層級(jí)用不同的灰表示王凑。
列表
表單
按鈕
↑ 高度 47pt
↑ 高度 35pt,最小寬度 180pt
↑ 高度 35pt聋丝,最小寬度 60pt
↑ 按鈕按使用需要分為大索烹、中、小三個(gè)層級(jí)弱睦。
圖標(biāo)
↑ 50*50pt
↑ 32*87pt百姓,右邊距 7pt,上邊距 iOS 24pt况木、Android 30pt