一、Tab的小短線

Tab用于導(dǎo)航欄分類，Tab的小短線是指分類名稱下的線，一般選中該分類時(shí)，名稱下的小短線也會(huì)隨之變化。

1、固定的tab：谷歌規(guī)范中規(guī)定：一組固定tabs至少包含2個(gè)tab并且不多于6個(gè)tab，并且在一行內(nèi)顯示。

*小短線非常端，大概30px，通常用于一級(jí)菜單

*平均等分：按照屏幕的寬度平分，有幾個(gè)分類就均分幾個(gè)小短線

*除去兩邊邊距后均分：先把兩邊的邊距去掉，然后再均分中間的寬度

2、可滑動(dòng)的tab：一般新聞網(wǎng)站的頂部，內(nèi)容較多顯示不全的情況下，會(huì)隱藏右邊的部分，小短線會(huì)隨著文字的多少而變動(dòng)

二、網(wǎng)絡(luò)異常的設(shè)計(jì)

1、網(wǎng)絡(luò)切換：即從WiFi狀態(tài)切換到3G/4G網(wǎng)絡(luò)

一般視頻類、音樂類、直播類APP消耗的流量比較大，在這種狀態(tài)下，給予用戶流量轉(zhuǎn)換提醒并告訴用戶怎么做，是非常人性化的設(shè)計(jì)，如蝦米音樂和QQ音樂的網(wǎng)絡(luò)切換提示

2、網(wǎng)絡(luò)中斷：一般是在網(wǎng)絡(luò)中斷或者信號(hào)不好導(dǎo)致APP與服務(wù)器的數(shù)據(jù)傳輸中斷，這時(shí)要考慮頁面有無緩存數(shù)據(jù)：

無緩存數(shù)據(jù)時(shí)：

1）整頁提示：當(dāng)整個(gè)頁面內(nèi)容都因?yàn)榫W(wǎng)絡(luò)異常導(dǎo)致未加載成功，采用整頁提示的方式，頁面通常顯示“網(wǎng)絡(luò)出了問題”，“重新加載”，“點(diǎn)擊刷新”等提示。

整頁異常的設(shè)計(jì)樣式包括三部分：icon或者插畫形式；網(wǎng)絡(luò)異常文案；重試或者前往WiFi設(shè)置的button（或者沒有button，直接點(diǎn)擊頁面空白區(qū)域）。

2）占位符提示：多出現(xiàn)于native的頁面中，原生已經(jīng)將頁面框架搭好，無需聯(lián)網(wǎng)也能查看，但是里面的內(nèi)容需要聯(lián)網(wǎng)才能展示。這個(gè)時(shí)候會(huì)使用占位符替代未加載出來的圖片，用灰色塊替代未加載出來的文字，在極短時(shí)間內(nèi)，用戶幾乎感受不到網(wǎng)絡(luò)不好的情況。

有緩存數(shù)據(jù)時(shí)：

1）列表提示：當(dāng)頁面有緩存數(shù)據(jù)時(shí)，可以用list的設(shè)計(jì)形式，一般在頁面導(dǎo)航欄下面來提示用戶，網(wǎng)絡(luò)異常，請(qǐng)前去檢查網(wǎng)絡(luò)設(shè)置。

2）dialog提示：采用dialog不僅僅可以提示用戶網(wǎng)絡(luò)異常，還能給出“設(shè)置”的入口，讓用戶直接前往WiFi界面設(shè)置網(wǎng)絡(luò)。如果僅僅是提示用戶網(wǎng)絡(luò)異常，直接用toast的會(huì)更好，因?yàn)閠oast不會(huì)獲得用戶焦點(diǎn)，并且不會(huì)中斷用戶的操作。

3）toast提示：當(dāng)網(wǎng)絡(luò)信號(hào)不好或網(wǎng)絡(luò)中斷時(shí)，用戶還在繼續(xù)操作APP，為了提示用戶，會(huì)在用戶每次觸發(fā)操作時(shí)利用toast提示用戶網(wǎng)絡(luò)異常。讓用戶的行為即使在網(wǎng)絡(luò)異常時(shí)也能得到反饋。