原型

设计是拉开产品差异化的关键，而影响设计的因素是众多的，事物总是处在不停地发展变化中，比如蝴蝶效应，某个因素的改变就可能带来连锁反应。设计也是如此，需要顺应发展变化。

如果有一天让你来设计汽车？未来的汽车会是什么样的呢？

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

这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异，同时也会根据自身经验说明一些业界实际的需求状况，有任何问题欢迎透过留言一起讨论喔！注：近期的业界趋势就是，不管你是工程师、设计师、BD、PM还是老板，只要会说一句话，「阿，这样设计不够『直觉』啦，使用者OOXX…」，就有种好像很懂UX的感觉呢！（苦笑）为什么使用者会点进「关于我们」注：近期有不少的Landing Page常常都会用无声的影片搭配黑色屏蔽塑造分为，其实营造的感觉真的还不赖。（当然…影片要拍得好）

大家好，其实，我是一个视觉设计师。嗯，没错，因为对交互设计的兴趣使然，这次我想在此放一篇交互设计类的文章，以总结我这段时间的思考与设计过程，仅供交流。请多多指教。

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

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

4. 线框原型图绘制方法

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

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

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

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

在 Web/iOS/Android 等旧平台成熟稳定、VR/AR 等新平台尚未全面兴起，设计标准化成为趋势的当下，作为用户体验设计师的核心价值又有哪些？本文作者将自己反思的一些经验总结了出来，一起来看看。

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

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

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

手势是一种强大的交互模式吗？是的，移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力，使得移动体验更加的轻松和有趣。

本文作者分享交互设计的流程，但切记具体问题具体分析哦~交互设计（Interaction Design）：定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式（the interaction, 即人工制品在特定场景下的反应方式）相关的界面。
——维基百科

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力……的设计师，如果你还未亲手尝试过低保真原型测试，我依旧会推荐此方法。

为了创造出伟大的产品，UI/UX设计师应该期待并成为能够生成和处理更多额外信息以获得最佳设计成果的产品设计师。

了解食材是厨师的基本功课之一，了解器材是摄影师的基本功课之一，了解城管的时间表是卖热干面大叔大妈的基本功课之一，了解各个组件的设计模式和属性是交互设计师的基本功课之一。

这次的文章解决的是一个问题，主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入，然后简单谈谈我的认识。（这篇文章会比较有趣）我努力工作，几年后要自己创业。吃得苦中苦，方为人上人。（鸡汤了一下）