一起来了解组件化设计与开发的思维方式

组件化，就像乐高拼图一样，整个网站是由一些组件拼接而成，这些组件可以独立使用，也可以拼接在一起，这样程序员开发时就能按照你的组件进行组件化（模块化）开发，是非常灵活的工作方式。

文章[……]

阅读全文 »

[确定]按钮放左还是右？来看看这个小实验

我们平时使用 widndows，MAC 操作系统以及一些 APP 程序时，确认框中的[确定]/[ok]之类的按钮有的放左边，有的放右边，到底是放在右边正解还是放在左边呢？

其实这个问题，连世界最[……]

阅读全文 »

10条 UI 交互动效的制作原则

去年我们发布了 Gyroscope 以来，许多人问过我们做动画用的什么 JavaScript 库，我们也曾想过将它公布于众，但实际上那并不是奥妙所在。

我们不想让大伙儿觉得自己需要依赖特别黑魔法[……]

阅读全文 »

用户体验：移动 APP UI 的底部导航设计

设计师都知道，设计不只是为了好看。设计也决定用户如何融入一个产品，无论是网站还是app。这是一种交谈。导航菜单就是一种交谈。因为如果用户不明白使用方式，你的网站或app再漂亮都没用。

图片来[……]

阅读全文 »

使用 Mockplus 演示原型设计的8种方式

Mockplus 目前是国内比较流行的原型设计工具，功能上，相比Axure不算全面和强大，但在不少功能上有它独到之处。

Axure有个比较让人头疼的地方，就是对于移动App项目的预览和演示比较麻[……]

阅读全文 »

动效设计必备：元素周期运动表（Periodic Table Motion）

今天分享一个元素周期运动表，这个并不是化学元素，你可以理解为「元素运动规律」，因为这个元素表是由一些常用动效组成，并且每个动效的实现都有一个理论依据，而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波[……]

阅读全文 »

不要随意使用手形光标

在网页设计中我们一直坚信，只要有光标，就有相应的链接。但是这不完全对啊，而且可能还有潜在的问题。我说这个是希望大家以后设置按钮光标的时候，不要用手形工具了。我用下文来解释下这点吧。

手形[……]

阅读全文 »

功能性动画UX设计：优秀的过渡转场效果（Transtion）

功能性动画（functional animation）是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。

通过组[……]

阅读全文 »