苏州上元教育培训中心

平面设计未来趋势发展

01、服务于残障人士的建筑会不断涌现

给健全的人设计房子并不是什么新鲜事，但残疾人和老人同样需要舒适、便捷的生活空间。未来的五年，会有更多的设计师关注这个领域。

02、智能的会变得更智能

如果恒温器都会说话，为什么我们所坐的椅子和会议室不能？无所不在的传感技术、机械自动化和新型的材料会帮助我们实现这一点。很快，枕头就能自动调节到我们想要的软硬度，会议室也会告诉你这次的会议开的是否成功，并为你即时调整室内光线和温度。

03、浏览器会变得更聪明

Google 已经在不断地迭代它的产品了。在将来，浏览器的功能会更强大。大部分的 APP 会储存在云端，但使用起来的时候，会像是储存在硬盘中一样方便。

04、对每一家公司来说，设计都会变得至关重要

大型的科技公司越来越注重设计，他们有了不少新动作。Chrome OS Beta 上的 Files app 在更新后，会成为**个换上 Material Design 风格的 Chrome app，这个设计小组是由 Matias Duarte 领导的，John Donahoe 则领导了 eBay 的设计小组，IBM 也开始发力了，他们新建了由 Phil Gilbert 领导的设计小组，想拾回他们在设计领域的荣耀。

05、产品变得比任何时候都更重要

产品的功能变得比以往复杂，良好的设计才会吸引人去使用它。产品的样态、交互的细节……这些都是你吸引用户去反复使用它的关键。

平面设计课程

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.效果菜单（凸出和斜角、绕转、风格化）软件相互间格式的处理。

春节专题！App 设计系列之模态弹窗与非模态弹窗

---

在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。

一. 弹窗的定义

1. 弹窗作用

弹窗是为了让用户回应，需要用户与之交互的窗口。

非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。

2. 模态弹窗

会打断用户的操作行为，强制用户必须进行操作，否则不可以进行其他操作。

（Alerts／dialog，Actionbar，Popover）

3. 非模态弹窗

不会影响用户操作，用户可以不与回应，通常有时间限制，出现一段时间就会自动消失。

（Toast/HUD，Snackbar）

二. 弹窗分类

以下将以各类弹窗的含义、作用、适用来进行浅析。

1. Alerts/Dialog：警告框与对话框

含义：英文意为警告、对话，跟弹窗属性非常吻合，就是紧急状况，打扰用户的行为。

剖析：iOS中警告框称之为Alerts，作用是用来传达重要信息，并伴随着需要用户进行操作。

iOS规范中，警告框包含的元素如下：标题（必选）、描述信息（可选）、输入框（可选）、按钮（必选）。

必须包含标题、包含一个或多个按钮。

Android规范中，弹窗交互按钮需结合实际情况，不用「是/否」原则进行设计。

作用：告知用户当前发生的状况，让用户主动选择回应。

适用：重要性较高的操作时，如退出、删除、清空等。

2. Actionbar（Sheets、Acitivity View）：操作栏、操作列表、活动视图

含义：英译为工具栏、操作栏。

剖析：当用户激发一个操作的时候，出现此窗口。

一般会给用户提供更多的功能选择，一般可采用**方控件。

一般都设计有一个默认的「取消」按钮，点击取消可以关闭弹窗。

Aciton Sheets和Activity Views是iOS上特有的交互形式。

特性是用户触发、包含两个或以上的按钮。

△ 以上为今日头条、iOS系统相册

作用：操作列表提供一系列在当前情景下可以完成当前任务的操作，而这样的形式不会永久占用页面UI的空间。

适用：如分享功能。

3. Popover/Popup：浮出框/浮层弹窗

含义：英意为弹出窗口，浮动于顶层窗口，气泡。

△ 以上为微博、qq、微信

剖析：当用户点击某个控件或者某个区域时浮出的半透明或者不透明的弹窗窗口。

不会对用户所在位置进行跳转。

作用：可以在当前页面进行更多的操作行为，显示/隐藏页面中的折叠信息。

适用：首页位置呈现一些常用操作的快捷入口。

4. Toast/HUD：提示框（iOS没有Toast，只有HUD）

含义：Toast也被称为吐司提示，Toast是安卓系统的一个控件名词，现也应用于iOS系统中。

剖析：提示框属于一种轻量级的弹窗反馈形式，常以小弹框的形式出现，持续1-2秒自动消失，可以出现在屏幕任意位置，但是建议同一款产品尽量使用相同位置，让用户产生统一认知，成为习惯。

提示信息能给予用户及时反馈，确保用户知晓自己所处的状态，并可以做出相应的措施。

iOS用户更习惯于在顶部感知反馈信息，不干扰用户浏览主体内容。Toast出现在屏幕顶部不会遮挡主体内容。（如花瓣、有道云笔记）

Android正统的规范中Toast：

• 出现在屏幕底部。
• 只能放文字不能带图标，文字要精简不宜太长。
• 不是模态的，可以**Toast对其他控件进行操作。
• 短时间后会自动消失。
• 不能对Toast进行交互。
• 优先适用于系统提示，不能手动操作让Toast主动消失。

△ 以上为今日头条、微博、即刻

HUD与Toast的区别：

• HUD只出现在屏幕的中央，Toast则在底部。
• HUD可以包含icon，Toast只能纯文字。
• HUD一般是毛玻璃透明，Toast一般是灰黑或者黑色半透明。
• HUD中内容可以变化（如调节音量时），Toast中内容不可变化。

△ iOS音量调节

优点：

• 占用屏幕空间小。
• 不会打断用户操作。
• 使用简单，适用范围广。

缺点：

• 出现时间短，在碎片化时代注意力不集中容易错过Toast提示。
• 遮盖其他控件，但不能对Toast进行交互。

适用：提示不需要的反馈信息，如刷新后的成功状态。

5. Snackbar：底部弹窗

Android特有的交互形式，在Google的MD规范中，将Toast和Snackbars归为一类。有些时候也有应用在iOS系统中，也可以理解为加强版的Toast。

含义：英译为快餐、小吃。

剖析：Snackbars与toast一样是从屏幕底部向上出现，但是Snackbar不同的是可以经过用户进行其他操作而消失。

适用：较多适用于撤销操作。

三. 总结

**分析和了解弹窗的类别、适用范围，才能更好的在设计中进行优化与改变。用户体验设计的重点，是一步步了解用户，然后设计出适合用户体验，满足用户心理需求的产品。把握好弹框设计规范，避免弹框设计的误区，能更好的帮助你完善产品。

但是，没有十全十美的产品，所以要根据设计趋势与用户需求不断地进行更新迭代，**用户反馈，不断地改良产品体验，才是做出优秀产品的前提。

作者微信号：JJ865477301

欢迎关注作者的微信公众号：「JAYGO」

「超全面的弹窗设计总结」

• 《超全面！这可能是你见过**全的弹窗设计解析》
• 《提升细节体验！移动应用的弹窗设计指南》
• 《实用干货！UI设计师需要了解的 APP弹窗体系》

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

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

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

相关推荐：

---

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