真香警告：有了这7个设计网站&工具，做设计更有谱了!

对于设计师来讲，除了一些PS、AI类的设计工具，图片、图标类的灵感素材站外，一些优秀的辅助工具和网站，可以帮我们更加快速的，更游刃有余的完成我们的设计工作。下面给大家推荐7个必备的辅助工具和网站。

1、Laws of UX

推荐理由：用户体验设计的“金句铁律”

Laws of UX 集合了现在设计界较有名的 21 项设计准则，比如：用户的主要的行动按钮会大一点目的是方便使用，同样的任务菜单和用户关注的区域,两个相互关联的任务等等。很多UI/UX在设计中都会查看的应用法则，它的网站设计的也很漂亮哦。

2、ScreenSizes

推荐理由：在线常用设备参数大全

一个帮助UI设计师们查询各种手机、平板、电脑不同型号的设备的各种参数，当设计师需要针对某个电子设备进行创作时，可以在这个网站上了解相关的参数，不再为没有某一个牌子的手机而困扰。网站上没有任何花哨的设计，用户可以单独搜索关键词，也可以选择需要显示的参数，比如长宽高等。

3、Billfish

推荐理由：免费的素材管理和灵感收集神器

作为设计师免不了和设计素材打交道，电脑里可能已经存了上百G的设计资源，免费的Billfish可以帮我们将电脑上的图片进行高效的分类管理，通过添加标签、评分、注释等方式进行备注素材，方便后续查找和使用。

另外，Billfish的浏览器插件功能，可以帮我们很快速的将网页上的灵感采集到本地，对于重复的图片还可以将素材筛选出来进行删除，有效节省磁盘空间。

4、UX Tools

推荐理由：设计工具测评

UX Tools是一个设计工具测评库，网站收集了国内外在各个环节的用户体验工具，对每个工具的功能，特点进行了分析和介绍，并且详细的展示了每款设计工具的实用度、评分、特性等，对于设计软件的分类也很详细，便于设计师比较和选择。

5、shadows.brumm.af

推荐理由：在线创建可视化CSS阴影效果神器

shadows.brumm.af网站提供生成平滑阴影的CSS代码，提供「阴影层数」、「最后透明度」、「灰度曲线」、「横纵阴影距离」等选项可供选择；并且实时生成 CSS 代码，可供线上还原，看起来真的很流畅,令人满意。

6、Design System

推荐理由：一站式设计系统清单

Design System是一个内容很详细的一站式设计清单，它从「设计语言」、「元素」、「核心组件」、「工具」及「项目管理」五个方面详述了建立一个完整的设计体系的设计及开发工作项。既适合实际项目实施，也适合自己学习。

7、Motion One

推荐理由：轻量好用的 Web 动画库

Motion One是一个基于Web Animations API 构建的动画库，虽然轻量，但是性能表现不容小觑。它可实现最小的文件大小和最快的性能，并且添加了新功能，如选择器、单独转换、时间线排序等。设计师可以利用 Motion One 实现一个真实 Demo。

以上就是7个网站&工具的推荐啦。大家觉得有用的话，一定要三连三连三连，别再下次一定了！