歡迎光臨
我們一直在努力

彈窗總結

設計迭代到一定階段「細節」就顯得尤為重要,爲了更好的提高使用者體驗和設計品質,我們將頁面拆解開來,今天「彈窗」先刷個臉

where and where who and who  彈窗是個嘛

「彈窗」作為一名交警擅長用獨特的互動方式,「提醒」各位老司機,幫助各位小姐姐「解決某個任務」。

彈窗的分類

每到說道這個問題各位就控制不住自己,空前團結的聚到一起。

模態彈窗:封建的思想在他的身上留下了深深的烙印,經常「打斷使用者的操作」,使用者必須迴應,否則不允許通行。

非模態彈窗:從小接受西方思想的它顯然是個暖男,不會影響使用者的操作,使用者可以不對其進行迴應。不過在這個浮躁時代下備胎可能更適合它,通常都有時間限制,出現一段時間後就會自動消失。

接下來我還是要抱一下iOS和Android兩位爸爸的大腿,分別進行分析

1 模態

1.1 提示框  Dialog

作為設計界的訊號燈,提示使用者做決定;例如「 取消/確定」 這樣簡單的應答方式。

設計提示框時一般包含 黃燈-標題(可選)、綠燈-內容 、紅燈-操作。(只有12分慎重使用)

1.2 浮出層  Popover

他的作用相當於盲道 需要的使用者點選控制元件呈現出半透明的臨時檢視

Popover大部分情況用來呈現摺疊隱藏的資訊或首頁位置呈現常用操作的快速入口

1.3 操作欄  Actionbar

操作欄是一種公共交通工具提供給使用者更多的功能選擇,在設計中經常直接呼叫官方控制元件

2 非模態

2.1 吐司提示  Toast

「匆匆忙忙慌慌張張在別人的世界裏尋找自己的模樣」一種輕量級的彈窗,持續1-2秒自動消失,可以出現在螢幕任意位置

2.2 底部彈窗  Snackbar(Android特有的互動形式)

Snackbars是應急通道只供Android行駛(但是如今很多iOS系統軟體也會越界),一般出現在底部,會自動消失

3.廣告圖活動彈窗

在介面中「行人」一樣的存在形式多種多樣走著站著蹲著的站著的,但是大多是去廣告以及各種活動

遮罩顏色

設計界的pm2.5它的顏色和透明度是我們容易忽略的地方,在設計中不僅僅可以是純黑純白降低不透明度,還可以使用產品本身基調,例如藍色調性產品的可以在黑色中混入一點藍色,產品風格為輕盈乾淨的可以用淡灰色,也可以使用安卓系統自帶的半透明遮罩或iOS提供的半透明遮罩或毛玻璃效果

最後我們來說一下彈窗的特性

輕盈快捷、適合解決簡單,一次性的操作

請老司機拿好駕照,拘謹開車

未經允許不得轉載:頭條楓林網 » 彈窗總結