欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

如何正確使用控件系列之頁面提示框

2022-06-26    分類: 網(wǎng)站建設(shè)

從今天 起,我們開始介紹iOS和Android設(shè)計規(guī)范中的各種控件。掌握它們,能有效地幫你設(shè)計出一個高質(zhì)量的交互稿。今天創(chuàng)新互聯(lián)要介紹的是提示框,英文是toast。

交互設(shè)計師在設(shè)計交互稿的時候,時常需要一些反饋手段,以提示用戶操作的結(jié)果。Toast是其中很常用的一種:它簡單、小巧、對用戶的打擾小。然而現(xiàn)在很多應(yīng)用中,存在對于toast過度使用的情況,并且常常出現(xiàn)Android樣式的toast出現(xiàn)在iOS應(yīng)用中(反之亦然)的情形。在研究了iOS和Android的規(guī)范之后,筆者驚人地發(fā)現(xiàn)iOS中其實是沒有toast這種部件的。到底我們在設(shè)計的時候應(yīng)該處理這種部件呢?且看下面的分解。

Material Design Guidelines

Google的Material Design規(guī)范中,是把toast和snackbars歸為一類的。下面是規(guī)范中對snackbars的定義:

Snackbars包含一行與進行的操作直接相關(guān)的文案(文案前不可有icon)。它可以包含一個操作。


△ Snackbar示例

規(guī)范中對toast的定義:

Toast優(yōu)先適用于系統(tǒng)提示。它也在屏幕下方出現(xiàn),但是不能被劃出屏幕外(而被清除)。


△ Toast示例

行為:Snackbars/toast從屏幕底部向上出現(xiàn),經(jīng)過設(shè)定的秒數(shù)后消失,或者用戶進行了別的操作它們也會消失。


△ Snackbar的出現(xiàn)和消失

簡潔:提示的文案要簡短,包含的操作按鈕最多只有一個,或者沒有。(注意,snackbar不能包含使其消失的“取消”按鈕!)


左邊是正確的,右邊是錯誤的(因為多了“取消”按鈕)

不可重疊:snackbar與floating action button不能重疊。


一次只出現(xiàn)一個:如果出現(xiàn)了一個snackbar,這時候用戶進行了操作,需要出現(xiàn)另一個,則第一個snackbar從上向下退出,之后第二個snackbar從下向上出現(xiàn)。

反例:不能同時出現(xiàn)兩個snackbars

以上是Google Material Design中對于snackbars和toast的定義。

iOS Human Interface Guidelines

對于iOS系統(tǒng),在研究了iOS的規(guī)范之后,筆者有個驚人的發(fā)現(xiàn):嚴格地說,iOS規(guī)范中沒有Toast這個部件。筆者找遍了iOS的人機交互設(shè)計規(guī)范,都沒有找到對于Toast這種部件的介紹,與之最為接近的,是Alert(警告框)。但警告框的使用場景與Toast不同,之后將另開一篇文章介紹。在iOS系統(tǒng)中,與toast對應(yīng)的是“HUD”(透明指示層)。


△ iOS系統(tǒng)中的HUD彈窗

知識運用

請回答一下兩個問題,這將幫你更好理解這周的主題。

1. 既然iOS的設(shè)計規(guī)范不鼓勵使用toast,那么在日常的設(shè)計中,toast應(yīng)該在什么情況下使用?

2. 請查看你手機里的APP,嘗試找到一個toast使用錯誤的地方,和使用正確的地方。這將幫你理解如何正確地使用toast。

最近把這個系列的專題都做成了音頻+幻燈片形式的分享,同時整理了交互方面對實戰(zhàn)很有幫助的一些知識點,在千聊上跟大家分享,希望可以幫助大家提高交互技能。

網(wǎng)站標題:如何正確使用控件系列之頁面提示框
本文URL:http://aaarwkj.com/news9/171809.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)品牌網(wǎng)站制作、面包屑導(dǎo)航域名注冊、外貿(mào)建站、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司
很色很污无遮挡的网色污| 国产精品一区久久91| 国产一级av在线播放| 日韩精品视频在线不卡| 国产91对白在线观看| 欧美激情日韩精品久久久| 午夜亚洲欧美日韩在线| 亚洲国产剧情中文字幕| 五月天丁香婷婷深爱| 国产成人原创免费观看| 中文字幕人妻丝袜一区一三区| 中文字幕人妻熟人妻熟丝| 闫国产一区二区三区色噜噜| 一区二区三区国产精品乱码| 国产操大奶头女人自拍av| 西西美女掰开阴让你看| 国产自愉怕一区二区三区| 久久亚洲一区二区三区乱码| 日本女同一区二区高清| 午夜福利日本一区二区| 亚洲精品女同专区视频| 国内极品尤物视频在线| 欧美日韩亚洲国产极品| 欧美一区二区久久综合| 亚洲国产高清第一第二区| 国产日韩欧美另类综合| 国产精品三级一区二区三区| 91手机国产三级在线| 欧美夫妻香蕉视频网站| 人人狠狠综合久久亚洲| 伊人婷婷综合激情网| 91日韩中文字幕在线观看| 国内揄拍国内精品对久久| 日韩免费av在线观看| 蜜桃精品人妻一区二区三区| 国产成人大片一区二区三区| 99人妻一区二区三区在线| 一区二区三区四区在线视频观看 | 少妇的诱惑免费在线播放| av色剧情在线免费观看| 日韩欧美亚洲一区二区三区|