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

海報(bào)設(shè)計(jì)需要學(xué)什么？需要報(bào)美工 還是平面設(shè)計(jì)進(jìn)行學(xué)習(xí)？

建議是學(xué)平面設(shè)計(jì)，因?yàn)楝F(xiàn)在的美工培訓(xùn)都是網(wǎng)頁上的修圖，對(duì)于矢量工具 的要求不會(huì)很高，不會(huì)教你印刷知識(shí)的。而平面設(shè)計(jì)教的很全，一般除了ps。會(huì)教CDR、AI、ID軟件，而Illustrator（AI）、CoreDraw（CDR）就是矢 量工具，CDR結(jié)合了AI、ID、很方便的設(shè)計(jì)出來，ID作為矢量工具，是排版神器，雜志、書籍、報(bào)紙等排版快捷方便，上手簡(jiǎn)單，可以繪制簡(jiǎn)單的矢量 圖形。不過沒有從事大量排版工作的話，可以不考慮這個(gè)的。

簡(jiǎn)單說說海報(bào)設(shè)計(jì)：1.傳統(tǒng)意義上的海報(bào)常用于文藝演出、運(yùn)動(dòng)會(huì)、故事會(huì) 、展覽會(huì)、家長(zhǎng)會(huì)、節(jié)慶日、學(xué)校里競(jìng)賽游戲等。海報(bào)設(shè)計(jì)總的要求是使人一目了然。掛在櫥窗里的大幅畫作,又稱招貼畫。貼在街頭墻上。2.其實(shí)現(xiàn) 在互聯(lián)網(wǎng)上要求的海報(bào)，也是一樣的要求，只是要配合網(wǎng)頁的寬度進(jìn)行排版罷了，相對(duì)于戶外的海報(bào)，網(wǎng)頁海報(bào)根據(jù)有生動(dòng) 靈活性，更換方便。然后 說說海報(bào)設(shè)計(jì)公司的重要要求：海報(bào)設(shè)計(jì)往往需要進(jìn)行良好的設(shè)計(jì)構(gòu)思，一般情況下，**海報(bào)設(shè)計(jì)來進(jìn)行宣傳都希望獲得**好的設(shè)計(jì)效果。

平面設(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)志和圖形有著千絲萬縷的聯(lián)系，可以說標(biāo)志是由圖形演變而來， 但新的時(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)者利用單頁、招貼、宣傳冊(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)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)— —根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(主要是產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的 其中一種，精美的網(wǎng)頁設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要

超全面干貨！彈窗設(shè)計(jì)的5條基本原則

---

當(dāng)你將彈窗設(shè)計(jì)及使用得恰到好處時(shí)，它們就會(huì)是非常有效的用戶界面元素。它們能幫助用戶快速且便捷地達(dá)成目標(biāo)。然而當(dāng)錯(cuò)誤使用時(shí)，彈窗卻會(huì)困擾你的用戶。學(xué)會(huì)如何設(shè)計(jì)彈窗，會(huì)幫助你在使用時(shí)避免那些可能對(duì)用戶造成的困擾。

加上這篇《超全面！騰訊設(shè)計(jì)師做了100個(gè)彈框后總結(jié)的設(shè)計(jì)經(jīng)驗(yàn)》?學(xué)會(huì)彈窗設(shè)計(jì)就沒問題了！

1，什么是彈窗？

彈窗是一個(gè)為激起用戶的回應(yīng)而被設(shè)計(jì)、需要用戶去與之交互的浮層。它可以告知用戶關(guān)鍵的信息，要求用戶去做決定，抑或是涉及到多個(gè)操作。彈窗越來越廣泛地被應(yīng)用于軟件、網(wǎng)頁、以及移動(dòng)設(shè)備中，它可以在不把用戶從當(dāng)前頁面帶走的情況下，指引用戶去完成一個(gè)特定的操作。

圖1，會(huì)話過期彈窗

現(xiàn)在讓我們來看看有哪些優(yōu)秀的彈窗設(shè)計(jì)和使用方法。

原則1，減少干擾

由于彈窗會(huì)中斷操作，要盡可能地少使用彈窗。突然出現(xiàn)的彈窗會(huì)強(qiáng)迫用戶去停止他們當(dāng)下正在進(jìn)行的任務(wù)，并轉(zhuǎn)而專注于彈窗中的內(nèi)容。在繼續(xù)之前，用戶必須要面對(duì)這個(gè)彈窗，否則將無法對(duì)彈窗之下的頁面進(jìn)行操作。當(dāng)這個(gè)用戶必須要確認(rèn)一個(gè)關(guān)鍵的操作時(shí)，這就是好的，但是在大部分情況下彈窗是不太有必要的，甚至?xí)鹩脩舴锤小?

需要確認(rèn)

在你需要用戶去互動(dòng)才可繼續(xù)時(shí)，或當(dāng)犯一個(gè)錯(cuò)誤的成本會(huì)很高時(shí)，使用彈窗是**合適且**合理的。

圖2，這里告知了用戶一個(gè)情況，需要用戶確認(rèn)

不要突然打開彈窗

在用戶沒有做任何操作時(shí)突然打開彈窗，是非常糟糕的設(shè)計(jì)。許多網(wǎng)站用訂閱框來轟炸它們的用戶，就如下面的例子：

圖3，諸如此類的彈窗給沒有鍵盤的用戶造成了數(shù)不清的麻煩

彈窗的出現(xiàn)應(yīng)該永遠(yuǎn)基于用戶的某個(gè)操作。這個(gè)操作也許是點(diǎn)擊了一個(gè)按鈕，也許是進(jìn)入了一個(gè)鏈接，也可能是選擇了某個(gè)選項(xiàng)。

小結(jié)

• 不是每個(gè)選擇、設(shè)置、或細(xì)節(jié)都有必要中斷用戶當(dāng)前的操作。
• 彈窗的備選方案有菜單以及同框內(nèi)的擴(kuò)展，這兩種控件都可以保持當(dāng)前頁面的延續(xù)。
• 可不要突然跳出彈窗，應(yīng)該讓用戶對(duì)彈窗的每次出現(xiàn)都有心理預(yù)期。

原則2，彈窗應(yīng)與現(xiàn)實(shí)世界相關(guān)連

彈窗應(yīng)該使用用戶的語言（用戶熟悉的文字，短語和概念），而不是一些系統(tǒng)特有的專有名詞。

表述清晰的問題和選項(xiàng)

在彈窗的內(nèi)容區(qū)域，應(yīng)該使用一個(gè)表述清晰的問題或陳述，例如“清除您的存檔？”或“刪除您的賬戶？”總之，應(yīng)該避免使用含有歉意的、模凌兩可的、或者是反問式的語氣，如“警告！”“你確定嗎？”

圖4，左邊的彈窗提出了一個(gè)很模凌兩可的問題，并且這個(gè)操作可能影響的范圍并不明確；右邊的彈窗提出的問題相當(dāng)明確，它解釋了此次操作對(duì)用戶的影響，并且提供了指向清晰的選項(xiàng)。

盡可能不要給用戶提供可能產(chǎn)生混淆的選項(xiàng)，而應(yīng)該使用那些文意清晰的選項(xiàng)。大部分情況下，用戶應(yīng)該能夠只**彈窗的標(biāo)題和按鈕，就了解他們有哪些選項(xiàng)。

反例：這個(gè)按鈕的文字“不”的確回答了彈窗內(nèi)的問題，但是并沒有直接告訴用戶點(diǎn)擊后會(huì)發(fā)生什么。

圖5，安卓的系統(tǒng)彈窗

改成這樣：肯定的操作文字“放棄” 很明確地指示了選擇這個(gè)選項(xiàng)的后果。

圖6，安卓的系統(tǒng)彈窗

提供重要的信息

一個(gè)彈窗不應(yīng)該把對(duì)用戶有用的信息說得含糊不清。舉個(gè)例子，如果一個(gè)彈窗要讓用戶確認(rèn)刪除某些條目，就應(yīng)該把這些條目都列出來。

圖7，這個(gè)彈窗很簡(jiǎn)要地指明了這個(gè)操作的結(jié)果

另外，避免使用“了解更多”按鈕去連接到幫助文檔；在彈窗同一頁面展開則是更好的選擇。如果還需要顯示更多的信息，則將其放在進(jìn)入彈窗之前的頁面。

提出有（關(guān)鍵）信息的反饋

當(dāng)一個(gè)流程結(jié)束時(shí)，記得顯示一條提示信息（或視覺反饋），讓用戶知道自己已經(jīng)完成了所有必要的步驟。

圖8，在完成一個(gè)操作后成功的例子

小結(jié)

• 在彈窗中使用語意清晰的問題和選項(xiàng)。
• 設(shè)計(jì)促進(jìn)操作完成的彈窗。
• 在操作完成后，提示用戶操作已經(jīng)完成了。

原則3，講求極簡(jiǎn)

別試著把太多東西擠在一個(gè)彈窗內(nèi)。要保持干凈和簡(jiǎn)約（遵從KISS原則）。然而極簡(jiǎn)主義并不意味著被局限住，你提供的所有信息都該是有價(jià)值并且與之相關(guān)的。

元素與選項(xiàng)的數(shù)量

彈窗絕不應(yīng)該只是部分顯示在屏幕上。因此不要使用有滾動(dòng)控件的彈窗。

反例：巴克萊銀行的付款處理彈窗包括了許多的選項(xiàng)和元素，部分的選項(xiàng)只有滾動(dòng)后才能看到（特別是對(duì)于屏幕通常較小的移動(dòng)設(shè)備）

好的例子：Stripe使用了一個(gè)簡(jiǎn)單并且聰明的彈窗，只顯示了**基本的信息，這樣不管在桌面端上還是移動(dòng)屏幕上看起來都會(huì)很不錯(cuò)。

操作的數(shù)量

彈窗不該提供超過兩種選項(xiàng)。第三個(gè)選項(xiàng)，例如下圖的“了解更多”，有可能會(huì)將用戶帶離此彈窗，如此用戶將沒有辦法完成當(dāng)前的任務(wù)。

圖11，“LEARN MORE”操作將用戶從這個(gè)彈窗指引到其它頁面，進(jìn)而把當(dāng)前的彈窗置入一個(gè)不確定的狀態(tài)

勿將多個(gè)步驟放置在一個(gè)彈窗內(nèi)

把一個(gè)復(fù)雜的任務(wù)分解成多個(gè)步驟是一個(gè)極好的想法。然而這也會(huì)給用戶傳達(dá)一個(gè)信號(hào)，這個(gè)任務(wù)太復(fù)雜了，以至于根本沒法再一個(gè)彈窗界面中完成。

如果一個(gè)交互行為復(fù)雜到需要多個(gè)步驟才能完成（如下圖的例子），那么它就有必要單獨(dú)使用一個(gè)頁面（而不是作為彈窗存在）。

圖13，有多個(gè)步驟的彈窗

小結(jié)

• 如果你發(fā)現(xiàn)你在很努力地把許多元素?cái)D進(jìn)一個(gè)彈窗，這通常代表彈窗已經(jīng)不是**優(yōu)的設(shè)計(jì)方案了。
• 將那些不必要的、不能夠幫助用戶完成任務(wù)的元素或內(nèi)容從彈窗中去除，以達(dá)到簡(jiǎn)化的目的。
• 盡量避免在彈窗內(nèi)安置多個(gè)步驟。

原則4，選擇適當(dāng)?shù)膹棿胺N類

彈窗大致分兩個(gè)大類。**大類為吸引用戶關(guān)注的模態(tài)彈窗，強(qiáng)制用戶與之交互后才能繼續(xù)。模式彈窗通常被用在獨(dú)立、強(qiáng)制的流程中：

• 當(dāng)不需要上下文就可以決定怎么做的時(shí)候。
• 需要明確的“接受”或“取消”動(dòng)作才能關(guān)閉。在點(diǎn)擊這種彈窗的外部時(shí)，它并不會(huì)關(guān)閉。
• 當(dāng)我們不允許此用戶的進(jìn)程處于部分完成狀態(tài)（即用戶必須完成此進(jìn)程才可做其他任何的操作）。

第二大類則是非模態(tài)彈窗，它允許用戶**點(diǎn)擊或輕觸周圍就可關(guān)閉。

**種模式彈窗只在特別重要的交互操作時(shí)才須使用，（比如：刪除帳戶，同意協(xié)議）。

圖14，模態(tài)彈窗：用戶必須輸入“DELETE”才能確認(rèn)刪除

另外移動(dòng)系統(tǒng)的彈窗通常是模態(tài)的，并且含有如下的基本元素：內(nèi)容，操作，和標(biāo)題。

圖15，安卓模態(tài)彈窗

原則5，視覺一致性

彈窗下的背景

當(dāng)打開一個(gè)彈窗時(shí)，后面的頁面一定要稍微地變暗。它有兩個(gè)功能，**它把用戶的注意力轉(zhuǎn)移到了浮層上，第二它讓用戶知道后面的這個(gè)頁面是不再可用的。

圖16，安卓的模態(tài)彈窗

在調(diào)節(jié)背景深度時(shí)要注意了。如果你把它變得太暗，用戶就沒法看清背景的內(nèi)容。如果你調(diào)得太淺，用戶可能會(huì)認(rèn)為這個(gè)頁面仍然可操作，并且甚至不會(huì)注意到彈窗的存在。

清晰的關(guān)閉選項(xiàng)

在彈窗的右上角應(yīng)該有一個(gè)關(guān)閉的選項(xiàng)。許多彈窗會(huì)在右上角有一個(gè)“x”的按鈕，方便用戶關(guān)閉窗口。然而，這個(gè)“x”按鈕對(duì)于一般的用戶而言并不是一個(gè)顯而易見的退出通道。這是由于“x”按鈕通常較小，它需要用戶準(zhǔn)確地定位到該處，才能夠成功的退出，而這一過程通常很費(fèi)事。

因而讓用戶**點(diǎn)擊非模態(tài)彈窗的背景區(qū)域去退出，就是一個(gè)更好的方法。

圖17，TWITTER同時(shí)使用了點(diǎn)擊X按鈕和點(diǎn)擊背景區(qū)域的退出方式

避免在彈窗內(nèi)啟動(dòng)彈窗

應(yīng)該避免在彈窗內(nèi)再啟動(dòng)附加的小彈窗，這是因?yàn)榇伺e會(huì)加深用戶所感知到的網(wǎng)站或app的層級(jí)深度，從而增大了視覺的復(fù)雜性。

圖18，反例：彈窗中的彈窗

小結(jié)

• 在大部分情景下，都允許用戶**點(diǎn)擊或輕觸來關(guān)閉彈窗（除了模態(tài)彈窗）。
• 應(yīng)該避免在彈窗內(nèi)再啟動(dòng)附加的小彈窗（即彈窗中的彈窗）。

總結(jié)

希望這些有關(guān)彈窗的使用案例和使用方法還算有趣，并能在你們?cè)O(shè)計(jì)原型時(shí)派上用場(chǎng)。要記住，用戶體驗(yàn)是為用戶而做的設(shè)計(jì)，而非為技術(shù)。要想知道什么樣的設(shè)計(jì)**適合你的用戶、**適合他們將進(jìn)行的任務(wù)，其實(shí)不是一件難事：你只需要模仿那些**產(chǎn)品的彈窗，然后找到你的用戶做一些相關(guān)的測(cè)試。

「字體設(shè)計(jì)好文**新集錦」

灰晝大大的字體推薦：
《灰晝的字體庫！10款常用的經(jīng)典基礎(chǔ)英文字體推薦（已打包）》

字體排印指南：
《新手福利！一份詳盡全面的UI設(shè)計(jì)字體與排版指南》

谷歌免費(fèi)字體網(wǎng)站：
《Google Fonts 網(wǎng)站全新設(shè)計(jì)，免費(fèi)**八百種英文字體！》

原文地址：babich.biz
譯文地址：ddc.dianrong

================關(guān)于聯(lián)展網(wǎng)================
“聯(lián)展網(wǎng)“是國(guó)內(nèi)人氣**高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：****全的設(shè)計(jì)師圖書導(dǎo)航：/book/。
設(shè)計(jì)微博：擁有粉絲量130萬的@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、**頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：

相關(guān)推薦：

---

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