超实用！12 条提高产品可用性的动效设计原理（附案例）

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验啦。缓动（Easing）、偏移量和延迟（Offset & Delay）主要与时间相关。父子关系（Parenting）用于阐述元素之间的关系。变形（Transformation）、数值变化（Value Change）、遮罩（

产品 2017年06月06日

UI 插画设计如何提升用户体验

人是高度视觉化的生物，能够即时处理大量的视觉信息，据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此，在许多情况下，静态的图片能够传达出相当复杂多样的想法，尤其是在进行大范围展示的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来，图片都作为UI界面中最具有表现力的元素而存在，而最近几

交互体验 2017年06月06日

前端速来！2017 年 6 月前端开发者干货大合集

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件，它是基于We

产品 2017年06月06日

如何以开发的视角做设计？

面对完全不一样的媒介，设计师们会有不一样的目标，也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别，大概就是在于 UI 设计师能够以开发的视角来做设计。UI 这个词或许听起来非常新潮，但是 User Interface 这个词组及其含义其实很早就已经出现了。古时候的设计师使用 GIMP 对用户界面进行设计，后来我们使用 Photoshop 进行这

产品经理 2017年06月05日

我用目标导向设计法，完成了爱奇艺 PC 站风云榜的改版设计

爱奇艺PC站的风云榜，是一个提供各种频道榜单的荟萃之地。其存在的主要功能，是让用户能够了解热门的剧目，从中选择想看的影片，也能够了解最近都在流行些什么。然而，该模块很久没有更新，在内容展示上有着比较大的问题，导航上也存在使用不便的情况。因此，产品提出优化。在这次优化的过程中，我使用了之前介绍过的“目标导向设计法”来指导我的设计，效果显著。下面跟大家具体介绍一下。首先，先来看

产品 2017年06月05日

UI 的骨骼•始章

UI的骨骼和血肉是共生共存的，完整的视觉设计是不需要与程序员沟通的适配逻辑的，一份标注即可。写在最开始说到UI，大家肯定都不陌生，User Interface 的缩写，她是一个产品或者一个APP的外表，或者说外壳。作为一名UI设计师，我会把自己的每一个设计当成自己的“孩子”，因为她有皮肉（模样），有血脉（设计DNA），但是随着越来越多的孩子降生于世，我发现她们还需要一样东西

产品 2017年06月05日

网站设计：为什么你的内容文本需要更大字号的 4 个原因

你是否有注意到，你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时，字号似乎没能适应或者说跟上这种变化，所以我们在观看文本时，会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的，但他们在感觉上比以前小好多。我发现自己在阅读屏幕上的内容时，经常是眯着眼睛看的，这不应该是这样。今天我们将讨论这种日益增长的问题的原因，以及寻找如何解决这个问题的

产品 2017年06月05日

框架层——界面设计、导航设计和信息设计

用户体验要素.png通过之前提到过的结构层形成了大量的需求，而这些需求都是来自我们产品的战略目标，接下来，我们需要在框架层进一步提炼这些结构，确定很详细美观的界面设计、导航设计和信息设计。通常来说，优秀的框架层可以一下子吸引住你的用户，然后他们才会继续领略你的结构层，相反，如果你的框架层弄得混乱不堪，给用户的第一印象就不怎么好，那么对于互联网产品来说，是致命的打击，因为用户

产品经理 2017年06月05日

学会插画的这四种玩法，能让你的 UI 体验更优异

人是高度视觉化的生物，能够即时处理大量的视觉信息，据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此，在许多情况下，静态的图片能够传达出相当复杂多样的想法，尤其是在进行大范围展示的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来，图片都作为UI界面中最具有表现力的元素而存在，而最近几

产品 2017年06月05日

领导说官网好丑要改版，从做好一份竞品分析开始

这段时间一直在做公司官网的改版，感慨太多，一是公司官网的风格实在太老旧，属于2015年流行的设计风格，如下图，二是领导一直追求外国网站简约大气的风格，类似airbnb官网。 现在的官网首屏然鹅，公司做的是云计算产品，跟airbnb这样亲民友好的网站八竿子打不着一块，所以，做好一份竞品分析，既能体现自己的专业度，又能让不懂云计算产品的设计师找着门路，还能让领导信服，多么一箭三

产品经理 2017年06月03日