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

平 面設(shè)計發(fā)展方向？

1.Type Design

文字設(shè)計也叫字體設(shè)計屬于平面設(shè)計，在平面設(shè)計中較為簡單的一種。但無 論在何種視覺媒體中，文字和圖片都是其兩大構(gòu)成要素。文字排列組合的好壞直接影響其版面的視覺傳達效果。因此，文字設(shè)計是提高作品的訴求力， 賦予作版面審美價值的一種重要構(gòu)成技術(shù)。

2.Poster Design

“海報”或宣傳畫，屬于戶外廣告，分布于各處街道、影(劇)院、展覽會、 商業(yè)區(qū)、機場、碼頭、車站、公園等公共場所，在國外被稱為“瞬間”的街頭藝術(shù)。雖然如今廣告業(yè)發(fā)展日新月異，新的理論、新的觀念、新的制作技 術(shù)、新的傳播手段、新的媒體形式不斷涌現(xiàn)，但招貼始終無法代替，仍然在特定的領(lǐng)域里施展著活力，并取得了令人滿意的廣告宣傳作用，這主要是由 它的特征所決定的。

3.Book Design

書籍裝幀設(shè)計是書籍造型設(shè)計的總稱。一般包括選擇紙張、封面材料、確定 開本、字體、字號，設(shè)計版式，決定裝訂方法以及印刷和制作方法等。書籍裝幀設(shè)計是指書籍的整體設(shè)計。它包括的內(nèi)容很多，其中封面，扉頁和插圖 設(shè)計是其中的三大主體設(shè)計要素。

書籍設(shè)計能有效而恰當?shù)胤从硶膬?nèi)容、特色和著譯者的意圖。符合讀者 不同年齡、職業(yè)、性別的需要，還要考慮大多數(shù)人的審美欣賞習(xí)慣，并體現(xiàn)不同的民族風(fēng)格和時代特征。符合當代的技術(shù)和購買能力。

4.Package Design

包裝是建立產(chǎn)品與消費者親和力的有力手段，包裝(packaging)是品牌理念 、產(chǎn)品特性、消費心理的綜合反映，它直接影響到消費者的購買欲。

包裝設(shè)計需要考慮商標、圖形、色彩、文字4個要素，做到對稱均衡、安定 輕巧、對比調(diào)和、重復(fù)呼應(yīng)、節(jié)奏韻律和比例尺度統(tǒng)一。

5.Branding Design

如今世界進入品牌競爭的時代，品牌成為商界的熱點，品牌設(shè)計也成為人們 常掛在嘴邊的時髦詞匯。據(jù)統(tǒng)計企業(yè)每投在品牌形象設(shè)計上1美元，所獲得的收益是227美元。

品牌設(shè)計是在企業(yè)自身正確定位的基礎(chǔ)之上，基于正確品牌定義下的視覺溝 通，它是一個協(xié)助企業(yè)發(fā)展的形象實體，不僅協(xié)助企業(yè)正確的把握品牌方向，而且能夠使人們正確的、快速的對企業(yè)形象進行有效深刻的記憶。

6.Web Design

作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計，對于提升企業(yè)的互聯(lián) 網(wǎng)品牌形象至關(guān)重要。它需要根據(jù)企業(yè)希望向瀏覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)，進行網(wǎng)站功能策劃，**合理的顏色、字體、圖片、 樣式進行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到**聲光、交互等來實現(xiàn)更好的試聽感 受。

7.APP Design——UI

APP設(shè)計是當下**時新也**火的設(shè)計，指對軟件的人機交互、操作邏輯、界 面美觀的整體設(shè)計。

APP Design**對界面設(shè)計不同需求進行的分類以及界面設(shè)計元素對用戶行 為的影響，來研究用戶在界面設(shè)計中所體現(xiàn)的重要性。好的UI設(shè)計不僅讓軟件變得有個性有品味，還讓軟件的操作變得舒適、簡單、自由,并充分體現(xiàn) 軟件的定位和特點。

平面廣告高級技能班

學(xué)習(xí)階段課程要點

平面和網(wǎng)頁軟件技術(shù)應(yīng)用

• 數(shù)字影像合成(Photoshop)

  1、精準商業(yè)級照片調(diào)色；2、商業(yè)影像合成技術(shù)；3、矢 量及圖形運算；4、通道合成運算與特效制作。

• 矢量圖形設(shè)計(Illustrator)

  1、綜合矢量繪圖；2、商業(yè)標志形象制作；3、插圖插畫 繪制；4、三維模擬特效制作。

• 數(shù)位排版設(shè)計(InDesign)

  1、印前設(shè)計制作標準；2、文字，段落，圖文混排設(shè)計； 3、精準表格設(shè)計；4、多動商業(yè)版面制作。

• 矢量與排版設(shè)計(CorelDRAW)

  1、綜合圖形繪制；2、商業(yè)版面制作；3、徽標設(shè)計分析 與制作；4、三維模擬特效制作。

能力目標：熟練掌握平面設(shè)計和網(wǎng)頁設(shè)計軟件應(yīng)用技術(shù)，掌握圖像處理，矢 量設(shè)計與排版設(shè)計、網(wǎng)頁界面設(shè)計和網(wǎng)頁排版能力。

商業(yè)廣告?zhèn)髅皆O(shè)計和網(wǎng)頁設(shè)計規(guī)劃

• 平面視覺特效

  1、人像照片后期處理；2、廣告素材圖像合成；3、廣告 視覺特效制作；4、質(zhì)感特效制作。

• 電子出版物合成

  1、電子出版編輯制作；2、電子出版合成設(shè)計；3、交互 演示設(shè)計制作；4、交互式電子表單制作；5、ppt多媒體演示制作。

能力目標：熟練掌握淘寶、天貓、京東等幾大電商效果圖的規(guī)格尺寸及設(shè)計 規(guī)范，電商詳情頁的設(shè)計應(yīng)用及電商產(chǎn)品圖像精修案例；掌握Div Css技術(shù)，網(wǎng)頁布局的方法等技術(shù)。

商業(yè)傳媒廣告方案綜合設(shè)計

• 網(wǎng)絡(luò)分類廣告設(shè)計

  1、網(wǎng)絡(luò)廣告?zhèn)髅皆O(shè)計標準；2、網(wǎng)站商品陳列設(shè)計；3、 網(wǎng)店促銷活動廣告設(shè)計； 4、APP廣告引導(dǎo)設(shè)計。

• VI系統(tǒng)項目設(shè)計

  1、商業(yè)標志特征與分析；2、CIS品牌的塑造；3、商業(yè)標 志的設(shè)計與規(guī)范；4、VI形象展示設(shè)計。

• 平面廣告?zhèn)髅皆O(shè)計

  1、POP商業(yè)展示廣告設(shè)計與制作；2、OU戶外廣告設(shè)計與 制作；3、DM商業(yè)廣告宣傳物料設(shè)計與制作；4、印前原理與制作工藝。

• 版式設(shè)計

  1、版式設(shè)計的規(guī)范與原則；2、圖片文字元素的混排；3 、折頁、畫冊等版式設(shè)計的制作流程；4、商業(yè)版式推廣制作。

能力目標：培養(yǎng)具有較高藝術(shù)創(chuàng)意與設(shè)計理論素養(yǎng)，達到商業(yè)美術(shù)設(shè)計人員 求職、任職的基本要求。同時為網(wǎng)站建設(shè)、三維設(shè)計及動畫制作打好堅實的基礎(chǔ)。

平面項目、數(shù)據(jù)后臺與網(wǎng)站優(yōu)化

• 平面整合設(shè)計

  1、平面項目整合設(shè)計與時效訓(xùn)練；2、商業(yè)產(chǎn)品宣傳推廣 畫冊設(shè)計；3、商業(yè)方案項目展示設(shè)計；4、綜合設(shè)計與項目管理能力。

能力目標：掌握商業(yè)方案項目展示設(shè)計，綜合設(shè)計與項目管理能力。利用 PHPMyWind CMS開發(fā)帶有后臺管理系統(tǒng)的網(wǎng)站以及seo網(wǎng)站優(yōu)化。

內(nèi)部教程！超詳細的支付寶設(shè)計規(guī)范之線下字體篇

---

支付寶設(shè)計規(guī)范往期回顧：

• 《內(nèi)部教程！超詳細的支付寶設(shè)計規(guī)范之圖形圖案篇》
• 《內(nèi)部教程！超詳細的支付寶設(shè)計規(guī)范之配色篇》
• 《內(nèi)部教程！超詳細的支付寶設(shè)計規(guī)范之線上字體篇》

在線下場景中的物料、機具尺寸是依據(jù)人體工程學(xué)為參考，不同位置、不同距離、不同角度下，物料類型 、版面結(jié)構(gòu)、文字層級、字號、字間距等，都影響著對使用者的信息傳遞。

一、原則

1. 動態(tài)與靜態(tài)

人在線下環(huán)境對信息內(nèi)容閱讀分為靜態(tài)與動態(tài)。當處于不同的閱讀距離時，觀看物料的角度也會有所不同。

根據(jù)「人體工程學(xué)」及「福格行為模型」的數(shù)據(jù)：當人從動態(tài)視距進入到靜態(tài)視距的紅點位置，即人眼看清一個目標并獲得視覺印象，平均時間是170毫秒，單個字是250毫秒。

行進速度增加，視角會隨增加幅度減小。因此，運動狀態(tài)下的快速閱讀要避免讓用戶產(chǎn)生「回視」或「眼跳」。

回視：人們在閱讀過程中，當碰到不理解的內(nèi)容時，迅速且無意識地回顧前面的內(nèi)容。

眼跳：在閱讀過程中，眼睛的黃斑中心凹在從一個字移到另一個字時，其眼簾發(fā)生的0.1秒突然震顫。

在「動態(tài)與靜態(tài)」原則下，我們需要區(qū)分物料與人接收信息的狀態(tài)和時間，如「遠距離＋高視角＋且多在運動狀態(tài)下觀看的」 大型橫幅豎幅就禁止呈現(xiàn)多信息。

2. 視角與視距

靜止狀態(tài)下，人的水平視覺焦點約介于 3°－10°之間。眼睛**佳轉(zhuǎn)動在水平線以上25°，以下35°左右位置。

在此視圓錐之外的影像（灰色部分）是由周邊視覺搜尋，靠余光感受到的區(qū)域，其范圍介于水平視角以上 60°、以下 70°。

以平均身高1米6的女性用戶為例，在其**佳視角下不同視距的三種物料（臺卡、海報、易拉寶）傳遞的信息范圍是不一樣。當視距為0.5米的情況下，結(jié)合前面的「視野分布圖」，我們大約可得出其視覺盲區(qū)：地平線以上0.35米。

這三種「代表物料」是依據(jù)目前支付寶線下各行業(yè)線物料分類篩選得出，總體兩大類：固定類與移動類，其中固定類中又可細分為5類：地面類、桌面類、墻面類、落地類、懸掛類。

把所有這些物料放入十字象限中，從 「地面」往上到 「桌面 墻面 頂面 」，再看目前聚焦在：桌面類、墻面類、落地類三類物料，而這三類中**具代表的分別是：臺卡、海報、易拉寶。所以，后面的「原則&規(guī)范 」將重點以這三類為案例做分析。

3. 順序與節(jié)奏

從結(jié)論－功能－詳細說明「倒金字塔型」結(jié)構(gòu)，在線下場景中能短時間內(nèi)快速、有效的將資訊傳達給用戶。將資訊群組化，且依重要性程度排序，資訊更易傳遞。

以海報級別的物料為例，其版面應(yīng)具備三種訊息級別：「**高級別的大標題——中等級別的流程圖、功能圖——低級別的使用說明 」 按序有節(jié)奏的遞減；各級別間的差異可能異常明顯，主要取決于物料種類（版面大?。?，某個級別可能非常巨大，而另一個級別可能極其微小。

4. 可辨與易讀

中英文字體分別是等寬字型和比例字型（文字寬度不同）。比例字型的文字有各自不同寬度，輸入時會自動調(diào)整字距。因此在編排數(shù)字（英文）字體時：

• 不允許用中文字體輸入；
• 在相同字號下，數(shù)字會比中文小，根據(jù)「易讀」原則，需調(diào)整至高度一致的視覺平衡。

5. 平衡與對比

方正蘭亭系列的字體家族至少提供了10種不同字重的字體。我們使用字體家族既可以維持平衡，又可以**不同字重的強弱關(guān)系 ，產(chǎn)生對比強調(diào)（對比）的部分與協(xié)調(diào)（平衡）的部分共存在相同版面中，可使用粗細比例具有共通性「字體家族」。

如圖所示，越往上越有明亮、輕快、都會、摩登的感覺，越往下越呈現(xiàn)出穩(wěn)定說服力、厚重感。

設(shè)定不同的文字大小時，若困惑于該呈現(xiàn)多少差距時，可從「等比」、「等差」或「斐波那契」去思考。

這三種對比可以幫助我們?nèi)ニ伎荚摮尸F(xiàn)哪種差距的關(guān)系，當需要使正副標題具有明確大小差異時 ，可以采用差距**大的「等比數(shù)列」。

6. 對齊與留白

文本可以不同的對齊方式來設(shè)置：

• 左對齊：以各行的行首對齊
• 右對齊：以各行的行末對齊
• 居中對齊：使軸線位于段落寬度的中間位置

居中對齊后留下的負空間若處理不當，易形成不連續(xù)且中斷的灰度值外觀。因此將文本設(shè)置成「兩端對齊」能產(chǎn)生整潔、幾何形的版式效果。遵循規(guī)范二的「字距」或規(guī)范七的「圖示法」均有助于可規(guī)避。

依據(jù)前述的線下字體應(yīng)用的「六大原則」，我們分別細化成：字號、字距、行距、標點等的七條規(guī)范。

二、規(guī)范

1. 字號

根據(jù)「原則一」中提及的人體工程學(xué)及福格行為模型的數(shù)據(jù)，設(shè)定可參考數(shù)據(jù)如下圖。

以**常用的幾種物料舉例：

• 大標題：字號依照文字個數(shù)不定，一行標題不超過5個字獲取信息**佳；禁止超過9字。
• 內(nèi)文：手冊、單頁、DM 的常用字級不小于7.5-9pt；海報的常用字級不小于17-23pt；易拉寶的常用字級不小于24-28pt。

2. 字距

• 中文：當把單字寬度設(shè)為一個 a 時，建議字間距的**大極限不要超過1／2a。
• 數(shù)字：有些數(shù)字的前后會出現(xiàn)「空洞」或「擁擠」的狀況，必須以目測方式作適度調(diào)整。
• 標點：如「引號」間會有極大空白，破壞整體間隙，亦需按實際情況以目測方式縮小至
  視覺協(xié)調(diào)。

3. 行距

• 內(nèi)文的**佳行距為字號的1.5-2倍左右。
• 如果物料版面緊張、信息量特別大（如活動規(guī)則、說明等），可適當縮小至字號的1.2-1.5倍。

4. 禁則文字符號

• 行頭禁則中包括的主要文字與符號：句號、逗號、頓號、連字符、分號、冒號、感嘆號、問號、（各種）反括號。
• 分離禁則中包括的主要文字與符號：（各種）正括號。
• 行末禁則中包括的主要文字與符號：兩倍破折號、兩倍省略號。

5. 躍動比

從字體家族中分別選取字重大且適合閱讀的方正蘭亭大黑與刊黑、細黑、黑做對比，其躍動比值分別為：

• 黑 vs 大黑：1.83
• 刊黑 vs 大黑：2.95
• 細黑 vs 大黑：2.04

相同字號下的正副標題，采用**佳躍動率為1：2的方正蘭亭細黑&方針蘭亭大黑；當不同字號時（副標題字號小于正標題），亦可選用方正蘭亭準黑（黑）&方針蘭亭大黑。

6. 兩端對齊

在遵循字號、字間距的基礎(chǔ)上，以大標題寬度為基準進行校正。

依照物料種類，海報、易拉寶上大標題（一行）中文字數(shù)5字以內(nèi)**佳；禁止超過9字。

標題在做兩端對齊校正時，如已達到「字距」**大極限（規(guī)范二），還可加入「圖示化」手法（規(guī)范七）。

7. 圖示化

三種**常用的方式：

• 方式一：把須傳達的文字框起來
• 方式二：數(shù)字使用英文字體放大表示；整合成單一個體來配置
• 方式三：增加圖形符號

呼應(yīng) 「原則六」中「居中對齊」后的負空間處理，除了「字距調(diào)整， 增加圖形裝飾」等方法調(diào)整至「兩端對齊」。

「這些技法幫你做出優(yōu)秀字體」

• 《設(shè)計神器Fontlab！讓手殘黨也能自己DIY字體》
• 《想做好字體設(shè)計，先掌握這3個字體結(jié)構(gòu)法則》
• 《講道理，這些都是**基礎(chǔ)的字體設(shè)計知識》
• 《學(xué)會這簡單幾招，字體設(shè)計也能萌萌噠！》
• 《想做出中國風(fēng)的字體設(shè)計？我總結(jié)了4個規(guī)律！》

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

聯(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)