Jshowy

Jshowy

商业外包 QQ-1275826772
查看介绍

卡片式设计

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

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

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

动效输出对比图

【笔记】10个实用小技巧,让你的设计细节更高级

以下是译文全文:


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

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

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


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


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


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

【笔记】字体的字重是什么?关于设计中的字重这些事你需要知道!

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

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

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



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

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


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

【笔记】AE 脚本: CSS Sprite Exporter - 将AE动画导出为雪碧图动画

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

© Jshowy | Powered by LOFTER