這些關(guān)鍵點(diǎn),如果評審會或開發(fā)的時候不事先提出來統(tǒng)一認(rèn)識值骇,或不處理害驹,那么后期就是產(chǎn)品和設(shè)計(jì)師們折磨你的工具了。
1.頁面
1.1 頁面分類
- 靜態(tài)頁面
- 動態(tài)頁面
- 列表頁面
1.2 頁面狀態(tài)
- 正常狀態(tài)
- 無網(wǎng)絡(luò)狀態(tài)
- 請求故障狀態(tài)
- 無權(quán)限狀態(tài)
- 列表內(nèi)容為空狀態(tài)
強(qiáng)調(diào)這幾種狀態(tài)有幾種詮釋角度
角度1.特殊頁面
有些頁面要求無網(wǎng)絡(luò)较店、請求故障有特殊的頁面展示士八,比如“刷新”按鈕,“后臺被外星人接走了”梁呈,和某些圖案的特定頁面婚度。對前端開發(fā)而言,要處理特殊頁面與正常頁面之間的切換官卡。
角度2.頁面初值
靜態(tài)性較強(qiáng)的頁面蝗茁,以跳轉(zhuǎn)--布局--展示--填內(nèi)容
的順序來展示。
無網(wǎng)絡(luò)/請求故障時寻咒,先提示故障哮翘,然后動態(tài)內(nèi)容為空。那么從開發(fā)而言采取先布局展示毛秘,后填內(nèi)容的方式來開發(fā)饭寺。
動態(tài)性較強(qiáng),以獲取數(shù)據(jù)--創(chuàng)建頁面--賦值--跳轉(zhuǎn)--展示
的順序來展示叫挟。
無網(wǎng)絡(luò)/請求故障時艰匙,提示故障,且停留在上一頁面抹恳。
1.3 頁面內(nèi)控件狀態(tài)
- 隨頁面滾動
- 一直/某些條件下员凝,不隨頁面滾動
- 根據(jù)業(yè)務(wù)邏輯 ,顯示/隱藏
- 根據(jù)業(yè)務(wù)邏輯 奋献,展開/收起
1.4 鍵盤
- 固定上升距離
- 隨控件判斷上升距離
- 鍵盤上方添加“取消”“確定”
1.5 屏幕適配
- 屏幕寬度健霹,居左居右等寬變寬
- 屏幕高度旺上,高度適配