蘇州上元教育培訓(xùn)中心

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

01、設(shè)計能開拓新市場

企業(yè)的運營和管理者越來越意識到，設(shè)計師們可以利用他們的才華去創(chuàng)造機 會、解決問題，甚至是開發(fā)新的市場。所以在我們這里，他們是可以游走在公司規(guī)則之外的一群人。

02、設(shè)計的界限一定會消失

在未來的五年，傳統(tǒng)的平面設(shè)計師、UI 設(shè)計師和技術(shù)人員之間的界限會逐 漸模糊、以至于消失。Jony Ive 就接管了蘋果的產(chǎn)品設(shè)計，今后這一類跨界一定會變得越來越多。這也意味著，對設(shè)計師來說跨平臺設(shè)計的能力變得 越來越重要。尋找結(jié)合點變得很關(guān)鍵。

03、產(chǎn)品設(shè)計會影響到使用者的空間感

一提到智能設(shè)備，人們想起的就是生產(chǎn)運動記錄器的 Fitbit 或是智能溫控 器制造商 Nest 。我們都知道，單單把電路板接到網(wǎng)絡(luò)里是無法創(chuàng)造出“聰明”的產(chǎn)品的。你的產(chǎn)品如何設(shè)計，將直接影響到用戶的體驗，甚至影響到 用戶的空間感。

04、自學(xué)成才的設(shè)計師會逐漸增多

自學(xué)成才的設(shè)計師人數(shù)將超過各大院校設(shè)計專業(yè)的學(xué)生。審美和技術(shù)是在不 斷進步的，大學(xué)里的教學(xué)課程已經(jīng)跟不上它的步伐。記住，要時刻的保持自我更新。

05、HELLO, CEO

有越來越多設(shè)計出身的人開始擔(dān)任企業(yè)的 CEO 了，這幾乎成為了一個趨勢 ，但并不是每位設(shè)計師都能成功。設(shè)計專業(yè)讓他們對產(chǎn)品有良好的判斷，但同時還需要對生意有著精準、全面的理解。

平面設(shè)計美術(shù)課程課程

素描		設(shè)計素描是一種現(xiàn)代設(shè)計的繪畫表現(xiàn)形式，在工業(yè)設(shè)計過程中，是設(shè)計師收集形象資料，表現(xiàn)造型創(chuàng)意，交流設(shè)計方案的語言和手段。設(shè)計素描也是現(xiàn)代設(shè)計繪畫的訓(xùn)練基礎(chǔ)，是培養(yǎng)設(shè)計師形象思維和表現(xiàn)能力的有效方法，是認識形態(tài)、創(chuàng)新形態(tài)的重要途徑。
速寫		視覺藝術(shù)造型基礎(chǔ)訓(xùn)練，重點培養(yǎng)學(xué)生敏銳觀察、快速準確地表現(xiàn)物象的造型能力，從速寫常識、基本技法、作畫步驟和作品欣賞幾方面展開，以大量的速寫習(xí)作剖析了人物、產(chǎn)品、室內(nèi)、建筑及景觀等不同培養(yǎng)方向的專業(yè)速寫要求與目標。
色彩		主要從設(shè)計色彩概述、色彩知識、設(shè)計色彩的藝術(shù)特征、設(shè)計色彩的表現(xiàn)步驟與方法、走進教學(xué)講解、中外經(jīng)典色彩藝術(shù)作品賞析等。課程以教學(xué)實踐與理論講述為線索，配以精美的經(jīng)典圖片資料和大量有啟發(fā)性的學(xué)生作品，使學(xué)生能夠形象直觀地理解并掌握設(shè)計色彩的內(nèi)涵、特點以及表現(xiàn)方法。
平面設(shè)計交互制作培訓(xùn)課程
三大構(gòu)成		（1）平面構(gòu)成 ?? （2） 色彩構(gòu)成 ?? （3）立體構(gòu)成
圖案		圖案設(shè)計的專家與許多型式的設(shè)計相關(guān)（包含包裝設(shè)計），如簡介手冊的編排、辦公室文具、產(chǎn)品的銷售賣點及運輸工具之標識。在所有的設(shè)計工作中具有創(chuàng)造性的鑒賞力是必須的要素，如何將印刷品的編排做一平衡以達到易讀性皆是圖案的基本原則。
設(shè)計軟件操作		（1）Photoshop （2）Illustrator （3）CorelDRAW （4）InDesign （5）相關(guān)軟件介紹（Acrobat、FreeHand)
基礎(chǔ)設(shè)計		（1）基本設(shè)計概念 （2）基本設(shè)計流程 （3）常規(guī)設(shè)計項目
常用設(shè)計原理及設(shè)計知識		（1）標志設(shè)計 （2）包裝設(shè)計 （3）海報設(shè)計 （4）VI設(shè)計 （5）版式設(shè)計
后期制作及生產(chǎn)		（1）印刷生產(chǎn) （2）數(shù)碼生產(chǎn) （3）實地考察
就業(yè)綜合指導(dǎo)		（1）簡歷制作 （2）面試技巧
平面設(shè)計專業(yè)提升課程
視覺傳達語言		（1）實驗繪畫：單色寫生（用鉛筆畫線描圖）、灰色調(diào)畫（透過取景器，選擇、畫出靜物的局部）。學(xué)習(xí)黑白灰色調(diào)的運用； （2）應(yīng)用色彩：單色畫組合、九宮格畫； （3）工作室技巧：裁剪、粘貼和拼貼畫、撕邊與拼貼圖形、相同題材，不同工具的繪畫、電腦周邊設(shè)備的使用，掃描儀、打印機、刻錄機、數(shù)碼相機的實踐操作等； （4）平面繪畫表現(xiàn)手法：物體訓(xùn)練、平涂畫、水粉防染畫、點畫、磨擦畫、線條畫； （5）字體的運用：字體、設(shè)計字體、圖文混排、字距、美術(shù)字原理、文字畫。
平面設(shè)計原理		（1）創(chuàng)意的來源：掌握造型風(fēng)格及重要的設(shè)計創(chuàng)意方法；圖像情感，深入學(xué)習(xí)表現(xiàn)主義造型、構(gòu)成主義造型、浪漫主義造型； （2）圖案文字的設(shè)計：文字造型、文字圖案設(shè)計以及文字與布局、文字尺寸、文字色彩、文字樂趣； （3）高級色彩的運用：學(xué)習(xí)運用色彩手段設(shè)計完成作品的基調(diào)和主題。
設(shè)計流程		（1）整理思路：學(xué)習(xí)整理思路的方法； （2）協(xié)調(diào)設(shè)計：**布局、文字、色彩、圖案和風(fēng)格把各件作品聯(lián)系起來； （3）平面設(shè)計人員與商業(yè)攝影師的協(xié)作：商業(yè)攝影的基本常識、與攝影師合作； （4）高級工藝應(yīng)用：掌握后期制作的特殊工藝及材料； （5）準備輸出：Acrobat的基本應(yīng)用、CTP流程的基本原理。
商業(yè)設(shè)計實務(wù)
企業(yè)形象設(shè)計實務(wù)		（1）解決企業(yè)整體形象的設(shè)計工作、探討商業(yè)圖案設(shè)計的問題； （2）CI的構(gòu)成（MI、BI、VI）、CI戰(zhàn)略視覺設(shè)計開發(fā)程序、VI手冊的編制內(nèi)容等； （3）了解企業(yè)標志特征、企業(yè)標志設(shè)計與難點、商標的種類及其特點； （4）學(xué)習(xí)CI概述、CI的淵源、CI在中國、CI的功用企業(yè)視覺識別系統(tǒng)、CI發(fā)展史。
書籍裝幀與版式設(shè)計理論及實務(wù)		（1）完成出版物的整體設(shè)計工作； （2）學(xué)習(xí)內(nèi)版面設(shè)計、雜志、書籍設(shè)計； （3）版式設(shè)計概述、書籍設(shè)計回顧、對書籍設(shè)計的認識、書籍設(shè)計的語言、書籍的規(guī)格； （4）書籍的組成部分、封面設(shè)計、內(nèi)頁排版等。
產(chǎn)品包裝設(shè)計理論及實務(wù)		（1）系統(tǒng)學(xué)習(xí)完成產(chǎn)品包裝的設(shè)計工作； （2）學(xué)習(xí)包裝設(shè)計概述、包裝的分類、包裝的作用與機能； （3）包裝設(shè)計的視覺傳達、包裝設(shè)計的表現(xiàn)手法、包裝結(jié)構(gòu)學(xué)； （4）包裝立體效果圖、包裝工程、包裝制版等。
商業(yè)廣告設(shè)計實務(wù)		（1）學(xué)習(xí)廣告學(xué)發(fā)展史、概念和分類； （2）廣告招貼、廣告創(chuàng)意、廣告構(gòu)圖與草圖繪制、POP廣告設(shè)計、DM廣告設(shè)計； （3）廣告與市場、消費者心理、廣告與法律等。

從「手勢交互」出發(fā)，分析產(chǎn)品設(shè)計背后的原理

---

@Daidai丶呆 ：隨著互聯(lián)網(wǎng)的發(fā)展，國內(nèi)設(shè)計知識的沉淀是越來越深，許多設(shè)計師已經(jīng)慢慢培養(yǎng)起新的設(shè)計理念，如「基于交互模式的設(shè)計」、「公司業(yè)務(wù)驅(qū)動的設(shè)計」等等。用一句話來概括的話，我會說：如今的設(shè)計師已經(jīng)培養(yǎng)起與用戶使用場景共情的思維模式了（就是站在場景角度來設(shè)計產(chǎn)品）。

而手勢交互，通常會被大多數(shù)人所遺忘。然而這些人都沒意識到，移動產(chǎn)品的設(shè)計是建立在手勢交互的基礎(chǔ)上的。

手勢熱區(qū)的誤區(qū)糾正

按照正常的手機觸控?zé)釁^(qū)圖來說，我們應(yīng)該把重要功能放在用戶容易點擊的區(qū)域。但是大部分設(shè)計師在這個過程中往往沒有真正將其運用到位。 我之所以得出這個結(jié)論，是因為在這次功能測試中，也遇到了同樣的問題。所以我測試了其他公司的一些產(chǎn)品，果然有類似問題存在。

正常來說，大部分設(shè)計師基本都是在一張 375×667 的畫板上開始設(shè)計界面的。所以假如設(shè)計師是按照這個熱區(qū)來設(shè)計界面中功能位置的話，重要功能應(yīng)該是放置在「易操作區(qū)域」附近的（如下圖）。

注：本文所有熱區(qū)均以右手為基礎(chǔ)繪制。

這時候問題來了，因為大部分設(shè)計師是直接導(dǎo)出 @x3 倍圖來適配 plus，所以當在大尺寸設(shè)備上操作的時候，當初把功能控制在 @x1 倍圖的熱區(qū)，在大屏上就不適用了。（如下圖）

所以當有用戶反饋當前頁面操作起來很吃力的時候，我就沒辦法理解，直到自己嘗試使用了之后才發(fā)現(xiàn)問題。**后只好單獨再在大屏設(shè)備上優(yōu)化設(shè)計方案。

這里再給大家普及一個知識：大部分人誤以為，手指在屏幕上的熱區(qū)是永恒不變的，但其實手指熱區(qū)會根據(jù)設(shè)備的變大而縮小。因為手掌支撐設(shè)備的重心靠后走了，所以拇指操控屏幕的范圍也就變小了。詳情見下圖。(提示：這里的熱區(qū)圖都是我自己隨意畫的，如果想學(xué)習(xí)的**好找些比較規(guī)范的資料。)

雖然以上情況更多出現(xiàn)在單手持機的場景，但是雙手情況下，也是類似。我們在設(shè)計的過程中，首先要考慮單手容易操作的前提，然后再考慮雙手。原因是，市場上小屏手機還是占以主導(dǎo)地位；單手如果沒問題，雙手問題也不會太大（當然不是絕對）。

內(nèi)容在上，操作在下

許多人設(shè)計 App，但是沒人研究過 App 為什么要這么設(shè)計。我說的為什么如此設(shè)計不是狹義上的功能設(shè)計，而是廣義的產(chǎn)品設(shè)計。

正是上面那個問題，讓我在跟朋友討論的過程中開始延伸思考，為什么起初要把標簽欄放底下呢？關(guān)于這個問題，當初我也是問了許多人，而基本都只是說這是**方設(shè)計規(guī)范。

**翻閱多方資料，我發(fā)現(xiàn)在工業(yè)設(shè)計領(lǐng)域有一條重要的基本設(shè)計原則：內(nèi)容在上，操作在下。

或許在電腦上操作的時候，你意識不到這個問題，即鼠標的點擊，跟這條設(shè)計原則的關(guān)系其實不大。而當操作涉及到手指的時候，問題就開始顯現(xiàn)出來了。

智能手機以及平板電腦的普及，讓我們慢慢開始依賴手勢的作用。比如我現(xiàn)在每天大部分生產(chǎn)力工作都是使用 iPad Pro Smart Keyboard 來完成，如寫文、腦圖、看書等等（原型還是在電腦上畫的）。而手勢涉及的操作原則是非常多的，這里提到的「內(nèi)容在上，操作在下」就是其一。

操作在下意味著使用者在操作過程中，手指始終處于界面下方，而內(nèi)容在上面，就不會出現(xiàn)手指遮擋內(nèi)容的情況。

如下圖的鍵盤操作提示：

基于此，相信你也知道為什么標簽欄在下方而不是上方了吧？

下面再來兩個例子詳細說明一下：

1. 為什么 iOS 要把返回放在上面而不是下面呢？

• 返回按鈕如果放在下面，用戶會輕易點擊，而放在上面，用戶需要打破目前聚焦于內(nèi)容的狀態(tài)才能點擊返回。
• 將標簽欄與工具欄全部置于下方，會容易導(dǎo)致發(fā)生誤操作（如 Android 設(shè)備），所以我們在設(shè)計的過程中要視情況而做合理的布局調(diào)整。

2. 為什么 iOS 設(shè)計規(guī)范建議將「編輯」按鈕放置在界面右上方的位置呢？

界面右上角的位置對拇指來說顯然是不友好的。然而，這樣做的原因也是顯而易見的，編輯功能會讓數(shù)據(jù)發(fā)生變化。將這類控件放在難以操作的位置上（與左上角的返回是一個道理），就是一種防御性的設(shè)計策略，可以在一定程度上避免因為太容易產(chǎn)生誤操作而導(dǎo)致的破壞性的結(jié)果。

所以 iPhone 其實是打破了原有的設(shè)計理念，在原來的基礎(chǔ)上做了創(chuàng)新，這就是其優(yōu)秀之處。

操作路徑與操作效率

當傳統(tǒng)的確認彈窗逐漸被手勢操作取代，大家就應(yīng)該察覺到，以往從電腦遷移到移動設(shè)備上的交互行為已逐漸被改善。

曾經(jīng)我們在移動設(shè)備上選擇刪除某項數(shù)據(jù)，都會彈出警告框，詢問我們是否確認刪除。雖然這種方式會打斷我們的操作行為，但久而久之，用戶已經(jīng)對此交互方式習(xí)以為常，或者說免疫了。且這種彈框的方式始終被認為是不好的一種交互手段。所以側(cè)滑刪除，已經(jīng)被更多產(chǎn)品功能用來取代彈框。

也許很多人沒思考過底層原因，或者僅僅只是覺得其相比彈框顯得更友好。其實這個行為是基于手勢交互做了相應(yīng)的優(yōu)化，讓用戶操作起來更加方便。

到了這里，我再舉個所有人都熟悉的例子，就是輪播圖了。

輪播圖**早出現(xiàn)于網(wǎng)頁端，后來被大量商家模仿，以至于到移動端還備受各產(chǎn)品設(shè)計人員的歡迎。但其實很多人對輪播圖的使用方法都是錯誤的。

下面我來告訴你輪播圖與手勢的關(guān)系。試想，你的輪播圖有 6 張 Banner，你要翻到第 4 張，無論是往前翻還是往后翻都要產(chǎn)生 3 次交互行為。而大部分產(chǎn)品的用戶在界面停留的時間不會這么久，更不會看完你 Banner 的內(nèi)容。甚至有研究表明，除了**張 Banner 的點擊率有 83% 之外，其余的點擊率都非常低。

有人說可以點擊下面的原點指示器做跳轉(zhuǎn)，這么小的點，你覺得點擊它現(xiàn)實么？所以手勢交互與輪播圖是相互矛盾的一種設(shè)計方式。

所以當運營策劃了一個活動，而你就往頂部的輪播圖里塞，這個行為就已經(jīng)注定這個活動的用戶參與度是很低的了。除了個別電商產(chǎn)品，他們以賣廣告位給商家作為盈利點，但即便如此，我相信這個廣告位除了**張圖的點擊量稍高外，其他圖片的點擊量相對于產(chǎn)品本身的用戶體量而言還是很低的。這也是為什么部分產(chǎn)品把輪播圖規(guī)則改為用戶進入首頁隨機展示輪播圖頁面，而不是強制指定于顯示**張的原因。

如果你的產(chǎn)品有很多活動是在同時期進行的，那么我給部分產(chǎn)品的建議是放一個活動主題入口，如下圖。（當然，這要視情況而定，并不是通用的。）

另外，如果你的產(chǎn)品頂部 Banner 僅僅只是展示位，那么我建議不要浪費空間，把它利用起來?？梢宰銎放菩麄?、可以做產(chǎn)品推廣、可以做數(shù)據(jù)展示等等。這一點，我覺得「大眾點評」的設(shè)計方式就很棒。想了解的，可以去親自體驗下。

小結(jié)

很多人一直在做移動端的產(chǎn)品設(shè)計，但是很少會去理解其背后的原理。而了解這些原理，能夠幫助你更好的設(shè)計產(chǎn)品。我個人還是主張具體問題具體分析，這里只是給各位一個思考的路徑，至于具體設(shè)備、情況、功能，還是要基于當下情況來做詳細解析。

以上知識是我早期學(xué)習(xí)并總結(jié)的一小部分內(nèi)容，長期存儲于我的個人筆記中，更多的是用來自我總結(jié)。這次分享給各位，希望能有所幫助。

歡迎關(guān)注作者的微信公眾號：「呆呆U理」

「多學(xué)多想！更多大牛的經(jīng)驗總結(jié)」

• 《經(jīng)典好文！如何為拇指做設(shè)計？》
• 《移動設(shè)備手勢分析！用戶到底是怎樣操作手機的？》
• 《移動設(shè)備手持分析！用戶到底是怎么使用手機的？》

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

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

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

相關(guān)推薦：

---

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