蘇州上元教育培訓中心

平面設(shè)計未來趨勢發(fā)展

01、服務(wù)于殘障人士的建筑會不斷涌現(xiàn)

給健全的人設(shè)計房子并不是什么新鮮事，但殘疾人和老人同樣需要舒適、便捷的生活空間。未來的五年，會有更多的設(shè)計師關(guān)注這個領(lǐng)域。

02、智能的會變得更智能

如果恒溫器都會說話，為什么我們所坐的椅子和會議室不能？無所不在的傳感技術(shù)、機械自動化和新型的材料會幫助我們實現(xiàn)這一點。很快，枕頭就能自動調(diào)節(jié)到我們想要的軟硬度，會議室也會告訴你這次的會議開的是否成功，并為你即時調(diào)整室內(nèi)光線和溫度。

03、瀏覽器會變得更聰明

Google 已經(jīng)在不斷地迭代它的產(chǎn)品了。在將來，瀏覽器的功能會更強大。大部分的 APP 會儲存在云端，但使用起來的時候，會像是儲存在硬盤中一樣方便。

04、對每一家公司來說，設(shè)計都會變得至關(guān)重要

大型的科技公司越來越注重設(shè)計，他們有了不少新動作。Chrome OS Beta 上的 Files app 在更新后，會成為**個換上 Material Design 風格的 Chrome app，這個設(shè)計小組是由 Matias Duarte 領(lǐng)導的，John Donahoe 則領(lǐng)導了 eBay 的設(shè)計小組，IBM 也開始發(fā)力了，他們新建了由 Phil Gilbert 領(lǐng)導的設(shè)計小組，想拾回他們在設(shè)計領(lǐng)域的榮耀。

05、產(chǎn)品變得比任何時候都更重要

產(chǎn)品的功能變得比以往復雜，良好的設(shè)計才會吸引人去使用它。產(chǎn)品的樣態(tài)、交互的細節(jié)……這些都是你吸引用戶去反復使用它的關(guān)鍵。

平面設(shè)計短期就業(yè)班

1、平面綜合階段：系統(tǒng)學習平面設(shè)計AI, CDR, PS, ID四大軟件，能熟練操作，融會貫 通，綜合運用。重點掌握四大平面軟件運用，能進行基礎(chǔ)平面設(shè)計工作。學習四大軟件 操作訓練：講練結(jié)合，易學易懂。

2、平面研修階段：主要掌握商業(yè)插畫、版式、折頁設(shè)計、包裝、海報、logo、標志VI 、作品集設(shè)計、等常規(guī)商業(yè)設(shè)計技能，掌握新的印刷工藝技術(shù)；掌握企業(yè)VI、插畫、包裝、畫冊、logo、宣傳品、版式、書籍裝幀、作品集等常規(guī)平面 設(shè)計技能；掌握商業(yè)設(shè)計知識和9大技能：學習設(shè)計原理流程以及印刷工藝技術(shù)。

3、崗前就業(yè)階段：參加崗前就業(yè)積累工作經(jīng)驗：近50個企業(yè)項目中標訓練，總監(jiān)1對1 指導，課堂職場無縫對接，快速收獲1-2年職場實際經(jīng)驗。近50個企業(yè)項目中標訓練，總監(jiān)1對1指導，課堂職場無縫對接，快速收獲1-2年職場實際經(jīng)驗 。

4、素養(yǎng)訓練階段：重點培養(yǎng)演講表達能力、執(zhí)行能力、團隊協(xié)作精神，把學員打造成 專業(yè)技能過硬，心態(tài)陽光，職業(yè)素養(yǎng)好的設(shè)計人才，讓學員快速成長。培養(yǎng)演講表達能力、團隊協(xié)作精神等6大職場核心技能；接受專業(yè)的就業(yè)指導， 克服面試心里障礙，提升個人素質(zhì)，成功就業(yè)。

彈框體系總結(jié)：模態(tài)彈框和非模態(tài)彈框

---

王M爭：彈框是一種重要的交互方式，主要用于完成信息傳遞和用戶反饋兩大功能。彈框很常見，但并不見得每一個設(shè)計師都可以100%的弄明白彈框這個概念。這篇文章是對彈框體系的一個簡單梳理和總結(jié)，希望可以解決大家心中的一些疑惑。

我們?nèi)粘Ｋf的彈框是一個很籠統(tǒng)的概念。所有的對話框、浮層、提示條我們都習慣性的稱之為彈框，其實彈框我們可以分為兩種：模態(tài)彈框和非模態(tài)彈框。

一. 模態(tài)彈框

模態(tài)彈框和非模態(tài)彈框**大的區(qū)別就是是否強制用戶交互。模態(tài)彈框會打斷用戶的當前操作流程，用戶不在彈框上操作的話，其余功能都使用不了。

從這方面，我們可以看出來模態(tài)彈框的優(yōu)缺點都十分的明顯。

• 優(yōu)點：可以很好的獲取用戶的視覺焦點
• 缺點：打斷了用戶的當前操作流程

模態(tài)彈框?qū)儆谝环N重量性反饋，一般用于用戶進行重要的操作。常見的模態(tài)彈框種類有對話框(Dialog/Alter)，動作欄(Actionbar/Actionsheet/ActionView)和浮層(Popover/Popup)。因為現(xiàn)在iOS和Android很多組件都是通用的，所以在接下來的文章里過于相似的組件我只介紹一種。

對話框

對話框一般用于用戶進行一項很重要或者有風險的操作，這時會彈出一個對話框給用戶提示信息，用戶根據(jù)提示來進行判斷。一般出現(xiàn)在屏幕的中間位置，會對界面的主要內(nèi)容造成遮擋。

目前來說對話框的設(shè)計樣式繁多，用戶可以進行信息錄入，也可以用于營銷宣傳。

深入學習對話框設(shè)計：《5分鐘交互設(shè)計指南系列：對話框》

動作欄

動作欄在我看來可以看成是對話框的一個加強版，因為無論是Alert還是Dialog一般都只有兩個按鈕。而動作欄可以提供多個功能按鈕，而且展示的樣式比較多變。

但是也有例外，有的動作欄只有兩個選項。以網(wǎng)易云音樂為例，你要刪除歌曲時，「確認刪除」提示就是**動作欄來完成的(如左圖)。

其實這里使用對話框也是完全可以的（如右圖），網(wǎng)易云音樂的設(shè)計師在這里使用動作欄的理由我不得而知。但是我個人猜測是，動作欄位于屏幕下方，相對來說對界面內(nèi)容的遮蓋會小一點。

浮層

浮層是用戶點擊控件或者界面某一區(qū)域浮出的半透明的臨時視圖。浮層的樣式跟動作欄很相似，都可以向用戶展示多個功能選項。但是浮層可以出現(xiàn)屏幕中的任何位置，能夠給用戶更具有指向型的提示。

接下來我們可以做一個小結(jié)：在不考慮信息錄入情況下，對話框適用于用戶進行判斷操作，而動作欄和浮層適用于用戶進行選擇操作，而浮層相對于動作欄更具有指向型。

二. 非模態(tài)彈框

與模態(tài)彈框相比，非模態(tài)彈框**大的區(qū)別是不強制用戶交互，也不會彈出半透明背景層，非模態(tài)彈框停留一段時間后會自己消失。所以相對于模態(tài)彈框來說，非模態(tài)彈框?qū)儆谳p量型反饋，不會對用戶造成太大的干擾。常見的非模態(tài)彈框有Toast（hud）和snackbar。

Toast

Toast主要用于用戶完成操作以后，告訴用戶操作結(jié)果或者狀態(tài)的變更。Toast其實是屬于Android的組件，iOS里有一個相類似的是hud，**常見的就是音量調(diào)節(jié)提示。但是現(xiàn)在iOS和Android的界限不斷被打破，toast現(xiàn)在也被廣泛應(yīng)用于iOS界面設(shè)計中。如果我們?nèi)タ碅ndroid給的設(shè)計規(guī)范，會發(fā)現(xiàn)Toast有以下幾個特點：

• 只出現(xiàn)在屏幕底部
• 只能放文字
• 非模態(tài)彈框

其實真實的Toast是可以出現(xiàn)在屏幕的任何位置的，而且可以加icon，甚至連背景層顏色都能變。所以說我覺得設(shè)計師不僅要去看那些設(shè)計規(guī)范，還要花點時間跟開發(fā)溝通一下。

Toast的優(yōu)點是不會打斷用戶當前的操作流程，屬于輕量型的反饋方式。缺點是容易被用戶忽視，而且不適合展示過多的信息，可能在用戶讀完之前就消失了。為了提升信息的可讀性和增加樣式美感，現(xiàn)在Toast都會采用文字加icon的組合樣式。

深入學習Toast 的用法：《「這個控件叫什么」系列之Toast》

Snackbar

Snackbar一般是由文字和功能按鈕組成的，用戶可以點擊按鈕交互，即使用戶不點擊Snackbar也會自動消失，一般位于屏幕下方。通俗意義上，我們可以把Snackbar看成是帶有icon的Toast。

Snackbar我放在**后說，因為它非常特殊。雖然snackbar屬于非模態(tài)彈框，但是它也有模態(tài)彈框的一些特點。例如Snackbar也有按鈕來供用戶交互，此外Snackbar一般會出現(xiàn)在界面下方，這點又和動作欄中的Action sheet很像。

如果上面寫的你看不懂，沒關(guān)系。我來給你做一個小結(jié)：非模態(tài)彈框偏重信息提示，模態(tài)彈框既可以信息提示也可以供用戶交互；Toast是輕量型的彈框類型，Snackbar集眾家之所長。

三. 彈框體系的建立優(yōu)化

以上我們了解了幾種主要的彈框樣式和用法，接下來我們來考慮的是如何建立一款產(chǎn)品的彈框體系或者如何對現(xiàn)有產(chǎn)品的彈框體系進行優(yōu)化。其實彈框體系的建立和優(yōu)化的原則可以用一句話概括：能在界面中展示就不用彈框，能用非模態(tài)彈框的就不要用模態(tài)彈框。

因為任何彈框都會對用戶造成干擾，即使是**輕量型的Toast。從用戶體驗的角度來說，進行一個操作流程所受到的干擾肯定是越少越好。以下圖為例，用戶可能會對「配速區(qū)間和配速穩(wěn)定性」這些專業(yè)術(shù)語不太了解，所以他們會點擊「問號」圖標。

這時候我們有3種的解決方案：

• **一個新的界面展示。但是我們可以看出，解釋信息并不多，不需要**一個新的頁面來展示
• 使用對話框或者浮層，在這里我們不能使用Toast，因為Toast時間太短，用戶根本讀不完
• 在當前界面展示

其實方案2和3在我看來是不錯的解決方案。但是考慮到減少對用戶的干擾和操作步驟，這里我覺得方案3更佳。

多態(tài)按鈕

此外多態(tài)按鈕的使用也可以幫助我們解放彈框的壓力。例如，支付寶的支付界面，立即支付按鈕可以跳轉(zhuǎn)到付款成功的狀態(tài)，這時候就沒有必要再用彈框給用戶提示了。

建立優(yōu)先級

優(yōu)先級不同的信息應(yīng)該獲得不同的視覺權(quán)重，那么視覺權(quán)重**大的模態(tài)彈框應(yīng)該展示重要的內(nèi)容。所以我們要對需要展示的信息做一個優(yōu)先級的排布，要讓真正重要的信息才可以使用模態(tài)彈框。只有低頻而又合理的使用，用戶才會當回事。過度使用會給用戶產(chǎn)生「狼來了」心理。

總結(jié)

因為現(xiàn)在交互設(shè)計的很多術(shù)語都沒有統(tǒng)一，導致很多人對于彈框的種類很定義都有很大的出入。這篇文章是從我個人角度進行的一個總結(jié)，希望可以幫助到大家。各位有什么想法的，歡迎留言或者私信。

歡迎關(guān)注作者的微信公眾號：「王M爭」

「敲黑板！關(guān)于彈窗的知識點都在這了」

• 《實用干貨！從交互角度聊聊四類彈框的四大設(shè)計準則》
• 《提升細節(jié)體驗！移動應(yīng)用的彈窗設(shè)計指南》
• 《如何設(shè)計優(yōu)秀的彈出框？這兒有一份全面總結(jié)！》

【聯(lián)展網(wǎng) 原創(chuàng)文章 】

================明星欄目推薦================

聯(lián)展網(wǎng)： ?是旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導航：國內(nèi)人氣**高的設(shè)計網(wǎng)址導航，設(shè)計師必備：

相關(guān)推薦：

---

蘇州平面設(shè)計培訓   蘇州平面設(shè)計培訓班   蘇州平面設(shè)計培訓機構(gòu)