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

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

1、辦公室要變成教堂或錄音室才行

現(xiàn)在的工作越來越不受空間的限制，網(wǎng)絡(luò)那么發(fā)達(dá)，你能在任何地方辦公， 那為什么還要要求雇員來辦公室？這一點在提醒老板們：要讓辦公室變得像是一個教堂或者錄音室。教堂的空間和混響不僅能調(diào)整一個人的聲音，還能 夠?qū)⒍鄠€人的聲音混合起來，激發(fā)更大的效能。錄音棚則是專門用于創(chuàng)建高質(zhì)量的音軌的，既然你要求員工們要到辦公室，就要讓他們在這里獲得其他 地方?jīng)]有的工作體驗。

2、設(shè)計更需要同理心

要真正的、深層次的去感受用戶的需求。比如你要開發(fā)一款智能手環(huán)，用以 檢測和提醒老年人的身體狀況，雖然他們需要這款產(chǎn)品，但是未必真會花錢去買它——沒人希望在自己身上時時刻刻掛著一個標(biāo)志上面寫著 “我老了 ”。所以，設(shè)身處地地去了解用戶真的十分必要。

3、廣告和市場營銷將成為設(shè)計的一部分

以前是把產(chǎn)品生產(chǎn)出來之后再去考慮營銷，現(xiàn)在則不同了，要將營銷視為設(shè) 計的一部分才行。一款成功的產(chǎn)品，一切都需要超級一致。

4、設(shè)計將更多地基于“人”運行系統(tǒng)本身

人類基因組計劃和其他的一些研究結(jié)果讓科學(xué)家們對“人”的運作方式有了 更深的理解。這些革新性的認(rèn)識也將被用于設(shè)計上——不管是規(guī)劃一座城市還是設(shè)計一把椅子，設(shè)計師們都可以借助這些理論來思考：什么設(shè)計能激發(fā) 人的創(chuàng)造性？如何創(chuàng)造更強(qiáng)的歸屬感？如何真正的消除干擾、引發(fā)更深層放松？

5、會有更多的工程師變成設(shè)計師

有越來越多的工程師在設(shè)計領(lǐng)域初露端倪，這在十年前幾乎不能想象。比如 Inkling 的Peter Cho，Opower 的 Deena Rosen ， Flipboard 的 Marcos Weskamp。

創(chuàng)意廣告設(shè)計培訓(xùn)全科班

一、藝術(shù)基礎(chǔ)：

(1 )版面構(gòu)成： 版面構(gòu)成造型要素、形式原理、文字、圖片圖形的版面構(gòu) 成、報紙廣告、直郵廣告、企業(yè)形象等的版面構(gòu)成；

(2)色彩：色彩混合、色彩對比、色彩調(diào)和色彩心理學(xué)；

(3)繪畫：素描、速寫、色彩(水彩與水粉).

二、電腦軟件：

(1) Office：基礎(chǔ)應(yīng)用 系統(tǒng)操作、辦公自動化操作、互聯(lián)網(wǎng)使用常用設(shè)計 資料查詢方法。

(2) PHOTOSHOP：工具、選區(qū)、圖層、蒙版、路徑、通道、濾鏡的應(yīng)用、色 彩調(diào)整、照片處理及修復(fù)、圖象的調(diào)色圖象去底高級技巧、各種特效文字的制作等。

(3) Illustrator：AI基礎(chǔ)操作、廣告招牌設(shè)計、燈箱廣告設(shè)計、名片設(shè)計 、企業(yè)LOGO設(shè)計。

(4)InDesign：專業(yè)排版、印刷相關(guān)知識、書報高級排版技巧。

(5）Acrobat：電子格式文檔制作，認(rèn)識網(wǎng)上閱讀，打印、印刷出版帶來的 效果。

(6)Illustrator高級：廣告插畫制作、矢量描圖、角色貼圖、廣告創(chuàng)意、印 前設(shè)計技巧等。

(7)Photoshop高級：詳細(xì)講解海報設(shè)計、包裝設(shè)計、CI設(shè)計、產(chǎn)品廣告設(shè)計 、后期效果圖處理、網(wǎng)頁排版等。

三、企業(yè)形象視覺識別系統(tǒng)(VIS)設(shè)計： 

基本要素設(shè)計、標(biāo)志、標(biāo)準(zhǔn)色、標(biāo)準(zhǔn)字體等設(shè)計應(yīng)用要素設(shè)計；名片、信封 信紙、文件夾等辦公用品設(shè)計；企業(yè)旗幟、燈箱、吊牌、指示牌等環(huán)境部分規(guī)范設(shè)計；企業(yè)POP、請柬、賀卡、邀請函、廣告?zhèn)恪⑿麄鞫Y品等設(shè)計。

四、包裝設(shè)計：

包裝設(shè)計史論、包裝設(shè)計的創(chuàng)意構(gòu)思,容器類包裝設(shè)計及電腦制作、紙材、 塑料包裝設(shè)計及電腦制作,茶、酒、食品、飲品等專題包裝設(shè)計、系列化包裝設(shè)計。

五、創(chuàng)意思維開發(fā)：

創(chuàng)意思維過程、創(chuàng)意思維引導(dǎo)訓(xùn)練、創(chuàng)意管理方法、創(chuàng)意思維與人性 欲望 的聯(lián)系及應(yīng)用、創(chuàng)意思維如何轉(zhuǎn)換為習(xí)慣思維、創(chuàng)意的表現(xiàn)手法等。

六、廣告策劃： 

市場調(diào)研及分析、市場定位、產(chǎn)品定位、訴求定位、媒體策略、廣告預(yù)算、 廣告策劃方案的編寫等。

七、畢業(yè)實習(xí)及畢業(yè)設(shè)計：

**到輸出公司、印刷廠、噴畫及噴繪公司實地見習(xí),掌握各種廣告制作工 藝的流程及設(shè)計制作中相應(yīng)的注意事項.完成個人作品。

八、求職與就業(yè)：

簡歷的制作，職業(yè)禮儀，面試的技巧，職業(yè)素質(zhì)與職業(yè)技能。 面試與應(yīng)試 技巧 職場風(fēng)格、情緒管理、時間管理、商務(wù)禮儀。

未來的熱門！Web APP與原生APP有哪些交互設(shè)計區(qū)別？

---

@ChM_CuoreAzzurro ：Web App和原生APP同為移動端，很少有時間研究這兩項的交互區(qū)別，**近公司做了一次從原生APP到Web App（HTML5 ）的移植，故總結(jié)一下期間遇到的問題及不同點總結(jié)。

想學(xué)習(xí)交互，先了解下基礎(chǔ)的區(qū)別會很有幫助：《超贊！聊聊Web App、Hybrid APP與本地 APP的設(shè)計差異》

從使用場景上，Web App用戶面臨比原生APP用戶更嚴(yán)峻的問題：

1、頁面跳轉(zhuǎn)更加費力，不穩(wěn)定感更強(qiáng)

思考點：如何減少跳轉(zhuǎn)（扁平結(jié)構(gòu)、頁面布局技巧），增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性（技術(shù)）

2、更小的頁面空間（由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間），更大的信息記憶負(fù)擔(dān)

移動設(shè)備的屏幕要小得多。這種如同透過門縫進(jìn)行的閱讀增加了認(rèn)知的負(fù)擔(dān)。人腦的短期記憶是不穩(wěn)定的，用戶在滾動屏幕的過程中需要臨時記憶的信息越多，他們的表現(xiàn)就會越差?！顿N心設(shè)計：打造高可用性的移動產(chǎn)品》

思考點：排版更清晰、信息更簡練 （可在原生APP基礎(chǔ)上去掉一些豐富、復(fù)雜的視覺表現(xiàn)）

3、導(dǎo)航不明顯，原有底部導(dǎo)航消失，有效的導(dǎo)航遇到挑戰(zhàn)

思考點：如何有效的提供導(dǎo)航？有哪些形式？

4、交互動態(tài)效果收到限制，影響一些頁面場景、邏輯的理解。

思考點：比如登錄注冊流程的彈出、完成及異常退出，做好文字提示。

針對以上困境，解決方法總結(jié)如下：

首先，從APP到WAP版，在產(chǎn)品上，**明顯且核心的：

1、精簡功能，只將核心的任務(wù)實現(xiàn)，非核心的枝節(jié)可考慮刪減。

2、做好新的Web App導(dǎo)航.

3、補(bǔ)充從Web App 對 **原生APP 的引導(dǎo)。

>>>>> Web App導(dǎo)航怎樣設(shè)計？

一、常見的幾種Web APP導(dǎo)航樣式

1.1頂部底部導(dǎo)航的設(shè)計：

1.2導(dǎo)航快捷鍵設(shè)計：

美團(tuán)：頂部欄固定位置

淘寶：懸浮圓圈–可展開的按鈕

優(yōu)酷：非首屏?xí)r頁面右側(cè)懸浮

二、有效的導(dǎo)航設(shè)計

1、基本的快捷導(dǎo)航中包括 返回常用頁面（如 首頁 我的 等）的快捷方式

2、出現(xiàn)深層架構(gòu)時 及時補(bǔ)充返回重要層級頁面的快捷方式

3、情境式導(dǎo)航，方便用戶快捷跳轉(zhuǎn)到ta想去的頁面，如購買結(jié)束時提供查看訂單詳情的按鈕。

PS：Web APP更加需要畫頁面跳轉(zhuǎn)的流程圖，摸清各個頁面的入口，尤其是頁面返回的流程；有些簡化的返回按鈕，可以特殊注明返回到的頁面

>>>>>>>>> 怎樣引導(dǎo)用戶**APP？

在哪里出現(xiàn)引導(dǎo)？

一般首頁、核心任務(wù)的頁面（如 電商Web APP的商品詳情頁 、視頻Web APP的視頻觀看頁）

二、引導(dǎo)**APP有哪些形式？

1. 頁面頂部放置**條
2. 頁面底部懸浮層引導(dǎo)
3. 融合在頁面首屏中
4. **按鈕形式
5. 底部Foot里含客戶端**入口

其次，在設(shè)計Web App時，有以下小技巧可以參考：

1、從頁面布局上減少跳轉(zhuǎn)：使用交互技巧隱藏文字（eg 騰訊視頻）

利用展開收起按鈕 減少頁面跳轉(zhuǎn)。

2、取消float浮層，增大展示空間（eg：大眾點評）

取消float浮層，同時在詳情尾部再次加上 “購買”按鈕。

浮層的轉(zhuǎn)換處理。

3、頁面中對圖片進(jìn)行縮?。ㄒ蚯闆r而異）的處理、精簡一些標(biāo)簽導(dǎo)航的視覺展示。

視覺微調(diào)。

技術(shù)上注意點：

1）各手機(jī)瀏覽器的兼容測試

2）底層服務(wù)的調(diào)?。苷{(diào)取，但只有當(dāng)其是核心功能時才保留 eg：新浪、美團(tuán)等皆去掉了頭像上傳功能）

3）注意離線數(shù)據(jù)存儲，減少數(shù)據(jù)請求頻率。

4）考慮保存用戶的哪些數(shù)據(jù)：設(shè)置、個人數(shù)據(jù)、閱讀錨點、跳出頁面等。

5）避免動效與瀏覽器的交互沖突

6）按順序 異步加載 eg： 騰訊視頻

騰訊視頻異步加載。

雖然Web App目前處于比較尷尬的地位，我們是由于原APP客戶端中一些頁面需要分享出去才開啟制作Web App版。

但是不得不承認(rèn)，基于Web的輕APP 更新迭代起來更方便，隨著H5技術(shù)的成熟和發(fā)展，也許以后就是基于H5的Web App的天下了 0.0

【設(shè)計兩三事的人氣好文】

Top 1：設(shè)計一事，配色是重中之重，必須正確！
《秒變配色高手！怎么都不會錯的6條網(wǎng)頁設(shè)計配色原則》

Top 2：設(shè)計二事，字體是畫龍點睛，定要**好的！
《字體排行榜！2014年**受歡迎的35款字體素材打包**》

Top 3：設(shè)計三事，視覺如衣服，文案是氣質(zhì)，不能不高端！
《年度**佳教程！7招教你寫出互聯(lián)網(wǎng)頂尖文案！》

原文地址：jianshu
作者：@ChM_CuoreAzzurro

================關(guān)于聯(lián)展網(wǎng)================
“聯(lián)展網(wǎng)“是國內(nèi)人氣**高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：****全的設(shè)計師圖書導(dǎo)航：/book/。
設(shè)計微博：擁有粉絲量90萬的@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、**頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：
**方微信：想在手機(jī)上、被窩里獲取設(shè)計教程和各種意想不到的”福利”嗎？添加微信號：

相關(guān)推薦：

---

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