#4: 磨刀切白菜精选
「磨刀切白菜」旨在成为设计师和产品经理的工具箱。
1. DesignBetter.Co Design Handbook
DesignBetter.Co 发布了一系列设计白皮书,目前有 DesignOps、Design Systems、Design Leadership、Design Thinking、Principles of Product Design 五则。这些都是高度浓缩的文章,可以让你有概念层理解,但对于「这么大的话题」还是需要体系化了解。
2. 优秀作品集网站
之前有推荐过两个优秀作品集网站 Cofolios 和 Bestfolios,最近又发现了三个:
niceportfol.io
land-book.com
creative-portfolios.com
3. Design+Code - Learn how to create a Sketch Plugin from scratch
Design+Code 又推出新教程啦,这一次是 Sketch 插件开发,以作者 Meng To 的 Mockup 屏幕填充插件 Angle 为例,带你一步一步入门。购买过《Design+Code 2》可免费获得教程,售价 $50。
官网链接:designcode.io/sketch-plugin
4. TestFlight.top
这是一款针对 TestFlight 的服务,特点是可一次性导入测试用户帐号,且生成下载 App 页面,还可以设置问题来筛选测试用户。
官网链接:testflight.top
详细介绍:testflight.top/t/B7Zfeq
5. Monday
这是一款团队项目管理工具,拥有指派项目、甘特图等主流的功能,特点是有很强的管理维度自定义(通过定义字段内容),而且界面非常漂亮,用于个人时间管理也是非常不错的选择。
官网链接:monday.com
6. Whimsical
这是一个具有画原型和流程图的画板工具,提供了非常多的基础组件,未来还会提供便签和脑图功能。在此前我会用墨刀画线框图,用 ProcessOn 画流程图,但像我这种需求比较简单(能画图就行了)且使用不频繁的人来说,Whimsical 的美观易用太打动我了。免费版可创建 4 个画板,付费版年付 $8/月。
官网链接:whimsical.co
7. Sketch2React
一款将 Sketch 转为 React 的工具,操作非常简单,用插件定义好布局数值并命名好图层,拖入 Previewer 中就可以导出代码了。我不在行 React,有兴趣可以尝试看看它的可用性。
官网链接:sketch2react.io
8. DIY Tool Kit 和 DESIGN A BETTER BUSINESS TOOLBOX
当我们需要组织一场 workshop、梳理产品问题、定义商业模式等会议时,借助一些表格能让讨论更聚焦和高效。这两款工具提供了很多表格,满足了这一需求。
diytoolkit.org
designabetterbusiness.com
9. 快速打开网站技巧
每次找灵感时都需要打开一堆常用网站,反复操作影响效率,分享两个技巧。
-
或许你知道,但不一定会这么用
把它们加入收藏夹,然后归入一个文件夹,「cmd+鼠标左键」就可以一次性打开这些网站了。 -
折腾一下,效率倍增
使用 Alfred 制作 workflow,输入「idea + 搜索关键词」即可一次性打开网站同时搜索内容。如图 2 我制作了 Dribbble 和 Behance 的 workflow,可以去这里下载体验:pan.baidu.com
关于 workflow 的制作方法网上有很多教程,也可以和我沟通交流。