设计达人

编者按：今天推荐两个神器，一个是谷歌设计团队开发的Sketch2AE，可以帮你一键导入AE动效，一个可以让你在谷歌浏览器上非常方便地查看网页标注样式的扩展插件，赶紧来体验！ Sketch2AE 随着 Sketch 日益普及，越来越多的 UE 设计人员已然将日常设计工具由 Photoshop 改成了 Sketch，因为 Sketch 轻量、高效、插件扩展丰富。 但是对于动效来说，跟 Sketch 结…

本文要推荐的「PickupImage」是一个大型的免费图库，提供大量高质量免费相片素材，开放让使用者免费下载！这些相片都是采用公众领域（Public Domain）形式，也就是以 CC0 授权方式释出，使用者可自由复制、修改、散布或使用于商业用途，不用取得额外的许可授权，亦无须标示出处来源。 PickupImage 目前收录的相片超过两万张以上！种类分门别类、应有尽有，不过 PickupImage…

很多人不善于整理自己的网站资源，没有系统的分门别类，都是一些零散的收藏，在用的时候找起来很麻烦。虽然有很多优秀的设计导航已经帮助大家分好类别，比如优设网的导航分类，但我觉得还是自己总结出来的更加适合自己，那今天就来分享一下我是如何来将这些设计网站来进行分类整理的（场景可能不全，大家自行补充）。 优设网址导航：http://hao.uisdc.com/ 欢迎关注作者的微信公众号：「菜心设计铺」 我经…

当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享的 Graaf 栅格样式工具。 Graaf Graaf 可以直接在页面上显示栅格线，而且可以自定义栅格结构，大大减少前端或设计师检测页面的烦恼。 产品特色： 1. 直接在WEB页面上显示栅格，方便前端…

编者按：想在Windows 上顺畅预览Sketch 格式的文件？有今天这个神器就可以轻松完成。另外推荐的是知名免费图库Pixabay 开发的APP，都是设计师值得一装的软件。 Lunacy：可在 Windows 系统下查看/预览 Sketch 格式文件利器 我们知道 Sketch 目前只有 MAC版本，所以在 Win 系统下没办法预览，为了解决这个问题我们可以通过一些第三方软件查看，比如今天分享的…

Svgsus 是刚刚出来的 SVG 图标管理工具，小编第一时间下载体验，它的功能不多，但足够好用，不仅可以作为图标管理，而且能输出不同设备 SVG 代码，这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。 免费实用的管理工具 素材管理：《有图的都交给我！新生代图片素材管理神器INBOARD》 字体管理：《设计师们！超好用的字体管理工具RIGHTFONT》 图标素材：《术业专攻！…

编者按：今天安利两个神器，一个是@腾讯ISUX 团队新鲜开发的「智图」离线版，可以无损压缩图片，智能转换图片格式，在线生成webP格式图片等。一个是帮网页设计师做好文章排版的 Type Nugget，两个都是简单好用的软件，一起来收。 智图 两年前，因QQ空间一个带宽优化项目的契机，我们团队制作了一个在线图片优化的系统 ——，提供用户在线压缩图片，智能转换图片格式，在线生成webP格式图片等功能。…

各位设计师们，这两天是不是在忙着做奥运会专题系列设计呢？如果是，那么今天这组体育类图标绝对不能错过！我们精选了15套风格多样的体育图标素材包，有彩色、扁平化、线性多种风格。而且几乎包含了所有运动项目：足球、篮球、游泳、滑雪、棒球等等，@北树 已经打包好了，来收！ 素材打包下载：http://pan.baidu.com/s/1kVLJqoJ 运动元素 奥运会体育图标 体育图标 扁平化彩色体育类图标 …

Google Nik Collection 是一款强大专业的图像处理插件集，适用于PS、LR和Aperture，通过此插件可以快速完成一些专业级的修图效果，本来原价150美元，但近日谷歌公布 Nik Collection 开放免费下载使用，对于经常修图的朋友来说绝对是天大的福利！优设已打包，赶紧来下！ Nik Collection Nik Collection 共有七个工具，每个的功能都不一样。插…

@米田miten ：如果你使用Photoshop和Sketch做界面设计时，肯定会碰到一个问题，那就是需要填充很多真实的图片到界面里。这个过程非常浪费时间，有没有能节省时间的办法呢？当然是有的，那就是Craft。 下载地址： Craft官网（输入邮箱，点击“get it free”）：http://labs.invisionapp.com 网盘链接：http://pan.baidu.com/s/1…

找免费图片？有这个就够了！先前曾经介绍过很多免费可商用的图库，使用者可以从网站内轻松下载，找到许多高画质的图片。如果你觉得到各个网站寻找图片太耗费时间，本文要介绍的网站可以一次让你搜寻21个图库网站的免费图片，而且收录的都是顶尖的图库网站哟。 Stock Up 注：不搭梯子打开会裂图。建议搭梯访问 Stock Up 是 SiteBuilderReport 网站提供的一项功能，它收录了包括 Unsp…

马住免费神器！今天这两枚神器，一个是PS扩展，可以随机生成用户头像，非常方便，一个是操作体验极佳的在线布局神器Shoelace，都是提升效率的好帮手 >>> 在一些 WEB 或者 APP UI设计项目里，有时候会使用到一些图片素材或是用户头像，今天分享的PS扩展插件 uberfaces 可以直接在PS上生成用户头像，非常方便快捷！ Uberfaces 可以让用户随机生成男士或女士…

@设计达人网 ：用Photoshop做网页设计或UI设计时，绘制参考线是经常的事儿，特别是做栅格的时候，要一个个绘制，一个个计算，有时候会觉得挺麻烦的。今天分享一个帮你快速生成Photoshop参考线的扩展工具，别放过咯。 Griddify 可以轻松生成不同间隔的参考线，还支持水平垂直平分，而且操作都是极之简单，下面来看看介绍： Griddify 界面介绍 栅格 输入栅格数值，以像素为单位，然后点…

@设计达人网 ：目前比较流行的前端框架有Bootstrap、Foundation，这两都有着常用的网页设计组件，并且兼容移动设备，深受大众喜爱，但如果你认为这两个框架的组件依然不够用的话，可尝试今天分享的Toolkit，它内置的UI组件更多、更强大，而且实用流行。 Tookit框架特点是使用扁平化设计，并带有很多新鲜的UI组件，配合CSS3动画，使很多组件交互效果变得很漂亮，功能实用强大。 下面来…

编者按：感觉年底是免费资源的狂欢大会呢。今天一口气分享两款神器，Size Marks 可以自动标注尺寸，设计师与前端人员都用得上，非常方便。Renamy是用来快捷命名Photoshop图层的，特别适合于多图层的PSD设计文件，两款都是免费使用的，赶紧来收吧。 @设计达人网 ：Size Marks 是用在Photoshop的一个自动标注尺寸脚本，可以方便设计师和前端人员在效果图上添加尺寸，很实用哦！…

网站风格指南的制作过程是有点麻烦，但却十分有用，它可以让团队人员能清楚明确项目的设计规范。就像一本手册，忘了打开一看就知道。 如果以前没有制作风格指南，那么看看今天和大家介绍的风格指南生成工具，只需要输入网址就能自动生成，并能下载PDF版本。 顺便推荐一篇设计文档的制作指南：《推荐：如何制作实用美观的设计文档》 下面来点测试截图，喜欢的请自己去网站试试，生成后，请点击“Download”下载指南，…

今天给大家推荐的神器是 【黄金分割工具 Divine Proportions Toolkit】，单击按钮即可一秒生成对应的黄金比矩形、黄金螺旋、黄金三角形等18种参考线。无需手动计算，节省工作时间。附使用方法呦。 Divine Proportions Toolkit使用方法 这个使用是很简单的，可以直接点击对应的黄金比例按钮就能自动生成，又或者用选区工具画出一个区域然后再点击面板按钮生成即可。 黄…

很多网页设计师都身兼界面设计以及前端代码的职责，工作实在繁忙，所以我们经常使用一些辅助工具来加快和实现自己的项目。今天整理8个新设计工具和插件给网页设计师们，希望大家喜欢。 超实用资源： 《这效果超火！教你创建高大上的多边形字体》 《大福利！350M高分辨率低多边形背景图打包下载！》 个别插件现在用不上，可马克到微博或印象笔记。 Scrollme jQuery插件 这是一个有点类似视差滑动特效的插…

今天分享的21款扩展插件，特别适合网页设计师。这些神器可以让平时复杂繁琐的操作变得更加简单，想节省时间，提高效率的童鞋，请用力戳 Ctrl + D！ 人气神器推荐： 《这效果超火！教你创建高大上的多边形字体》 《取色指南！7款靠谱工具帮你选取完美配色》 Layrs 免费的PS扩展，能为你简化繁琐的操作，比如：图层名称编辑器、删除未使用的图层效果、合拼所有图层效果、删除空层、栅格化所有智能对象。 b…