© Jshowy|Powered by LOFTER
商业外包 QQ-1275826772

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

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

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

以下是译文全文:


我猜想我们大多数人都是从了解一点UI,或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势,我们仍然想方设法的通过众多设计书籍和文章来了解颜色,排版,布局等方面的知识。

因此,在本文中,我将分享我从不同设计师那里学到的和在设计用户界面时学到的东西,还包括我自己的一些新发现。

声明:以下的“不好的”示例并不一定意味着它们是错误的。这只是我们从良好的设计方案改进到更优秀方案的基础。


1. 让重要的文字更加突出


当文字需要分清层次结构时,单纯使文字变大来强调通常不能解决问题,就像下面的问题一样:


文字的层次结构不只是小和大的关系,它需...

当时就笑了,因为看到很多字体明明长得都一样却有特细、细、常规、加粗、特粗等很多款,设计师不是偷懒就是吃错药了,一种字体搞这么多形式干吗?

童鞋,这你就不懂了,一种字体有粗细很多字型还不是为了适应各种使用场景!你这么想一定不知道字重是什么吧?

不要一脸懵逼,字重这些事你不知道,一定会被嘲笑!



一、字重是指字很肥胖很重吗?

字重这里的“重”念zhòng而不是chóng,所以看到这两个字别以为是说字体重合什么的,那字重到底是什么?


细心的你一定留意到很多字库字体文件名后会标有“Light”“Regular”“Heavy”等字样,这其实就是在指字重,没...

继续炒冷饭凑数~
这个脚本可以把 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://raw.githubusercontent...

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


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

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

- 查看更多 -