[译]为什么空状态设计理应花费更多时间

旧事重提,之前就译过一篇,空状态的设计,一年半之后发现对这方面还是欠缺,故有此篇^_^ 原文:WHY EMPTY STATES DESERVE MORE DESIGN TIME 在很多设计中,空状态,或者说无数据状态的设计都是在事后才考虑的事情。这件最后的设计,毕竟,它在用户体验中,是短暂的或者只是很小的一部分。 不要被空状态这个名字愚弄。空状态有着驱动用户参与,取悦用户,并且在一些危险情况譬如用户下载App清空了内容,或者运行到错误状况时挽救用户的极大潜能。 这些空状态一般被称为, »

[译]视觉调整-设计师 vs. 逻辑

译自:Optical Adjustment 在我早期的设计当中,我靠Photoshop或CSS来告诉我正确与否。如果两个形状在Photoshop标示对齐了,那么它们就是对齐的;如果两个不同的形状是同样的尺寸,那么事实就是如此;如果两个颜色有着相同的十六进制值,那它们看起来就是相同的颜色。 这似乎是合乎逻辑的,但这确是个错误的工作方式。 软件的计算方式是理性的,但是软件却没有考虑人对形状,颜色,尺寸的感知——也就是说软件无法理解物体在上下文中的视觉语言,或者人是如何对物体进行感知的。 人类的非理性思维可以看到并理解电脑无法理解的上下文,因此我们需要决定物体关系在视觉上是否正确。理解这些微妙的不同并知道如何去调整,可以让一个好的设计师更优秀——很少有人注意到它们被调整了,但是如果不调整大多数人又会注意到。 来让我们看看这几个例子。 »

[译]用漫画来解说AngularJs中的Promises

早上,父亲对儿子说:“儿子,去给我预报下天气!” 每一个晴天,父亲都会让他儿子带上他强劲的望远镜,爬山房子附近最高的山顶去查看地平线来预报下午的天气。儿子对他的父亲承诺他会去并且获取到天气预报,在他离开之前他对他的父亲做出了承诺。 在那个时候,父亲会判断明天是否是个好天气,他要准备明日的钓鱼。如果天气不好,他就不会去钓鱼,同时,如果他的儿子没能得到天气预报,他同样会呆在家里。 30分钟之后,他儿子回来了。不同的事情周而复始的发生着: 结果A) 得到了天气预报!晴天:-) 儿子成功的拿到了天气预报,蓝蓝的天空是个晴天! »

[译]探索Angular 1.3 的单次绑定(one -time bindings)

译文:英文原文 激动人心的时刻到了,Angular 1.3终于发布了,附带了大量的新功能、bug修复、改进当然也有不足。因为这些新的东西,我们想通过一系列的博文详解主要的功能和改进来让新的版本更快的让大家适应。这是“探索Angular 1.3”系列的第一篇,包含了有史以来最重要的功能:单次绑定(one-time binding)。 等等!Angular的数据绑定不是自动和Ui保持同步么?是的,确实是的,这确实很棒。然而, »

[译]SVG动画简介

你可以把这篇文章看做通往精通SVG动画之路的第一步,里面的链接资源也是很好的学习资料。所以赶紧收藏本文然后开始你的精通SVG之旅吧。 SVG元素是一种特殊的DOM元素,语法模仿了标准的HTML元素。SVG元素有着独有的标签,属性和行为,能够让它很容易的定义各种形状——能够直接在DOM中创造图像,因此能够被JavaScript和CSS操作。 作为初学者,你们可以看看这些SVG才能实线的效果: Typographic Demo Isotyope Demo Shape Demo Handwriting Demo 在此有三个使用SVG创建图像而不是用图片(PNG, JPET, etc)的好处: 首先SVG可以被压缩的很好。 »