Shoelace: Bootstrap Layout 布局神器

上次我们推荐了《快速排版网页布局的PS扩展 – Velositey》这个扩展，在PS上可以快速制作网页布局，但不能转成HTML版本，不过没关系，今天分享的”Shoelace” Bootstrap 布局[……]

阅读全文 »

在图形界面上制作CSS3动画：cssanimate

CSS3可以实现很多漂亮的动画，但写起来有点麻烦，一个动画有时候会调整几十分钟，改一点点代码又要到浏览器上刷新，这是个很讨厌的事情。幸运的是，cssanimate在线工具解决了我们的问题，最大特色就是[……]

阅读全文 »

Dunnnk：免费的移动设备Mockup在线生成工具

关于Mockup素材我们分享过很多，但这些当然是越新越多越好了，今天和大家分享一个免费的移动设备Mockup在线生成工具 – Dunnnk，该在线工具可以将你设计的效果图嵌入到iPhone、iPad、[……]

阅读全文 »

Griddify – 快速生成Photoshop参考线扩展工具

用Photoshop做网页设计或UI设计时，绘制参考线是经常的事儿，特别是做栅格的时候，要一个个绘制，一个个计算，有时候会觉得挺麻烦的。想解决这个小麻烦么？尝试今天设计达人网小编为大家分享的PS扩展：[……]

阅读全文 »

快速生成Nexus设备的APP截图工具 – Device Art Generator

APP官网网站设计一般都放个模拟手机APP截图上去，如果是iOS应用，就放iPhone模型加APP截图，Android就放个Nexus加界面截图上去。这些都是很常见的。

对于这些手机Mock u[……]

阅读全文 »

Material Design专用在线配色工具

2015年安卓系统的Material Design UI设计风格将会流行起来，目前已经有不少APP应用尝试这类风格的设计，如果你也想开始制作Material风格的APP，那就别错过今天分享的 Mate[……]

阅读全文 »

使用type scale来选择合适的标题、正文字体大小

还在纠结标题和正文的字体大小吗？按照 type-scale 来定制你的字体size吧！type-scale 是一个可让用户按比例来显示文本大小的在线工具。内置多种比例规模，用户可以通过Scale选项来[……]

阅读全文 »

Size Marks – 免费的PS尺寸标注脚本

Size Marks 是用在Photoshop的一个自动标注尺寸脚本，可以方便设计师和前端人员在效果图上添加尺寸，很实用哦！虽然很早就有类似的工具，但大部分为收费，而这个是免费的！下面来看看介绍：[……]

阅读全文 »