© Jshowy|Powered by LOFTER

用10分钟的时间快速说下卡片式设计。

1、某种程度上来说,卡片式设计是在栅格的基础上更进一步,将整个页面的内容切割为N多个区域,不仅能给人很好的视觉一致性,而且更易于设计上的迭代。这样的设计在处理PC和Mobile多平台页面一致性时有很好的效果,正面的典型例子就是Google+了。但如果你的网站和手机App在整体结构、交互方式上本来差别就非常大的话,使用卡片式设计就无法充分发挥其优势。

2、卡片式设计的另一个典型好处是可以将不同大小、不同媒介形式的内容单元以统一的方式进行混合呈现。最常见的就是图文混排,既要做到视觉上尽量一致,又要平衡文字和图片的强弱,这时卡片设计经常有奇效。2012年的豆瓣首页为...

继续炒冷饭凑数~
这个脚本可以把 AE 做的动画导出为 CSS 雪碧图动画( CSS Sprite Animation)并自动生成代码,做H5、网页动画也许用得着。

使用方法:
1.下载 CSS-Sprite-Exporter.jsx 文件
2.在 AE 中打开需要导出的动画
3.运行 CSS-Sprite-Exporter.jsx , 界面大概是这样

[图片]
4.设置好参数导出,如果没有意外,就会帮你打开到该动画导出的文件夹
5.打开DEMO_XXX.html 文件(建议用 chrome 打开),可以预览导出的动画, css 代码也可以从中复制

[图片]
(图不动点 https...

从移动端兴起,主流设计风格定型,再到Uber、Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境。促成这一切的影响因素很多,比如社会发展趋势的变化、共享经济的大热、新技术的积累,等等等等。这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来。同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备。


随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多。查看邮件、预订酒店、叫外卖都有赖于各种应用,而诸如Airbnb和GrubHub这样的优质应用则大幅度减少了用户在无关细节上的精力耗散,可以更好地处理其他的任务,专注...

Apple、Facebook、Twitter、Google、Pinterest…这些公司有一个共同点——它们为用户创造了习惯,用户每天都习惯性地使用这些产品,它们是那么吸引人,甚至让人无法想象这些产品问世前的生活。
然而,创造用户习惯说着容易做起来难。即使我写过很多关于行为工程学1⃣️和习惯重要性的文章,能提供给设计师们设计及衡量用户习惯所需的的工具资源也寥寥无几。这也是我写《成瘾:如何构建形成习惯的产品》(Hooked:How to Build Habit-Form Products)这本书的原因,它阐述了助力用户习惯养成的:四步成瘾模型(Hook Model)。
这篇文章会简单介绍如何通过习惯...

- 查看更多 -