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

1.Type Design

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

2.Poster Design

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

3.Book Design

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

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

4.Package Design

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

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

5.Branding Design

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

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

6.Web Design

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

7.APP Design——UI

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

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

平面設計課程

PS模塊：

1.介紹軟件（應用領域、優(yōu)勢）/軟件界面與設置/視圖縮放與移動/選擇工 具/屏幕顯示模式/包裝效果圖選區(qū)自由變換、自由變形/保存格式。

2.文字（文字海報）/形狀工具（繪制簡單形狀）/填充（前景色、背景色）

3.色階，曲線，亮度對比度等/色彩平衡，色相飽和度，可選顏色等/畫布、 圖像大小調(diào)整/鋼筆工具/選區(qū)（選區(qū)工具）等

4.消失點，液化，仿制源/銳化、模糊工具/加深、減淡工具，/漸變工具、. 吸管工具/色彩知識（色彩搭配訓練）

5.橡皮擦/圖層蒙版/套索，魔棒 /快速蒙版/抽出/調(diào)整邊緣

6.鋼筆工具/色彩范圍 /通道/攝影藝術介紹

7.剪切蒙版/圖層混合模式

8.濾鏡（上）風格化，像素化，模糊，水墨等藝術效果/智能濾鏡

9.濾鏡（下）扭曲，渲染，其他

10.圖層樣式內(nèi)陰影，斜面與浮雕，顏色，漸變，圖案疊加

11.UI介紹/網(wǎng)頁設計基礎/網(wǎng)頁banner的設計/網(wǎng)頁切片工具

12.對齊與分布//網(wǎng)頁設計制作

13.動畫制作（把靜態(tài)網(wǎng)頁稍加動畫）/軟件互導性

CDR模塊：

1.軟件介紹（應用領域、優(yōu)勢、缺點）/軟件界面（調(diào)色板）

2.基本操作（新建文件、設置文件大小、出血、保存、導出、再制等）

3.排版需注意的適宜（字號、字體、出血、文字安全框等）

4.文本格式：文字方向字符格式、段落格式、段落文本換行（圖文混排）、 分欄

5.基礎繪圖（矩形、橢圓、多邊形、圖紙、螺旋線、完美形狀、智能繪圖）

6.移動工具、填色（內(nèi)部、輪廓）/視圖工具（抓手、縮放、顯示性能）

7.排列、鎖定、造形/圖框準確裁剪/群組與結合、對齊和分布

8.手繪、藝術筆/貝塞爾、鋼筆/折線、三點曲線、連線、度量工具

9.形狀工具：A.直接編輯基本形狀/文字；B.轉(zhuǎn)換成曲線后編輯

10.涂抹、粗糙、變換工具/裁切、刻刀、橡皮檫、虛擬段刪除/線條填色

11.均勻、漸變、圖樣、紋理、PS填充/交互式填充、網(wǎng)狀填充吸管油漆桶

12.交互調(diào)和、輪廓

13.變形、陰影、透明

14.立體(立體字設計、扁平投影效果、添加紋理立體字、漸變立體字)

15.封套設計

16.位圖處理/轉(zhuǎn)換（跟蹤位圖）位圖遮罩/濾鏡效果（卷頁）4.效果菜單

17.表格處理/插入條碼、OLE對象（圖表）/對象管理器/頁面設置、打印

AI模塊：

1.介紹軟件/.新建文件設置/軟件界面認識/文字工具/文字大小改變、旋轉(zhuǎn) 、復制

2.其他格式：制表符、文字屬性復制輪廓/簡歷制作

3.選擇工具、基礎繪圖學習/顏色填充、漸變工具、吸管工具/錨點編輯工具

4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪刀、群組與復合路徑、對齊和分 布

5.排列、鎖定、隱藏、路徑查找器（焊接、相交、修剪）剪切蒙版

6.描邊面板/對象/路徑/內(nèi)部填充（網(wǎng)格工具、實時上色）

7.變形工具/封套扭曲/變換工具

8.畫筆/符號/符號噴槍工具

9.混合工具（帶過，CDR中詳說）透明蒙版（結合剪切蒙版使用）

10.外觀面板、圖形樣式/描邊、外觀的使用/圖層面板（多圖層整理）

11.圖表/位圖轉(zhuǎn)矢量圖/透明度面板（中疊加方式的使用）

12.效果菜單（凸出和斜角、繞轉(zhuǎn)、風格化）軟件相互間格式的處理。

超全面的設計異常情況和處理方式匯總

---

在設計中，一些異常情況經(jīng)常很容易被忽略，在后期的實踐過程才發(fā)現(xiàn)原來還有這種狀態(tài)……本篇文章匯總了常見的異常情況及處理方式，趕緊來收藏學習！

一、快速了解異常是什么？

異常在百度中的解釋是這樣的，異常，拼音：yì cháng，是一個漢語詞匯。釋義非正常的；不同于平常的。

在設計中異常指的是除了正常狀態(tài)之外的情況，舉個例子，假如你要設計一個**按鈕，那么**按鈕需要有幾種狀態(tài)呢？

正常狀態(tài)下需要提供的**按鈕的狀態(tài)應該有：點擊**（**前）、正在**（或者是**中、已**59%等描述）、**完成，如果你在設計中只提供了這三種**狀態(tài)是不夠的（其實有部分新手設計師，只提供了點擊**這種狀態(tài)）。還應該考慮如果**中出現(xiàn)了斷網(wǎng)，或者是用戶暫停**等情況的時候應該怎么處理呢？這就是異常情況，所以除了前面三種狀態(tài)，還需要提供繼續(xù)**，**失敗等狀態(tài)。**完成后，現(xiàn)在的設計一般是會自動安裝的，此時顯示安裝中，如果不自動安裝還需要提供安裝操作，安裝完成后提供打開的操作。當然這里面包含的異常狀態(tài)主要是暫停后的繼續(xù)**、**失敗等。

下圖就是我做的**按鈕，可以看到其實很多狀態(tài)如點擊**、**完成、安裝、打開等在視覺表現(xiàn)上是一樣，只是文本不同，即使是這樣，這些應有的狀態(tài)無論是交互設計師還是視覺設計師都應該給出的，不然程序員會不知道哪一種情況用什么形式的按鈕。其實在一些登錄、支付、提交等按鈕，還有一種「不可用」的狀態(tài)，用戶未輸入信息時，登錄按鈕置灰，只有當用戶輸入相應的信息后，按鈕才高亮。

二、異常情況的匯總

**上面的例子，相信已經(jīng)充分了解到設計中的異常是什么，以及異常的處理方式，那么接下來總結一下設計中常見的異常情況。

異常情況處理其實分為兩種情況。

兩種異常情況處理

1. 界面中有明顯的提示，需要用戶了解此情況的，并且影響用戶進行下一步操作的，主要包含以下7種情況：

• 與網(wǎng)絡環(huán)境等有關的：**失敗、服務器出錯、斷網(wǎng)，網(wǎng)速過慢、加載失敗、網(wǎng)絡連接失?。╳ifi 密碼正確，連接不成功）；
• 空狀態(tài)：搜索結果為空、無瀏覽記錄、無收藏、無購買記錄、無訂單記錄、無**記錄等；
• 表單類異常：密碼錯誤、輸入字符太少，數(shù)量超額，賬號密碼等不符合相應規(guī)則、賬號過期、必填項未填寫（提示并定位）、必填項的輸入字符為空等；
• 時效性：二維碼/驗證碼的過期/失效處理，例如具有實效性的鏈接，二維碼等；
• 限定值：上傳文件超過限定大小、操作過于頻繁（刷新頻繁，點贊、抖一抖，戳一戳等，需給出友好提示）；
• 不可用：賬號不存在、賬號過期、選項不可選、按鈕置灰等；
• 其他：外接設備連接失?。ㄈ邕b控器、音響、手機等）、斷電/電量過低、安裝失敗；

2. 用戶在操作中是感受不到這種異常，并且對用戶的操作有較小影響的。

主要是用戶切換任務引起的異常：如按 home 鍵突然退出/切換應用、返回鍵退出、**過程退出等。

以上就是在設計中常見的一些異常情況匯總，看到這里，可能很多朋友就要說了，這么多，我怎么記得住。我個人的建議是，如果你熟悉上面的這些異常的話，其實在設計類似的模塊時就會考慮到相應的情況；如果你不熟悉這些，你可以把文章描述的異常情況當作一個檢查表，設計到相應的模塊時，可以參考是否會出現(xiàn)上方的情況。

三、異常處理

接下來分析一下這些異常情況的處理方式，按異常方式來處理。

與網(wǎng)絡環(huán)境等有關的：**失敗、服務器出錯、斷網(wǎng)，網(wǎng)速過慢、加載失敗、網(wǎng)絡連接失?。╳ifi 密碼正確，連接不成功）

1. **失敗

一般需要給出明確的**失敗提示，可以**彈窗、Toast、列表等提示。如下圖所示，然后給出用戶下一步的操作提示，例如重試、重新**、刪除等操作。

△ 注：單張圖片來源于網(wǎng)絡

2. 服務器出錯

服務器出錯的頁面常見的500、501、502、503、504、505等5開頭的頁面。其中這些錯誤的解釋如下：

• 500 內(nèi)部服務錯誤：顧名思義500錯誤一般是服務器遇到意外情況，而無法完成請求；
• 501 服務器不具備完成請求的功能；
• 502 Bad Gateway錯誤；
• 503 服務器目前無法使用（由于超載或停機維護）；
• 504 Bad Gateway timeout 網(wǎng)關超時；
• 505 服務器不支持請求中所用的 HTTP 協(xié)議版本。

服務器異常時，在網(wǎng)頁端的處理方式為提示 返回，在移動端的處理方式為提示 重試，下圖是一些普通的處理方式。

△ 注：單張圖片來源于網(wǎng)絡

近幾年，很多網(wǎng)站和應用將這種異常頁面設計的相對美觀和有故事性一些，提升了整體的趣味性，減少用戶的焦慮。例如網(wǎng)絡被外星人劫走了之類的，相信大家也看過很多。這里就不舉例子了。

3. 網(wǎng)絡異常

斷網(wǎng)、網(wǎng)速過慢、網(wǎng)絡連接失?。╳ifi 密碼正確，連接不成功）

其實都是屬于網(wǎng)絡異常的情況，加載失敗有時是網(wǎng)絡速度慢造成的，有時可能是IIS（Internet Information Services 互聯(lián)網(wǎng)信息服務）空間不足。下圖是一些網(wǎng)絡異常情況下的處理方式。

如果網(wǎng)絡異常之前應用沒有緩存之前的頁面的內(nèi)容，則整體提示用戶網(wǎng)絡異常，也可以提供一個操作指導用戶操作；

如果網(wǎng)絡異常之前頁面已經(jīng)緩存則顯示之前的頁面，Toast 輕提示用戶網(wǎng)絡異常。

4. 空狀態(tài)

搜索結果為空、無瀏覽記錄、無收藏、無購買記錄、無訂單記錄、無**記錄等。

其實空狀態(tài)很好理解，就是頁面沒有內(nèi)容時，空頁面一般會提示用戶當前頁面的空狀態(tài)，同時也可以做適當?shù)囊龑?。例如在影視?App 中，如果觀看記錄為空，則可以為用戶推薦影片，如熱播影片、猜您喜歡，其他人都在看等熱門推薦供用戶選擇。不過如果無法確定你推薦的用戶是否喜歡，不建議做推薦。

△ 注：單張圖片來源于網(wǎng)絡

5. 表單類異常

密碼錯誤、輸入字符太少，數(shù)量超額，賬號密碼等不符合規(guī)則、賬號過期、必選項未填寫（提示并定位）、必填項的輸入字符為空等。

表單類異常建議查看我的上一篇文章《如何設計輸入框？》，里面有比較詳細的討論。

6. 時效性

二維碼/驗證碼的過期/失效處理，例如具有實效性的鏈接，二維碼等。

實效性比較多的體現(xiàn)在二維碼、付款碼、驗證碼等有時間限定的情況下才有效的情況，通常失效之后需要重新刷新，手機的篩選操作通常是點擊或者是下拉刷新；PC 端的通常好似點擊，TV 端的是按「OK」鍵刷新。如下圖所示為 QQ 的掃碼登錄頁面和 UC瀏覽器的手機登錄頁面。

7. 限定值

上傳文件超過限定大小、操作過于頻繁（刷新頻繁，點贊、抖一抖，戳一戳等，需給出友好提示）

對于文件過大無法上傳、**這種建議都是采取彈窗的方式告訴用戶當前狀況，明確問題并且加上操作提示。如新媒體管家中的導入的 word 的文件不能超過10M的提示如下左圖所示。對于操作過于頻繁，比較常見于 QQ 中的抖動窗口，其實在一些電視頁面的手機截圖工具中，刷新太頻繁也會彈出 Toast 提示。

8. 不可用

賬號不存在、賬號過期、選項不可選、按鈕置灰等。

賬號不存在用于登錄時，輸入的賬號不在已注冊的賬號中，則會提示此賬號不存在，是否立即注冊等，如下圖所示。

9. 賬號過期

APP 或網(wǎng)站中，登錄賬號后，如果太久不使用，則會有過期的期限，設計師需要根據(jù) APP 的具體情況設置登錄過期的時間期限，此時需要提醒用戶重新登錄。

主要有 Toast 和彈窗兩種方式提示，這需要根據(jù)賬號過期對用戶的影響大小來決定用哪一種方式。如下方左圖所示，登錄賬號過期對用戶使用此應用的影響不大，則可以采用 Toast 輕提示的方式處理；如下方右圖，如果不登錄賬號則無法使用此應用的功能，則需要采用彈窗強提示的方式，提示用戶去登錄。

10. 選項不可選

主要包含當前的選項中有不可選的選項，還包括在不達到某種條件情況下，無法使用此功能的按鈕等。

11. 其他

外接設備連接失?。ㄈ邕b控器、音響、手機等）、斷電/電量過低、安裝失敗。

外接設備連接失敗需要提示，如果知道連接失敗原因，建議給出原因。

斷電情況通常用于 PC 端和 TV 端，斷電后需要為用戶恢復文件。很多設計軟件都有這個功能，一旦軟件無響應或者其他異常情況導致文件出問題，一般都會提供恢復文件。

安裝失敗后需要提供提示安裝失敗原因，如存儲空間不足、文件已損壞的提示。

12. 用戶切換任務引起的異常較多

如按 home 鍵突然退出/切換應用、返回鍵退出、**過程退出。

此類異常建議用戶再次打開時，回到上次用戶離開前的狀態(tài)。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁面中。

四、總結

文章主要總結了設計中常用的異常情況，并且給出了相應的解決方案，**長用的規(guī)則就是給出異常提示 下一步操作提示，既明確了出錯原因，又指引用戶下一步操作，用戶是相對容易接受的。異常是設計中的一部分，無論是交互設計師還是視覺設計師都應該給出異常的表現(xiàn)形式或處理方式。

歡迎關注作者的微信公眾號：「一戈何處」

圖片素材作者：Vic López

「搞定設計中的異常情況」

• 《用騰訊高手的交互自查表，快速搞定設計中的分支流程和異常情況》
• 《網(wǎng)絡故障場景如何提示用戶？來看這篇超詳細的總結！》
• 《如何做好提示設計？我從3個角度完成了這篇超全面的總結！》

相關推薦：

---

蘇州平面設計培訓   蘇州平面設計培訓班   蘇州平面設計培訓機構

上一篇：昆山設計培訓機構_昆山平面設計培訓 下一篇：常熟平面設計規(guī)范_常熟平面設計培訓