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

平面設(shè)計(jì)未來(lái)趨勢(shì)發(fā)展

01、設(shè)計(jì)能開拓新市場(chǎng)

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

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

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

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

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

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

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

05、HELLO, CEO

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

平面設(shè)計(jì)課程

1.設(shè)計(jì)造型基礎(chǔ)、三大構(gòu)成 設(shè)計(jì)素描，以比例尺度、透視 規(guī)律、三維空間觀念以及形體的內(nèi)部結(jié)構(gòu)剖析等方面表現(xiàn)新的視覺傳達(dá)與造型手法，訓(xùn)練繪制設(shè)計(jì)預(yù)想圖的能力，是表達(dá)設(shè)計(jì)意圖的一門專業(yè)基礎(chǔ)課。

三大構(gòu)成：1〕 平面構(gòu)成 2〕立面構(gòu)成 3〕色彩構(gòu)成

2.平面設(shè)計(jì)軟件 photoshop、 coreldraw

學(xué)員除了要了解基本的 設(shè)計(jì)原理，掌握一定的設(shè)計(jì)方法，**訓(xùn)練使 具備 敏銳的設(shè)計(jì)思維 外， 還必須掌握一個(gè)重要的武器：設(shè)計(jì)軟件，才能初步形成一個(gè)設(shè)計(jì)師的 雛形。

3.字體設(shè)計(jì) 字體是平面設(shè)計(jì)中的 核心元素之一，字體設(shè)計(jì)的優(yōu)劣直接決定 平面 作品的水準(zhǔn)。

4.標(biāo) 志圖形設(shè)計(jì) 圖形由于其凝煉的外形 讓人記憶深刻，正基于此，標(biāo)志和圖形有著千絲萬(wàn)縷的聯(lián)系，可以說(shuō)標(biāo)志是由圖形演變而來(lái)， 但新的時(shí)代又賦予 標(biāo)志不同于圖形的新的含義。

5.vis設(shè)計(jì) 導(dǎo)入企業(yè)形象識(shí)別系統(tǒng)， 是現(xiàn)代企業(yè)走向正規(guī)化，與國(guó)際接軌 的必然選擇，企業(yè)形象識(shí)別系統(tǒng)與企業(yè)文化緊密結(jié)合，其制 作受嚴(yán)格的規(guī)范。

6.版式設(shè)計(jì)/書籍裝幀 版式設(shè)計(jì)在平面設(shè)計(jì)的 各種元素中充當(dāng)著骨架的角 色，如果沒有版 式設(shè)計(jì)，圖片，文字，色彩等必然失去秩序， 從 而對(duì)信息的傳達(dá)效果產(chǎn)生負(fù)面的影響。書的內(nèi)涵是其文字所承 載的思想，書的外延是其裝幀所體現(xiàn)出的特色， 好的書籍設(shè)計(jì)是內(nèi)涵與 外延的完美統(tǒng) 一。

7.高級(jí)人像處理 人像照片的修飾、美化和個(gè)性化處理，幫你高效地編輯、潤(rùn)色、制作人像照，晉級(jí)為照片處理高手。

8.廣告創(chuàng)意 廣告創(chuàng)意是指**獨(dú)特的技術(shù)手法或巧妙的廣 告創(chuàng)作腳本，更突出體現(xiàn)產(chǎn)品特性和品牌內(nèi)涵，并以此促進(jìn)產(chǎn)品銷售。它包含了廣告活動(dòng)中創(chuàng)造性的思維，只要是涉及到創(chuàng)造新的方面，從戰(zhàn)略、形象 ，到戰(zhàn)術(shù)以及媒體的選擇等，“創(chuàng)意”二字時(shí)間出新的方案上。

9.商業(yè)設(shè)計(jì)鑒賞

講商業(yè)設(shè)計(jì)的鑒賞，只有會(huì)看別人的作品， 才可能正確的審視自 己的作品，也 才能 從別人的設(shè)計(jì)里學(xué)到知識(shí)， 提高自己設(shè)計(jì)水平。

10.DM單設(shè)計(jì) DM是英文direct mail advertising的省略表述，即**郵寄、贈(zèng)送等形式， 將宣傳品送到消費(fèi)者手中 、家里或公司所在地。也有表述其為：直投雜志廣告。

11.包裝設(shè)計(jì) 包裝設(shè)計(jì)即指選用合適的包裝材料，運(yùn)用巧妙的工藝手段，為包裝商品進(jìn)行 的容器結(jié)構(gòu)造型和包裝的 美化裝飾設(shè)計(jì)。從中可以看到包裝設(shè)計(jì)的三大構(gòu)成要素。

12.海報(bào)設(shè)計(jì) (品牌海報(bào)、產(chǎn)品海報(bào)、sp海報(bào)) 海報(bào)設(shè)計(jì)必須有相 當(dāng)?shù)奶?hào)召力與藝術(shù)感染力，要調(diào)動(dòng)形象、色 彩、構(gòu)圖、形式感等因素形成強(qiáng)烈的視覺效果;它的畫面應(yīng)有較強(qiáng)的視覺中心，應(yīng)力求新穎、單純，還必須具有獨(dú)特地藝術(shù)風(fēng)格和設(shè)計(jì)特點(diǎn)。

13.廣告印刷 印刷廣告包 括廣告主自行或者委托廣告經(jīng)營(yíng)者利用單頁(yè)、招貼、宣傳冊(cè)等形式發(fā)布，介紹自己所推銷的商品或者服務(wù)的一般形式印刷廣告，以及廣告經(jīng)營(yíng)者利用有 固定名稱、規(guī)格、樣式的廣告專集發(fā)布介紹他人所推銷的商品或者服務(wù)的固定形式印刷廣告。 商業(yè)廣告大作業(yè)完成全方面的商業(yè)設(shè)計(jì)作品，以達(dá)到商 業(yè)價(jià)值。

14.展 示設(shè)計(jì) 展示設(shè)計(jì)是培養(yǎng)具有造型.空間.色彩.多媒體.聲光電等元素綜合運(yùn)用能力的人才.主要是設(shè)計(jì)師以展示形象的方式傳達(dá)信息.

15.網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)— —根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(主要是產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的 其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要

指尖上的瀏覽！如何理解用戶的眼

---

小鼐：生活中很多人會(huì)調(diào)侃道：“每天手指在手機(jī)屏幕上滑動(dòng)的距離比走路的距離還長(zhǎng)！”隨著指尖上的瀏覽融入到生活的方方面面，如何讓用戶手指滑動(dòng)的更有效率，在滑動(dòng)手指的同時(shí)看到更多想看的內(nèi)容，而不白白滑動(dòng)手指，是提升手機(jī)APP用戶體驗(yàn)的重要方面。

為深入理解人們的APP瀏覽行為，我們使用專門用于追蹤移動(dòng)設(shè)備注視行為的眼動(dòng)儀對(duì)用戶瀏覽社交APP的習(xí)慣進(jìn)行了研究，試圖更加直觀地展示人們?yōu)g覽APP的特點(diǎn)，以及由此引發(fā)的對(duì)于優(yōu)化APP瀏覽體驗(yàn)設(shè)計(jì)的思考。

如果你有時(shí)間，并且想了解更多交互設(shè)計(jì)相關(guān)的知識(shí)，推薦閱讀以下幾篇優(yōu)秀的文章：
《高手之路：解讀眼動(dòng)的12個(gè)誤區(qū)》
《推薦！交互設(shè)計(jì)那些事兒（一）》
《推薦！交互設(shè)計(jì)那些事兒（二）》

手機(jī)與PC瀏覽，區(qū)別在哪里？

我們?cè)群筢槍?duì)QQ空間PC版和QQ空間手機(jī)版進(jìn)行了眼動(dòng)測(cè)試，讓用戶登錄自己的QQ空間自由瀏覽好友動(dòng)態(tài)，對(duì)比兩次測(cè)試的結(jié)果（如下圖），可以發(fā)現(xiàn)，相比于使用電腦瀏覽好友動(dòng)態(tài)，用戶在手機(jī)上瀏覽好友動(dòng)態(tài)時(shí)手指滑動(dòng)更頻繁，經(jīng)常是在滑動(dòng)手指的同時(shí)瀏覽內(nèi)容。

在進(jìn)行基于電腦網(wǎng)頁(yè)的眼動(dòng)數(shù)據(jù)分析時(shí)，我們主要關(guān)注用戶的注視焦點(diǎn)和軌跡，但對(duì)于手機(jī)來(lái)說(shuō)，只分析用戶看了什么和不看什么是不夠的，有必要兼顧眼睛注視和手指滑動(dòng)，來(lái)分析用戶的瀏覽特征，并評(píng)估用戶的瀏覽效率。

在對(duì)QQ空間手機(jī)版進(jìn)行眼動(dòng)測(cè)試的過(guò)程中，我們發(fā)現(xiàn)，有時(shí)用戶明明對(duì)某一條動(dòng)態(tài)感興趣，卻只是滑動(dòng)屏幕而不看上面的內(nèi)容，直到把內(nèi)容調(diào)整到一定范圍內(nèi)的時(shí)候才開始看，這種情境顯然降低了用戶的瀏覽效率，增加了手指的滑動(dòng)距離，卻沒有因此看到更多的內(nèi)容（如下圖）。在該研究中，我們將這種情景稱為“低效滑動(dòng)”。

低效滑動(dòng)的情景讓我們不禁思考：既然用戶不是自上而下將整個(gè)屏幕的內(nèi)容瀏覽完之后才向上滑動(dòng)屏幕，那么，用戶的注視范圍究竟有多大？如何基于注視范圍來(lái)優(yōu)化設(shè)計(jì)以減少用戶的低效滑動(dòng)？用戶的注視范圍能否改變？

指尖上的注視范圍有多大？

以QQ空間手機(jī)版為例，我們使用Tobii X120眼動(dòng)儀對(duì)24名用戶進(jìn)行了眼動(dòng)測(cè)試，讓用戶使用手機(jī)登錄自己的QQ空間自由瀏覽好友動(dòng)態(tài)，結(jié)果表明，注視范圍的長(zhǎng)度占手機(jī)屏幕長(zhǎng)度（不含頂bar和底bar）的比例約為75.0%（如下圖）。

說(shuō)明：
1、每張圖均由參加相應(yīng)終端測(cè)試的6名用戶的注視熱點(diǎn)圖疊加而成，獨(dú)立版是指QQ空間的客戶端，結(jié)合版是指從QQ上的入口進(jìn)入看到的QQ空間；
2、在熱點(diǎn)圖中，顏色越深，代表關(guān)注度越高。對(duì)于疊加而成的熱點(diǎn)圖，屏幕背景只是為了示意屏幕的大小，熱點(diǎn)覆蓋的區(qū)域代表注視的范圍，不代表實(shí)際看到的內(nèi)容；
3、標(biāo)注的紅框是為了凸顯注視范圍的邊界。

有限的注視范圍與圖文并茂的APP設(shè)計(jì)

在瀏覽一條感興趣的動(dòng)態(tài)的過(guò)程中，當(dāng)用戶想看的內(nèi)容沒出現(xiàn)/沒完全出現(xiàn)在注視范圍內(nèi)時(shí)，會(huì)**用手指滑動(dòng)屏幕來(lái)調(diào)整這些內(nèi)容的位置，定位好之后才開始瀏覽。因此，把用戶想看的內(nèi)容顯示在其注視范圍內(nèi)，可以減少低效滑動(dòng)的發(fā)生。
圖文并茂是社交APP內(nèi)容的主要呈現(xiàn)形式，其中，圖片占據(jù)了屏幕的較大面積，且扮演著重要的角色，無(wú)論是好友類動(dòng)態(tài)中的生活見聞?wù)掌€是讓資訊類動(dòng)態(tài)更加生動(dòng)直觀的圖片，都是用戶用來(lái)判斷對(duì)動(dòng)態(tài)是否感興趣的關(guān)鍵要素，也是瀏覽感興趣的動(dòng)態(tài)時(shí)重點(diǎn)瀏覽的內(nèi)容。由于用戶的注視范圍有限，在對(duì)動(dòng)態(tài)中文字和圖片的高度進(jìn)行設(shè)計(jì)時(shí)，應(yīng)注意哪些問(wèn)題呢？

**，圖片為豎圖時(shí)高度控制在注視范圍內(nèi)。

在單條動(dòng)態(tài)中，橫圖的高度通常不會(huì)超過(guò)注視范圍，用戶不需產(chǎn)生低效滑動(dòng)就可以完整瀏覽文字和圖片。但對(duì)于豎圖，則高度不宜過(guò)長(zhǎng)，應(yīng)控制在注視范圍內(nèi)。當(dāng)圖片沒有完全展示在注視范圍內(nèi)時(shí)，用戶看完文字就會(huì)上滑屏幕，其間不會(huì)注視圖片內(nèi)容，將圖片定位好后，通常是把圖片的頂部與屏幕**上方對(duì)齊，才開始瀏覽圖片，這不僅給用戶瀏覽圖片帶來(lái)了麻煩，而且當(dāng)用戶想再次看文字的時(shí)候，還要再次下滑屏幕才能看到文字。

第二，文字較長(zhǎng)時(shí)展開部分文字，將文字和圖片的總高度控制在注視范圍內(nèi)。

對(duì)于文字較長(zhǎng)的圖文并茂動(dòng)態(tài)，用戶在手機(jī)上通常**標(biāo)題、圖片來(lái)快速判斷自己對(duì)動(dòng)態(tài)是否感興趣，而對(duì)大段文字摘要的關(guān)注度較低。有時(shí)用戶沒有被標(biāo)題吸引，滑動(dòng)屏幕直接略過(guò)文字摘要，當(dāng)該條動(dòng)態(tài)中的圖片出現(xiàn)在屏幕上后被圖片吸引，然后點(diǎn)擊詳情頁(yè)閱讀全文。因此，將較長(zhǎng)的文字部分收起，把文字和圖片的高度控制在注視范圍內(nèi)，可減少用戶略過(guò)文字時(shí)產(chǎn)生的低效滑動(dòng)。

思考：用戶的注視范圍是否可以改變？

**上文分析用戶瀏覽社交APP內(nèi)容時(shí)的特點(diǎn)可知，用戶的注視范圍與圖文并茂類動(dòng)態(tài)的設(shè)計(jì)有著密不可分的關(guān)系。那么，對(duì)于不同的社交APP，用戶的注視范圍是固定的嗎？

在對(duì)QQ空間手機(jī)版進(jìn)行眼動(dòng)測(cè)試的同時(shí)，我們也針對(duì)Facebook手機(jī)版用戶進(jìn)行了眼動(dòng)測(cè)試，讓6名用戶自由瀏覽Facebook，得到用戶使用Facebook時(shí)的注視范圍（如下圖）。

Facebook的注視范圍的長(zhǎng)度占手機(jī)屏幕長(zhǎng)度（不含頂bar和底bar）的比例為87%，長(zhǎng)于QQ空間手機(jī)版注視范圍的長(zhǎng)度。為了更好地分析注視范圍的形成，我們也對(duì)用戶瀏覽單條動(dòng)態(tài)時(shí)的注視情況進(jìn)行了研究。

Facebook的動(dòng)態(tài)是卡片式設(shè)計(jì)，兩條動(dòng)態(tài)之間的間隔較為明顯，用戶在瀏覽一條動(dòng)態(tài)時(shí)，通常將其滑到屏幕頂端后開始瀏覽，加之文字和圖片的總高度在一屏之內(nèi)，用戶可以在一屏內(nèi)看到圖片的底邊，這使得用戶在瀏覽一條自己感興趣的動(dòng)態(tài)的過(guò)程中，可以直接在一屏內(nèi)完整地瀏覽文字和圖片，很少發(fā)生看完文字便開始滑動(dòng)屏幕來(lái)調(diào)整圖片位置的情況，因而使得注視范圍的長(zhǎng)度增加。

由此，我們推斷，在使用社交APP時(shí)，用戶的注視范圍并不是固定的，**設(shè)計(jì)上的改變可以擴(kuò)大用戶的注視范圍，這不僅可以更好地利用了屏幕的大小，也可以減少用戶的低效滑動(dòng)，提高瀏覽效率。當(dāng)然，這只是對(duì)比QQ空間手機(jī)版和Facebook手機(jī)版得到的推論，注視范圍受哪些設(shè)計(jì)元素的影響、設(shè)計(jì)上的改變對(duì)注視范圍的具體影響機(jī)制如何都是值得進(jìn)一步深入研究的問(wèn)題。

小結(jié)：

本文主要揭示了用戶瀏覽社交APP的特點(diǎn)，并試圖從瀏覽體驗(yàn)的視角為APP的設(shè)計(jì)帶來(lái)一些啟發(fā)。

針對(duì)用戶的注視范圍和低效滑動(dòng)問(wèn)題，如何**設(shè)計(jì)上的改變來(lái)擴(kuò)大注視范圍、減少低效滑動(dòng)，是設(shè)計(jì)社交APP中動(dòng)態(tài)的呈現(xiàn)方式時(shí)值得思考的問(wèn)題。

與此同時(shí)，對(duì)于其他類型的APP（如資訊類等），用戶的注視范圍具有什么特點(diǎn)？與社交APP注視范圍的異同在哪里？是否可以**對(duì)比不同類型APP的注視范圍總結(jié)出一些完善APP瀏覽體驗(yàn)設(shè)計(jì)的準(zhǔn)則？對(duì)于這些問(wèn)題，我們將會(huì)持續(xù)地開展相關(guān)研究去尋找答案。

 

原文地址：isux.tencent
作者：小鼐
 
================關(guān)于聯(lián)展網(wǎng)================
“聯(lián)展網(wǎng)“是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南/ps/。
設(shè)計(jì)微博：擁有粉絲量58萬(wàn)的@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、**頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 的全拼
您也可以**掃描下方二維碼快速添加：

 

相關(guān)推薦：

---

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