在这些实例中，学会用动效赋予你 APP 生命力

如果重新审视10年前的网页和移动端应用的话，你会发现动效和动画在这个时期简直是犯规一般的存在：浏览器和硬件设备吃不消，它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效，通常是使用Flash实现，或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变，iOS和Android 设备的大规模普及，移动端芯片的性能提升，让设计师在移动端APP上实现

产品设计 2017年03月14日

设计数据可视化交互界面 - Designing Data-Driven Interfaces

英文原文来自：https://blog.truthlabs.com/designing-data-driven-interfaces-a75d62997631设计数据可视化交互界面讲述你数据的故事_BY Erik K（Uber设计总监） __翻译：Kevin嚼薯片_____“数据仪表盘”、“大数据”、“数据可视化”、“数据分析”——人们和公司们都在试图用他们的数

产品经理 2017年08月10日

都是好图片，为什么你拿来用就怪怪的？

@研习设K先生：一张图片的好坏往往能直接影响到设计作品的优劣。本文以图片中的视觉为出发点，为大家讲解如何选择最适合自己设计所需的图片。如果你能够洞察不同视角图片中的情感属性和气质，那么你的设计工作一定会事半功倍。关键字：设计, 设计文章, 设计师

产品 2017年05月04日

第四集！值得每个人收藏的《完美像素使用手册》之设计与开发篇

这本纪念碑谷团队出品的《完美像素使用手册》，有设计师说是她见过的最全面，最毫无保留，最生动有趣的界面设计指南，而且不止是设计，还包括和程序员的合作经验，AI、PS的操作小技巧等等。现在终于有中文版了，强烈建议收藏阅读。虽然这个册子确实出来挺久了，大概14年的时候优设网就有推荐过它：http://www.uisdc.com/pixel-perfect-precision-ha

产品 2016年08月10日

平面设计和 UI 设计区别的详尽整理

小编今天对平面设计与UI设计的区别详细的整理了一下，有去网上搜来的，也有小编自己的经验与心得，希望能帮到需要的人（大神请绕路）平面设计与UI设计的区别①设计思路的区别平面：拿到一个需求，比如(宣传页、海报、展架)等,设计的页面较少。可能是一张或几张，通过视觉载体传达给用户，基本不会和用户有什么交互。拿一张海报来讲，它可能固定的展示在某个商场里面，用户在路过的时候看到了它，但

产品 2017年07月19日

高效流程！帮你快速做出优秀电商Banner 的设计三部曲

不沉的骨头：这一期分享主要是说到我自己在工作中做营销Banner 设计的方式和案例详解，分为3个大方向和几个小方向（版面/配色/细节丰富），我们一个一个去了解清楚。在此要说明的是，流程呢是我个人平时的习惯方式。仅供参考，希望能帮助到大家。部分案例来源于网络 多有得罪请恕罪。一、Banner 三部曲 1-先形式版面形式[br]标题形式 2-再配色产品（人物）取色[br]依据理

产品 2016年07月27日

未来的汽车用户界面将会让人惊叹

如果有一天让你来设计汽车？未来的汽车会是什么样的呢？它为什么会让人震惊？ 当你想确定你是否已经锁好车，关上灯，或者把你的车钥匙交给刚考完驾照的小屁孩的时候，你是否觉得自己是个偏执狂？这个移动app可以让你在不离开座位的时候检查这一切，有一个柴油混合动力车？你甚至可以在你吃早餐的时候启动引擎。直观的动画会反馈你这个动作是否已经完成。车载控制面板用户界面它为什么会让人震惊？ 这

产品 2016年12月24日

超实用！UX 团队如何给设计原则做优先级排序？

拉瓦不下100就不换昵称（译者）：在Salesforce公司这里有一个常见的笑话…每当产品组里面的某个人展示一个list – 它都有可能是关于任何东西：功能，研究策略，Dreamforce T恤的颜色，真的有可能会是任意的list。所以总有人问，“这个list有优先顺序吗？有时这个问题会被很严肃地问道，但有时也只是随口问问。但是相信我，你不希望通过执行一个没有优先顺序的需求

产品设计 2017年07月21日

深度解读 | iH5 产品背后的设计逻辑

一、体验环境体验产品： www.ih5.cn评测时间： 16年11月浏览器： Google Chrome 53（PC端）二、行业概述行业背景 HTML5于2014年底定稿，此后世界各大互联网巨头以实际行动表示对新一代Web编写标准的支持。借助HTML5的跨平台、高拓展性等优势，近两年涉及互联网的产品或多或少依赖于HTML5，甚至称霸多媒体领域逾20年的Flash也不得不为H

产品设计 2016年11月06日

用一个 AI 教程，帮你学会运用黄金分割绘制图形

@飞屋睿UIdesign：一直有很多同学认为黄金分割很难学，运用起来也并没有严格逻辑可循。然而，我们今天根据黄金分割矩形，就能绘制出较完美的图标造型。对于很多不知道怎么运用黄金分割的小伙伴，赶快学起来！一、用圆形搭建基础形STEP 01 打开AI，新建文档，文档大小可以参考我的设置。 STEP 02 根据黄金分割矩形，在每个矩形中绘制不同的圆。这些不同的圆形的大型比例刚好符

产品 2017年02月09日