动画

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

8.0是手机百度发展过程中一个重要里程碑，它不仅延续了产品建立以来的要点，打破历史包袱，与时俱进地从体验和产品角度进行了创新，通过全新的整体交互框架与视觉风格，将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。

复古一直在流行，这也是为什么过去许多设计趋势常常会沉寂若干年之后，又再次走到潮流的最前线。今天，我们要聊的是孟菲斯设计风（Memphis Design），这种设计风格充满了80年代的特征，明亮的色彩和多样的图形与线条充斥其间，它也是近年重归流行的设计风格之一。

我大胆预测了一下，以后App的加载动画都应该遵循越来越简洁的设计原则，突出内容，去掉无用的、过渡的形式设计。也许无文字提示的加载动画确实是一个流行趋势！

设计不是美工，想成为优秀的设计师怎么能不懂点心理学？文章从认知心理学角度下手，分析了在交互设计过程中时常会犯得几种错误，一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学，我们需要掌握一些方法论，以不变应万变。

文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例，希望对大家有所启发。

蒙版引导一直是一个十分热门的话题，对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导，这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法（观点引自文章“Misused mobile UX patterns”）。但我认为这种说法过于片面，对于一些流程复杂或者功能个性的产品应用，添加蒙版引导进行说明，是十分有必要的。

从交互设计的角度来看待汽车仪表盘信息系统设计，文中所用的交互设计观点是来自他人的各种总结。

移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。

2016年末，各路APP也纷纷展开一轮轮的数据厮杀，从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间，在这个既难忘又不舍的2016年，用户的故事将会被如何演绎，在寒冬带给用户怎样的温暖回忆呢？

随着行业的发展，只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
2. 当今UI 设计师的能力要求
3. 交互设计主要做什么工作内容
（1）产品UI框架设计
（2）产品UI风格设计

产品UI 框架选择
简单式（单一内容）
翻页式（多页内容）
宫格式（较多入口）
上导航
下导航(4-5大类+分支内容）
舵式
抽屉侧边栏（1个重点+其他次要内容）
隐藏式

4. 线框原型图绘制方法

方法一：黑白灰+色块
方法二：黑白灰+高保真图形
方法三：黑白灰+突出色+高保真图形

5. 交互流程图绘制
6. 动态交互原型设计

在交互稿中，除了注意那些既定的、能够清晰辨别出是对是错的内容外，比如功能缺失，逻辑错误等，还有一些更高层次的特点，需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比，希望能给各位带来一些收获和启发。

又迎来了崭新的一年，让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

来Nick大神关于功能性动画的一篇文章，翻译过来与大家分享一下。

了解和使用多媒体制作H5已经成为前端工程师的必备技能。

随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什动效越来越吃香？它有哪些优势呢？

精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。

此文主要适读人群：梦想成为“全栈设计师”的你（偏向移动端产品）！当然设计都是相通的，即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看，相信你也可以有所收获！1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识