苏州上元教育培训中心

平面设计未来趋势发展

01、设计能开拓新市场

企业的运营和管理者越来越意识到，设计师们可以利用他们的才华去创造机 会、解决问题，甚至是开发新的市场。所以在我们这里，他们是可以游走在公司规则之外的一群人。

02、设计的界限一定会消失

在未来的五年，传统的平面设计师、UI 设计师和技术人员之间的界限会逐 渐模糊、以至于消失。Jony Ive 就接管了苹果的产品设计，今后这一类跨界一定会变得越来越多。这也意味着，对设计师来说跨平台设计的能力变得 越来越重要。寻找结合点变得很关键。

03、产品设计会影响到使用者的空间感

一提到智能设备，人们想起的就是生产运动记录器的 Fitbit 或是智能温控 器制造商 Nest 。我们都知道，单单把电路板接到网络里是无法创造出“聪明”的产品的。你的产品如何设计，将直接影响到用户的体验，甚至影响到 用户的空间感。

04、自学成才的设计师会逐渐增多

自学成才的设计师人数将超过各大院校设计专业的学生。审美和技术是在不 断进步的，大学里的教学课程已经跟不上它的步伐。记住，要时刻的保持自我更新。

05、HELLO, CEO

有越来越多设计出身的人开始担任企业的 CEO 了，这几乎成为了一个趋势 ，但并不是每位设计师都能成功。设计专业让他们对产品有良好的判断，但同时还需要对生意有着精准、全面的理解。

平面设计美术课程课程

素描		设计素描是一种现代设计的绘画表现形式，在工业设计过程中，是设计师收集形象资料，表现造型创意，交流设计方案的语言和手段。设计素描也是现代设计绘画的训练基础，是培养设计师形象思维和表现能力的有效方法，是认识形态、创新形态的重要途径。
速写		视觉艺术造型基础训练，重点培养学生敏锐观察、快速准确地表现物象的造型能力，从速写常识、基本技法、作画步骤和作品欣赏几方面展开，以大量的速写习作剖析了人物、产品、室内、建筑及景观等不同培养方向的专业速写要求与目标。
色彩		主要从设计色彩概述、色彩知识、设计色彩的艺术特征、设计色彩的表现步骤与方法、走进教学讲解、中外经典色彩艺术作品赏析等。课程以教学实践与理论讲述为线索，配以精美的经典图片资料和大量有启发性的学生作品，使学生能够形象直观地理解并掌握设计色彩的内涵、特点以及表现方法。
平面设计交互制作培训课程
三大构成		（1）平面构成 ?? （2） 色彩构成 ?? （3）立体构成
图案		图案设计的专家与许多型式的设计相关（包含包装设计），如简介手册的编排、办公室文具、产品的销售卖点及运输工具之标识。在所有的设计工作中具有创造性的鉴赏力是必须的要素，如何将印刷品的编排做一平衡以达到易读性皆是图案的基本原则。
设计软件操作		（1）Photoshop （2）Illustrator （3）CorelDRAW （4）InDesign （5）相关软件介绍（Acrobat、FreeHand)
基础设计		（1）基本设计概念 （2）基本设计流程 （3）常规设计项目
常用设计原理及设计知识		（1）标志设计 （2）包装设计 （3）海报设计 （4）VI设计 （5）版式设计
后期制作及生产		（1）印刷生产 （2）数码生产 （3）实地考察
就业综合指导		（1）简历制作 （2）面试技巧
平面设计专业提升课程
视觉传达语言		（1）实验绘画：单色写生（用铅笔画线描图）、灰色调画（透过取景器，选择、画出静物的局部）。学习黑白灰色调的运用； （2）应用色彩：单色画组合、九宫格画； （3）工作室技巧：裁剪、粘贴和拼贴画、撕边与拼贴图形、相同题材，不同工具的绘画、电脑周边设备的使用，扫描仪、打印机、刻录机、数码相机的实践操作等； （4）平面绘画表现手法：物体训练、平涂画、水粉防染画、点画、磨擦画、线条画； （5）字体的运用：字体、设计字体、图文混排、字距、美术字原理、文字画。
平面设计原理		（1）创意的来源：掌握造型风格及重要的设计创意方法；图像情感，深入学习表现主义造型、构成主义造型、浪漫主义造型； （2）图案文字的设计：文字造型、文字图案设计以及文字与布局、文字尺寸、文字色彩、文字乐趣； （3）高级色彩的运用：学习运用色彩手段设计完成作品的基调和主题。
设计流程		（1）整理思路：学习整理思路的方法； （2）协调设计：**布局、文字、色彩、图案和风格把各件作品联系起来； （3）平面设计人员与商业摄影师的协作：商业摄影的基本常识、与摄影师合作； （4）高级工艺应用：掌握后期制作的特殊工艺及材料； （5）准备输出：Acrobat的基本应用、CTP流程的基本原理。
商业设计实务
企业形象设计实务		（1）解决企业整体形象的设计工作、探讨商业图案设计的问题； （2）CI的构成（MI、BI、VI）、CI战略视觉设计开发程序、VI手册的编制内容等； （3）了解企业标志特征、企业标志设计与难点、商标的种类及其特点； （4）学习CI概述、CI的渊源、CI在中国、CI的功用企业视觉识别系统、CI发展史。
书籍装帧与版式设计理论及实务		（1）完成出版物的整体设计工作； （2）学习内版面设计、杂志、书籍设计； （3）版式设计概述、书籍设计回顾、对书籍设计的认识、书籍设计的语言、书籍的规格； （4）书籍的组成部分、封面设计、内页排版等。
产品包装设计理论及实务		（1）系统学习完成产品包装的设计工作； （2）学习包装设计概述、包装的分类、包装的作用与机能； （3）包装设计的视觉传达、包装设计的表现手法、包装结构学； （4）包装立体效果图、包装工程、包装制版等。
商业广告设计实务		（1）学习广告学发展史、概念和分类； （2）广告招贴、广告创意、广告构图与草图绘制、POP广告设计、DM广告设计； （3）广告与市场、消费者心理、广告与法律等。

从「手势交互」出发，分析产品设计背后的原理

---

@Daidai丶呆 ：随着互联网的发展，国内设计知识的沉淀是越来越深，许多设计师已经慢慢培养起新的设计理念，如「基于交互模式的设计」、「公司业务驱动的设计」等等。用一句话来概括的话，我会说：如今的设计师已经培养起与用户使用场景共情的思维模式了（就是站在场景角度来设计产品）。

而手势交互，通常会被大多数人所遗忘。然而这些人都没意识到，移动产品的设计是建立在手势交互的基础上的。

手势热区的误区纠正

按照正常的手机触控热区图来说，我们应该把重要功能放在用户容易点击的区域。但是大部分设计师在这个过程中往往没有真正将其运用到位。 我之所以得出这个结论，是因为在这次功能测试中，也遇到了同样的问题。所以我测试了其他公司的一些产品，果然有类似问题存在。

正常来说，大部分设计师基本都是在一张 375×667 的画板上开始设计界面的。所以假如设计师是按照这个热区来设计界面中功能位置的话，重要功能应该是放置在「易操作区域」附近的（如下图）。

注：本文所有热区均以右手为基础绘制。

这时候问题来了，因为大部分设计师是直接导出 @x3 倍图来适配 plus，所以当在大尺寸设备上操作的时候，当初把功能控制在 @x1 倍图的热区，在大屏上就不适用了。（如下图）

所以当有用户反馈当前页面操作起来很吃力的时候，我就没办法理解，直到自己尝试使用了之后才发现问题。**后只好单独再在大屏设备上优化设计方案。

这里再给大家普及一个知识：大部分人误以为，手指在屏幕上的热区是永恒不变的，但其实手指热区会根据设备的变大而缩小。因为手掌支撑设备的重心靠后走了，所以拇指操控屏幕的范围也就变小了。详情见下图。(提示：这里的热区图都是我自己随意画的，如果想学习的**好找些比较规范的资料。)

虽然以上情况更多出现在单手持机的场景，但是双手情况下，也是类似。我们在设计的过程中，首先要考虑单手容易操作的前提，然后再考虑双手。原因是，市场上小屏手机还是占以主导地位；单手如果没问题，双手问题也不会太大（当然不是绝对）。

内容在上，操作在下

许多人设计 App，但是没人研究过 App 为什么要这么设计。我说的为什么如此设计不是狭义上的功能设计，而是广义的产品设计。

正是上面那个问题，让我在跟朋友讨论的过程中开始延伸思考，为什么起初要把标签栏放底下呢？关于这个问题，当初我也是问了许多人，而基本都只是说这是**方设计规范。

**翻阅多方资料，我发现在工业设计领域有一条重要的基本设计原则：内容在上，操作在下。

或许在电脑上操作的时候，你意识不到这个问题，即鼠标的点击，跟这条设计原则的关系其实不大。而当操作涉及到手指的时候，问题就开始显现出来了。

智能手机以及平板电脑的普及，让我们慢慢开始依赖手势的作用。比如我现在每天大部分生产力工作都是使用 iPad Pro Smart Keyboard 来完成，如写文、脑图、看书等等（原型还是在电脑上画的）。而手势涉及的操作原则是非常多的，这里提到的「内容在上，操作在下」就是其一。

操作在下意味着使用者在操作过程中，手指始终处于界面下方，而内容在上面，就不会出现手指遮挡内容的情况。

如下图的键盘操作提示：

基于此，相信你也知道为什么标签栏在下方而不是上方了吧？

下面再来两个例子详细说明一下：

1. 为什么 iOS 要把返回放在上面而不是下面呢？

• 返回按钮如果放在下面，用户会轻易点击，而放在上面，用户需要打破目前聚焦于内容的状态才能点击返回。
• 将标签栏与工具栏全部置于下方，会容易导致发生误操作（如 Android 设备），所以我们在设计的过程中要视情况而做合理的布局调整。

2. 为什么 iOS 设计规范建议将「编辑」按钮放置在界面右上方的位置呢？

界面右上角的位置对拇指来说显然是不友好的。然而，这样做的原因也是显而易见的，编辑功能会让数据发生变化。将这类控件放在难以操作的位置上（与左上角的返回是一个道理），就是一种防御性的设计策略，可以在一定程度上避免因为太容易产生误操作而导致的破坏性的结果。

所以 iPhone 其实是打破了原有的设计理念，在原来的基础上做了创新，这就是其优秀之处。

操作路径与操作效率

当传统的确认弹窗逐渐被手势操作取代，大家就应该察觉到，以往从电脑迁移到移动设备上的交互行为已逐渐被改善。

曾经我们在移动设备上选择删除某项数据，都会弹出警告框，询问我们是否确认删除。虽然这种方式会打断我们的操作行为，但久而久之，用户已经对此交互方式习以为常，或者说免疫了。且这种弹框的方式始终被认为是不好的一种交互手段。所以侧滑删除，已经被更多产品功能用来取代弹框。

也许很多人没思考过底层原因，或者仅仅只是觉得其相比弹框显得更友好。其实这个行为是基于手势交互做了相应的优化，让用户操作起来更加方便。

到了这里，我再举个所有人都熟悉的例子，就是轮播图了。

轮播图**早出现于网页端，后来被大量商家模仿，以至于到移动端还备受各产品设计人员的欢迎。但其实很多人对轮播图的使用方法都是错误的。

下面我来告诉你轮播图与手势的关系。试想，你的轮播图有 6 张 Banner，你要翻到第 4 张，无论是往前翻还是往后翻都要产生 3 次交互行为。而大部分产品的用户在界面停留的时间不会这么久，更不会看完你 Banner 的内容。甚至有研究表明，除了**张 Banner 的点击率有 83% 之外，其余的点击率都非常低。

有人说可以点击下面的原点指示器做跳转，这么小的点，你觉得点击它现实么？所以手势交互与轮播图是相互矛盾的一种设计方式。

所以当运营策划了一个活动，而你就往顶部的轮播图里塞，这个行为就已经注定这个活动的用户参与度是很低的了。除了个别电商产品，他们以卖广告位给商家作为盈利点，但即便如此，我相信这个广告位除了**张图的点击量稍高外，其他图片的点击量相对于产品本身的用户体量而言还是很低的。这也是为什么部分产品把轮播图规则改为用户进入首页随机展示轮播图页面，而不是强制指定于显示**张的原因。

如果你的产品有很多活动是在同时期进行的，那么我给部分产品的建议是放一个活动主题入口，如下图。（当然，这要视情况而定，并不是通用的。）

另外，如果你的产品顶部 Banner 仅仅只是展示位，那么我建议不要浪费空间，把它利用起来。可以做品牌宣传、可以做产品推广、可以做数据展示等等。这一点，我觉得「大众点评」的设计方式就很棒。想了解的，可以去亲自体验下。

小结

很多人一直在做移动端的产品设计，但是很少会去理解其背后的原理。而了解这些原理，能够帮助你更好的设计产品。我个人还是主张具体问题具体分析，这里只是给各位一个思考的路径，至于具体设备、情况、功能，还是要基于当下情况来做详细解析。

以上知识是我早期学习并总结的一小部分内容，长期存储于我的个人笔记中，更多的是用来自我总结。这次分享给各位，希望能有所帮助。

欢迎关注作者的微信公众号：「呆呆U理」

「多学多想！更多大牛的经验总结」

• 《经典好文！如何为拇指做设计？》
• 《移动设备手势分析！用户到底是怎样操作手机的？》
• 《移动设备手持分析！用户到底是怎么使用手机的？》

================明星栏目推荐================

联展网： 是旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气**高的设计网址导航，设计师必备：

相关推荐：

---

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