App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。下面就让我们来看

产品 2016年11月28日

动效在 UI 设计中有哪三个关键用途

随着技术和硬件设备性能的提升，动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果，它首先帮助设计师和用户解决了许多界面功能上的问题，让这用户更容易理解产品，也让设计师更好的表达。动效本身还让整个界面更加活泼，充满生命力，更加自然的相应让就用户和界面之间有了情感的联系。动效对于UI界面在功能和情感上的强化到底有哪些呢？今天的文章，我们从三个方面来聊聊这件事情。1、系

产品 2017年02月22日

这些悬浮动效的常见玩法你都知道吗？

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。正是由于Material Design 和苹果所引领的动效设计风潮，许多曾经有过的设计技巧和元素正在逐步回归

产品 2017年03月18日

沿着这 7 个思路，你可以正确的使用动效取悦用户

当我们在探讨产品设计细节的时候，会频繁地提及“愉悦”这个词。必须承认，愉悦的体验，是优秀产品中所潜藏的魔法。在设计时候，如何构建出愉悦的体验，也是需要努力实现的核心要点。目前，在网站和APP这两类产品当中，设计师主要是通过动效和微交互来强化体验，其中动效所起到的作用至关重要。为何愉悦的动效很重要现如今，数字化的服务和产品已经深入到我们生活的方方面面，可以说各种网站和APP已

产品运营 2017年04月13日

App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从 常见基础动效 、 动效作用 、 动效的应用设计 和 动效评判 四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。

交互体验 2016年11月09日

案例分享：使设计质量飞跃至卓越的UI动效技巧

这篇文章，我们来一起看一些可以将UI设计从优秀提升到卓越的案例，通过一些细节的调整，你可以通过动效来提升整体的UI设计水平。这篇文章中的案例（我做出的动效）遵循了以下这些规范：（这三篇文章需要在外网上查看）Material MotionIBM’s Animation PrinciplesThe UX in Motion Manifesto让标签下的内容滑动起来图左是将新标签

产品 2018年03月28日

干货贴：关于互联网产品外观专利创新方法的那些事

关于互联网产品外观专利，你了解多少？工业设计出身的互联网产品设计师对于专利申请应该很熟悉了，想当初在学校为了提交一个外观或者实用新型专利也是费尽脑汁，各种草图、模型、文件一大堆，弄得一脸懵逼，然后对代理们言听计从，反复修改提交，一个专利授权后个人感觉超级NICE。工作后开始在互联网圈子里游弋，作为科技驱动创新的公司而言，互联网行业对于知识产权的保护更加迫切，发明、实用新型和

业界 2018年01月11日

浅聊四个主流的页面间跳转动效

最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒 的切换动效，却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范，花了大量时间把玩现在公司线上的产品以及国内外优秀的APP，尤其是苹 果、谷歌自己开发的APP。（如果某些方面在设计规范中并没有给出答案，就在原生APP中找答案

用户研究 2016年04月10日

基础知识！聊聊交互设计三要素之细节设计

@黄红艺Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。往期回顾：《基础知识！聊聊交互设计三要素之信息架构和流程设计》相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件

产品 2016年09月08日

移动界面动效设计的全方位科普指南

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级： 动态界面使人更容易理解交互层级关系，减轻了人们的认知负担给予反馈： 给人感觉界面是活的，让体验流畅弥补静态页面的表达不足： 在内容优先的设计趋势下，用户界面变的更加简洁。这将给用户带来操作

产品 2016年12月18日