平 面设计发展方向？

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设计不仅让软件变得有个性有品味，还让软件的操作变得舒适、简单、自由,并充分体现 软件的定位和特点。

高级平面（广告）设计师课程

高级平面（广告）设计师课程介绍：

平面设计师除了学习平面设计软件课程以外，还将接触大量的概念知 识、平面术语、绘画能力，色 彩搭配方案以及客户沟 通技巧，布局、颜色、文案等。理论结合实际操作的学习过程，老师提供的综合案例，需要我们从无到有制作一套或几套自己的VI作品、包装设计作一个阶段专业知识的学习！平面广 告设计师这门课程结束了专业和不专业也将立见高下。

学习内容：

Photoshop图像处理；Coreldraw图形设计、Illustrator矢量绘图、Indegin 排版软件、AutoCAD制图绘图、3DMAX三维设计师；平面设计原理 ；平面构成、立体构成、色 彩构成的基础知识；印 前与喷绘；创意素描、平面创意设计；平 面设计项目实战；电脑 美术基础、素描、色彩 、透视原理、造型结构等。

课程收益：

**系统、全面、深入、专业的学习，让学生强化理论基础，精通电脑操作 ，提高沟通能力。培养具备较高综合素质和技能的平面设计师， 使学员掌握平面设计不同职位需求的专业设计技能，并具 备独立完成各种设计项目的能力。

招生对象：

电脑爱好者，对计算机感兴趣，有志于从事设计行业的各界人士；初、高中 以上学历；无任何计算机或美 术基础（不要求学员具 有美术基础）。

就业方向：

平面广告创意师；平面设计师；平面创意师，平面制作；喷绘人员；视觉创意设计师；广告公司、会展中心广告设计师和制作师；企 事业单位形象设计师。报纸、杂志、出版等大众传播 媒体美编人员，各大商场、超市企划部，各企业宣传部、包装公司产品包装设计、产品外观设计美工；印刷制版公司、排版师、设计师等专业人才：印前制作师、排版人员；输出公司制版员；影楼影集册 设计师、淘宝平面美工设计，淘宝网店设计等；企业宣传策划部门的设计助理、平面设计师、资深设计师、美术指导、 设计总监等相关平面设计职业。

学习周期：按校区安排而定（以班级安排为标准）

使用教材：统编教材

上课时间：每月开设白班、晚班、周六班、周日班

老师资质：专业教师

学习保障：课程体系完善，讲师教学经验丰富

设计一个界面动效的时候，我们需要考虑什么？

---

鸿影：坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要做成这样。刚好**近有在和团队的小伙伴们一起进行动效设计的研究与实践，对动效设计的价值、原则和实现交付开始有了更多的了解，在本文中浅薄地总结一下。

明确价值：动效设计能解决什么问题？

设计的本质是解决问题，动效设计自然也不例外，当打算在界面中加入动效元素时，我们应该先明确清楚动效设计的价值所在，而不只是出于对「酷炫」或者「潮流」的盲目追求。从商业价值和体验价值两个角度，大概总结如下：

1. 商业价值

**动效设计可以更好地吸引用户注意力，提升用户对内容的点击探索欲。比如说，当我们在业务上非常希望用户去触发某个互动入口时，除了在视觉上进行强调，也可以给这个互动入口在合适的时机加上合适的动画（比如从屏幕边缘飞入、旋转出现、发光闪烁等），使之更容易被用户注意到、产生可交互的认知，进而触发交互行为。案例：以下 App 里图片上标签的圆点有扩散动效，点击可以查看所有相关的聚合内容。

△ App名称：nice

**动效设计可以提升用户使用时的舒适度，或者制造一些「小惊喜」让用户产生快感和满足感，使用户感到不那么枯燥，从而达到提升用户使用黏性，更好地留住用户的目的，甚至还可以吸引用户主动进行传播，扩大产品影响力。案例：下面这个 App 中，当完成一件任务的时候，会出现满屏彩纸片飞舞的动效，带给用户惊喜和成就感。

△ App名称：微习惯

**动效设计可以辅助视觉元素更好地传达产品品牌味道，成为产品设计语言的重要构成之一，加强与竞品的差异化，强化用户对产品品牌的感知。案例：Google 的 Material Design。

具体到指标上，可以** UV 点击率、留存率、满意度、认知度、舆情反馈等来进行综合验证和衡量，评估动效设计是否达到了效果。

2. 体验价值

动效设计可以描述当前情境，更清晰地体现内容元素之间的逻辑和层级关系，帮助用户理解上下文、知道当前所在位置。

动效设计可以引导用户的操作浏览，给用户以明确的方向感，而不是对下一步该看什么、做什么感到不知所措。

动效设计可以促进用户的情感体验，缓解用户的焦虑情绪（比如等待期间）、制造惊喜等。

动效设计提供当前的状态反馈，加强用户对操作行为的感知，给用户以可控的感觉。

遵循原则：动效应该是自然、和谐、可用的

不是简单地动起来、或者凭感觉调两下就叫动效设计，动效设计应该有其基础原则。在此主要从物理规律、品牌调性、可用性三方面进行总结。

1. 物理规律

动效设计应该是自然的、贴近现实生活的，元素的运动轨迹应该符合真实世界的物理规律，这样能让用户更快地认知、理解和接受，而不是感到突兀和不协调。比如元素从可视区域外进场是逐渐减速的 ease out 曲线，从可视区域内离场是逐渐加速的 ease in 曲线，都是符合我们的物理常识的（想象一下，一个元素从界面中向下掉到界面外，是不是像真实世界里的自由落体运动），在决定一个元素的运动曲线时，不妨从物理世界中寻找隐喻，比如设计一个元素点击出现、然后上升消失的过程，可以参考氢气球的上浮使用加速运动曲线。

2. 品牌调性

动效的风格和节奏应该是符合产品的品牌调性的，和竞品相比有个性和差异化的，而不是与之南辕北辙。比如一个基调为青春活力的产品，可以使用更多的弹性阻尼动效曲线，但如果将其用在一个基调为沉稳可靠的产品上，就会显得很不协调。

3. 可用性

界面动效设计同样需要遵循基础的可用性原则。比如不能让用户产生多余的等待，影响到用户操作的效率；比如保证体验的一致性，相似交互触发的动效应该有统一的规范和逻辑，而不是花样百出造成用户认知错乱；比如不能大幅影响到产品性能，产生严重的掉帧、卡顿等。

实现交付：保证**终上线的效果

保证设计方案的还原度是一个用户体验设计师的基本素养之一，要记住：用户永远只会****终的线上效果来评判你的设计好坏，而不会在意你的设计稿做得有多完美。

1. 可行性验证

与其等到辛苦设计制作了一个酷炫的 Demo，拿给前端一看才知道根本实现不了，只能匆匆准备 Plan B，不如在更早的阶段就**口头描述/分镜头草图/低保真原型等低成本手段和前端沟通方案的可行性，确认怎样的效果可行后，再进一步细化设计方案。

我**近参与的一个项目里，需要设计一个下拉载入新页面的动效，当时我们考虑到新页面里有丰富的宇宙元素，产生了做一个火箭下拉松手发射载入效果的灵感。但是因为应用是基于 HTML5 而非 Native 的，对一些效果比如弧形曲线的实现没有把握，所以就用纸笔简单地画了几个关键分镜头的草图，然后去和前端沟通，了解到哪些效果不能实现、共同讨论确定具备可行性的方案之后，再细化具体的设计。

2. 实现交付

这里涉及到设计语言和前端语言的对接，光口头描述想要怎样怎样的效果，其实很难传达到位，前端还是按照自己的感觉做，**终出来的效果质量很难保证，额外增加了很多反复沟通的成本。

**直观的沟通方式是直接给前端 Demo 演示，在动效 Demo 制作工具上面，现在市场上的选择可谓五花八门，网上相关的文章介绍也很多，本文就不再赘述了。如果让我推荐的话，从上手速度和制作效率的角度推荐 Principle，从可行性和对接前端的角度则推荐可以直接输出 HTML 文件的 Hype3，当设计一个基于 HTML5 的动效时，前端可以直接从中获取想要的参数，节省更多沟通成本。

但是仅仅交付 Demo 的话，尤其是不能直接从中获取关键参数的 .mov 或 .gif 格式的 Demo，前端仅凭肉眼还原，很容易造成一些细节的遗漏。所以除了关键帧图示、Demo 之外，我们**好还能给到前端具体的实现参数，如触发条件、空间坐标、透明度、持续时长、延时、运动的贝塞尔曲线等，交付方式可以参考类似以下的动画属性分解表。

根据项目的实际情况，还可以考虑将动效结合组件沉淀下来，形成一套带动效规范的组件库，之后的业务需求里直接调用即可，而不需要反复的设计开发。

「动效设计三步走」

1. 先学会分析：《动效丨七何分析法帮你全面分析界面动效》
2. 动效设计方法：《改善你的UX设计！值得参考的四个动效使用方法》
3. 提升用户体验：《5个小技巧，用动效提升界面的用户体验就这么简单》

【联展网 原创文章 】

================关于联展网================
“联展网“是国内人气**高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：****全的设计师图书导航：/book/。
设计微博：拥有粉丝量180万的@优秀网页设计 ，欢迎关注获取网页设计资源、**顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：

相关推荐：

---

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

上一篇：苏州平面设计培训速成班_苏州平面设计培训 下一篇：常熟平面设计培训班_常熟平面设计培训