平 面设计发展方向？

1.Type Design

文字设计也叫字体设计属于平面设计，在平面设计中较为简单的一种。但无 论在何种视觉媒体中，文字和图片都是其两大构成要素。文字排列组合的好坏直接影响其版面的视觉传达效果。因此，文字设计是提高作品的诉求力， 赋予作版面审美价值的一种重要构成技术。

2.Poster Design

“海报”或宣传画，属于户外广告，分布于各处街道、影(剧)院、展览会、 商业区、机场、码头、车站、公园等公共场所，在国外被称为“瞬间”的街头艺术。虽然如今广告业发展日新月异，新的理论、新的观念、新的制作技 术、新的传播手段、新的媒体形式不断涌现，但招贴始终无法代替，仍然在特定的领域里施展着活力，并取得了令人满意的广告宣传作用，这主要是由 它的特征所决定的。

3.Book Design

书籍装帧设计是书籍造型设计的总称。一般包括选择纸张、封面材料、确定 开本、字体、字号，设计版式，决定装订方法以及印刷和制作方法等。书籍装帧设计是指书籍的整体设计。它包括的内容很多，其中封面，扉页和插图 设计是其中的三大主体设计要素。

书籍设计能有效而恰当地反映书籍的内容、特色和著译者的意图。符合读者 不同年龄、职业、性别的需要，还要考虑大多数人的审美欣赏习惯，并体现不同的民族风格和时代特征。符合当代的技术和购买能力。

4.Package Design

包装是建立产品与消费者亲和力的有力手段，包装(packaging)是品牌理念 、产品特性、消费心理的综合反映，它直接影响到消费者的购买欲。

包装设计需要考虑商标、图形、色彩、文字4个要素，做到对称均衡、安定 轻巧、对比调和、重复呼应、节奏韵律和比例尺度统一。

5.Branding Design

如今世界进入品牌竞争的时代，品牌成为商界的热点，品牌设计也成为人们 常挂在嘴边的时髦词汇。据统计企业每投在品牌形象设计上1美元，所获得的收益是227美元。

品牌设计是在企业自身正确定位的基础之上，基于正确品牌定义下的视觉沟 通，它是一个协助企业发展的形象实体，不仅协助企业正确的把握品牌方向，而且能够使人们正确的、快速的对企业形象进行有效深刻的记忆。

6.Web Design

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联 网品牌形象至关重要。它需要根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，**合理的颜色、字体、图片、 样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到**声光、交互等来实现更好的试听感 受。

7.APP Design——UI

APP设计是当下**时新也**火的设计，指对软件的人机交互、操作逻辑、界 面美观的整体设计。

APP Design**对界面设计不同需求进行的分类以及界面设计元素对用户行 为的影响，来研究用户在界面设计中所体现的重要性。好的UI设计不仅让软件变得有个性有品味，还让软件的操作变得舒适、简单、自由,并充分体现 软件的定位和特点。

平面设计课程

PS模块：

1.介绍软件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工 具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式。

2.文字（文字海报）/形状工具（绘制简单形状）/填充（前景色、背景色）

3.色阶，曲线，亮度对比度等/色彩平衡，色相饱和度，可选颜色等/画布、 图像大小调整/钢笔工具/选区（选区工具）等

4.消失点，液化，仿制源/锐化、模糊工具/加深、减淡工具，/渐变工具、. 吸管工具/色彩知识（色彩搭配训练）

5.橡皮擦/图层蒙版/套索，魔棒 /快速蒙版/抽出/调整边缘

6.钢笔工具/色彩范围 /通道/摄影艺术介绍

7.剪切蒙版/图层混合模式

8.滤镜（上）风格化，像素化，模糊，水墨等艺术效果/智能滤镜

9.滤镜（下）扭曲，渲染，其他

10.图层样式内阴影，斜面与浮雕，颜色，渐变，图案叠加

11.UI介绍/网页设计基础/网页banner的设计/网页切片工具

12.对齐与分布//网页设计制作

13.动画制作（把静态网页稍加动画）/软件互导性

CDR模块：

1.软件介绍（应用领域、优势、缺点）/软件界面（调色板）

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

3.排版需注意的适宜（字号、字体、出血、文字安全框等）

4.文本格式：文字方向字符格式、段落格式、段落文本换行（图文混排）、 分栏

5.基础绘图（矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图）

6.移动工具、填色（内部、轮廓）/视图工具（抓手、缩放、显示性能）

7.排列、锁定、造形/图框准确裁剪/群组与结合、对齐和分布

8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具

9.形状工具：A.直接编辑基本形状/文字；B.转换成曲线后编辑

10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色

11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶

12.交互调和、轮廓

13.变形、阴影、透明

14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)

15.封套设计

16.位图处理/转换（跟踪位图）位图遮罩/滤镜效果（卷页）4.效果菜单

17.表格处理/插入条码、OLE对象（图表）/对象管理器/页面设置、打印

AI模块：

1.介绍软件/.新建文件设置/软件界面认识/文字工具/文字大小改变、旋转 、复制

2.其他格式：制表符、文字属性复制轮廓/简历制作

3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具

4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分 布

5.排列、锁定、隐藏、路径查找器（焊接、相交、修剪）剪切蒙版

6.描边面板/对象/路径/内部填充（网格工具、实时上色）

7.变形工具/封套扭曲/变换工具

8.画笔/符号/符号喷枪工具

9.混合工具（带过，CDR中详说）透明蒙版（结合剪切蒙版使用）

10.外观面板、图形样式/描边、外观的使用/图层面板（多图层整理）

11.图表/位图转矢量图/透明度面板（中叠加方式的使用）

12.效果菜单（凸出和斜角、绕转、风格化）软件相互间格式的处理。

超全面的设计异常情况和处理方式汇总

---

在设计中，一些异常情况经常很容易被忽略，在后期的实践过程才发现原来还有这种状态……本篇文章汇总了常见的异常情况及处理方式，赶紧来收藏学习！

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

异常在百度中的解释是这样的，异常，拼音：yì cháng，是一个汉语词汇。释义非正常的；不同于平常的。

在设计中异常指的是除了正常状态之外的情况，举个例子，假如你要设计一个**按钮，那么**按钮需要有几种状态呢？

正常状态下需要提供的**按钮的状态应该有：点击**（**前）、正在**（或者是**中、已**59%等描述）、**完成，如果你在设计中只提供了这三种**状态是不够的（其实有部分新手设计师，只提供了点击**这种状态）。还应该考虑如果**中出现了断网，或者是用户暂停**等情况的时候应该怎么处理呢？这就是异常情况，所以除了前面三种状态，还需要提供继续**，**失败等状态。**完成后，现在的设计一般是会自动安装的，此时显示安装中，如果不自动安装还需要提供安装操作，安装完成后提供打开的操作。当然这里面包含的异常状态主要是暂停后的继续**、**失败等。

下图就是我做的**按钮，可以看到其实很多状态如点击**、**完成、安装、打开等在视觉表现上是一样，只是文本不同，即使是这样，这些应有的状态无论是交互设计师还是视觉设计师都应该给出的，不然程序员会不知道哪一种情况用什么形式的按钮。其实在一些登录、支付、提交等按钮，还有一种「不可用」的状态，用户未输入信息时，登录按钮置灰，只有当用户输入相应的信息后，按钮才高亮。

二、异常情况的汇总

**上面的例子，相信已经充分了解到设计中的异常是什么，以及异常的处理方式，那么接下来总结一下设计中常见的异常情况。

异常情况处理其实分为两种情况。

两种异常情况处理

1. 界面中有明显的提示，需要用户了解此情况的，并且影响用户进行下一步操作的，主要包含以下7种情况：

• 与网络环境等有关的：**失败、服务器出错、断网，网速过慢、加载失败、网络连接失败（wifi 密码正确，连接不成功）；
• 空状态：搜索结果为空、无浏览记录、无收藏、无购买记录、无订单记录、无**记录等；
• 表单类异常：密码错误、输入字符太少，数量超额，账号密码等不符合相应规则、账号过期、必填项未填写（提示并定位）、必填项的输入字符为空等；
• 时效性：二维码/验证码的过期/失效处理，例如具有实效性的链接，二维码等；
• 限定值：上传文件超过限定大小、操作过于频繁（刷新频繁，点赞、抖一抖，戳一戳等，需给出友好提示）；
• 不可用：账号不存在、账号过期、选项不可选、按钮置灰等；
• 其他：外接设备连接失败（如遥控器、音响、手机等）、断电/电量过低、安装失败；

2. 用户在操作中是感受不到这种异常，并且对用户的操作有较小影响的。

主要是用户切换任务引起的异常：如按 home 键突然退出/切换应用、返回键退出、**过程退出等。

以上就是在设计中常见的一些异常情况汇总，看到这里，可能很多朋友就要说了，这么多，我怎么记得住。我个人的建议是，如果你熟悉上面的这些异常的话，其实在设计类似的模块时就会考虑到相应的情况；如果你不熟悉这些，你可以把文章描述的异常情况当作一个检查表，设计到相应的模块时，可以参考是否会出现上方的情况。

三、异常处理

接下来分析一下这些异常情况的处理方式，按异常方式来处理。

与网络环境等有关的：**失败、服务器出错、断网，网速过慢、加载失败、网络连接失败（wifi 密码正确，连接不成功）

1. **失败

一般需要给出明确的**失败提示，可以**弹窗、Toast、列表等提示。如下图所示，然后给出用户下一步的操作提示，例如重试、重新**、删除等操作。

△ 注：单张图片来源于网络

2. 服务器出错

服务器出错的页面常见的500、501、502、503、504、505等5开头的页面。其中这些错误的解释如下：

• 500 内部服务错误：顾名思义500错误一般是服务器遇到意外情况，而无法完成请求；
• 501 服务器不具备完成请求的功能；
• 502 Bad Gateway错误；
• 503 服务器目前无法使用（由于超载或停机维护）；
• 504 Bad Gateway timeout 网关超时；
• 505 服务器不支持请求中所用的 HTTP 协议版本。

服务器异常时，在网页端的处理方式为提示 返回，在移动端的处理方式为提示 重试，下图是一些普通的处理方式。

△ 注：单张图片来源于网络

近几年，很多网站和应用将这种异常页面设计的相对美观和有故事性一些，提升了整体的趣味性，减少用户的焦虑。例如网络被外星人劫走了之类的，相信大家也看过很多。这里就不举例子了。

3. 网络异常

断网、网速过慢、网络连接失败（wifi 密码正确，连接不成功）

其实都是属于网络异常的情况，加载失败有时是网络速度慢造成的，有时可能是IIS（Internet Information Services 互联网信息服务）空间不足。下图是一些网络异常情况下的处理方式。

如果网络异常之前应用没有缓存之前的页面的内容，则整体提示用户网络异常，也可以提供一个操作指导用户操作；

如果网络异常之前页面已经缓存则显示之前的页面，Toast 轻提示用户网络异常。

4. 空状态

搜索结果为空、无浏览记录、无收藏、无购买记录、无订单记录、无**记录等。

其实空状态很好理解，就是页面没有内容时，空页面一般会提示用户当前页面的空状态，同时也可以做适当的引导。例如在影视类 App 中，如果观看记录为空，则可以为用户推荐影片，如热播影片、猜您喜欢，其他人都在看等热门推荐供用户选择。不过如果无法确定你推荐的用户是否喜欢，不建议做推荐。

△ 注：单张图片来源于网络

5. 表单类异常

密码错误、输入字符太少，数量超额，账号密码等不符合规则、账号过期、必选项未填写（提示并定位）、必填项的输入字符为空等。

表单类异常建议查看我的上一篇文章《如何设计输入框？》，里面有比较详细的讨论。

6. 时效性

二维码/验证码的过期/失效处理，例如具有实效性的链接，二维码等。

实效性比较多的体现在二维码、付款码、验证码等有时间限定的情况下才有效的情况，通常失效之后需要重新刷新，手机的筛选操作通常是点击或者是下拉刷新；PC 端的通常好似点击，TV 端的是按「OK」键刷新。如下图所示为 QQ 的扫码登录页面和 UC浏览器的手机登录页面。

7. 限定值

上传文件超过限定大小、操作过于频繁（刷新频繁，点赞、抖一抖，戳一戳等，需给出友好提示）

对于文件过大无法上传、**这种建议都是采取弹窗的方式告诉用户当前状况，明确问题并且加上操作提示。如新媒体管家中的导入的 word 的文件不能超过10M的提示如下左图所示。对于操作过于频繁，比较常见于 QQ 中的抖动窗口，其实在一些电视页面的手机截图工具中，刷新太频繁也会弹出 Toast 提示。

8. 不可用

账号不存在、账号过期、选项不可选、按钮置灰等。

账号不存在用于登录时，输入的账号不在已注册的账号中，则会提示此账号不存在，是否立即注册等，如下图所示。

9. 账号过期

APP 或网站中，登录账号后，如果太久不使用，则会有过期的期限，设计师需要根据 APP 的具体情况设置登录过期的时间期限，此时需要提醒用户重新登录。

主要有 Toast 和弹窗两种方式提示，这需要根据账号过期对用户的影响大小来决定用哪一种方式。如下方左图所示，登录账号过期对用户使用此应用的影响不大，则可以采用 Toast 轻提示的方式处理；如下方右图，如果不登录账号则无法使用此应用的功能，则需要采用弹窗强提示的方式，提示用户去登录。

10. 选项不可选

主要包含当前的选项中有不可选的选项，还包括在不达到某种条件情况下，无法使用此功能的按钮等。

11. 其他

外接设备连接失败（如遥控器、音响、手机等）、断电/电量过低、安装失败。

外接设备连接失败需要提示，如果知道连接失败原因，建议给出原因。

断电情况通常用于 PC 端和 TV 端，断电后需要为用户恢复文件。很多设计软件都有这个功能，一旦软件无响应或者其他异常情况导致文件出问题，一般都会提供恢复文件。

安装失败后需要提供提示安装失败原因，如存储空间不足、文件已损坏的提示。

12. 用户切换任务引起的异常较多

如按 home 键突然退出/切换应用、返回键退出、**过程退出。

此类异常建议用户再次打开时，回到上次用户离开前的状态。如果数据被清理，则回到上次保存的数据页面中。

四、总结

文章主要总结了设计中常用的异常情况，并且给出了相应的解决方案，**长用的规则就是给出异常提示 下一步操作提示，既明确了出错原因，又指引用户下一步操作，用户是相对容易接受的。异常是设计中的一部分，无论是交互设计师还是视觉设计师都应该给出异常的表现形式或处理方式。

欢迎关注作者的微信公众号：「一戈何处」

图片素材作者：Vic López

「搞定设计中的异常情况」

• 《用腾讯高手的交互自查表，快速搞定设计中的分支流程和异常情况》
• 《网络故障场景如何提示用户？来看这篇超详细的总结！》
• 《如何做好提示设计？我从3个角度完成了这篇超全面的总结！》

相关推荐：

---

苏州平面设计培训   苏州平面设计培训班   苏州平面设计培训机构

上一篇：昆山设计培训机构_昆山平面设计培训 下一篇：常熟平面设计规范_常熟平面设计培训