我喜欢把自己定义为一个会一些设计的全栈工程师。在一些大型企业项目中,我一般担任架构师的角色,而到了我自己负责的个人或开源项目中,我就成了一名全栈设计师。我喜欢用自学而来的那些设计技能进行网站或App设计,然后自己动手实现前端和后端。这能帮助我有效节省成本并减少因多人沟通带来的工作效率问题。但我也很清楚,我不可能像那些真正的设计师那样掌握很多设计技巧,并做出非常优秀的作品来。我所能做的是一方面通过自学提升自己对设计的认识,另一方面我一定会精心挑选设计工具,来尽可能地弥补我设计技能上的不足。(这两点同样重要,如果你和我一样也是一名对设计有兴趣的程序员,可以读读我之前写的《自学设计,你真的入门了吗?》,其中描述了我自学设计的经历、方法和一些认识。)
工具的更新换代速度很快,但正确的工具选择思路却可以一直使用下去,我有一套自己的工具选择策略,主要包含以下四点:
- 简明和现代:选择那些为单一任务设计的工具,可以避免工作时的噪音,从而提高工作效率。
- 有一定知名度和影响力,并且有良好的社区支持:学习任何一个工具软件都需要花费时间或是金钱,因此选择那些值得投资的软件或工具去购买和学习。
- 足够轻便:我总是需要同时打开很多软件进行工作,轻便的工具让我的系统跑得更快,对我的效率和开发体验都很有帮助。
- 买得起,或者你能找到...:技匠支持正版 _
下面就带来我所使用的这些工具推荐:
设计类工具
Sketch 3
Sketch是完全满足我上面4条选择条件的一款UI设计工具。Sketch只有几十M,相较于Photoshop,它小巧得多,更重要的是它是专为UI设计而生的,我不必关注那些与我做UI设计毫无关系的图片处理功能,从而降低了工作环境中的噪音。另外,通过强大的插件功能,我能根据需要进行安装使用,这大大提高了我的工作效率。
Affinity Designer
Affinity Designer是Mac上一个快速、流畅以及精确的矢量图形设计软件。你可以使用它来作广告、图标、UI或是创作概念艺术。在全世界超过 2500 个应用商店评级中获得平均 5 颗星—并且从一开始就成为了“编辑推荐选择”,被特别推荐为 2014 最佳新应用程序之一,并因其令人惊叹的性能和功能在 2015 年 6 月的苹果全球开发者大会上获得了令人垂涎的苹果设计奖。
Framer
原型设计的工具很多,像Flinto,Principle,Orrigmi等等,但我用的却很少。但一定让我推荐的话,我选择的是Framer Studio,因为,它允许我使用JavaScript代码来控制动效,这一点非常吸引我。
PaintCode
你可以使用PaintCode方便地进行图形设计,你也可以将SVG或PSD文件导入到PaintCode中,然后它就能帮助你将你的设计转换成Objective-C,Swift或C#代码。
Hype 3 Professional
我一般只在网站或App中使用简单的动效,但如果你希望在你的网页或App中作出非常炫的动画效果时,可以使用Hype。他能方便地设计动效并将它导出为HTML 5代码。
Pixave 2
设计师需要不断去收集优秀的设计作品,以此来提升自己的设计感觉。我之前一直在使用Ember,但它已经停产了,并且它并不能支持一些最新格式的设计文件,比如Sketch,Affinity Designer等。Pixave 2 是一个很好的替代者,它支持几乎所有与设计相关的文件格式。
Iconjar
作为设计师,你一定也收集了大量的图标素材。但你往往会发现当你真正需要去寻找一个图标时,却非常困难。Iconjar可以帮助你解决这个问题。你能够导入你的图标素材,并给它们打上标签,你也能够通过Iconjar提供的搜索功能,快速定位到你所需要的图标。
Sip for Mac and iPhone
Sip是一个非常出色的iOS app,它能帮助你从照片中创建色板。并且你可以在你的Mac或手机上随时随地使用它捕捉那些美丽的色彩。
开发类工具
Sublime Text 3
这是我开发前端代码时 使用的IDE。我非常喜欢它的那些使代码异常清晰的主题,以及功能丰富的插件。有了它开发HTML、CSS、JavaScript变成了一件非常愉悦的事情。
Eclipse
Eclipse是我一直在使用的后端JAVA开发IDE,其实比起商用过的Intellij它仍然逊色不少,推荐它是因为一方面我一直在使用它,另一方面因为它是免费的。
Dash
Dash对开发人员非常有帮助,我能够在离线的状态下查看如Angular,Swift,CSS等的技术文档。这使得我在网络条件不好的情况下也能工作,并且极大提升我的工作效率。
效率类工具
Alfred
Alfred是我见过的,最能将Mac的效率使用到极致的工具了。小到翻译一个英文单词,搜索一个文件,大到用一个命令完成本地开发环境的部署启动,都可以通过Alfred来完成。你可以将大部分的重复劳动让Alfred来帮助你完成。
CheatSheet
CheatSheet是我非常喜欢的一个小工具,任何流行的软件都会有一堆的快捷键设置,通过这个工具,你只需要长按⌘键,这个软件的所有快捷键就会显示在你的面前,你完全不用逐一去背,只要反复查看几次,你自然就能熟练运用那些快捷键了。
Fantastical
我使用Fantastical来快速地记录我的todo事项,并设定提醒。我只记录那些比较重要的事项,而不会每天把所有很细小的行动项都记录下来,因为那样反而会让我有一种压迫感而分心。我更喜欢在自然舒缓的环境中工作。
Day One
我是在开始写作以后重新使用这个软件的。它令我印象最深的便是,我可以在我的Mac上非常快速地打开这个软件并且记录一条新的想法。我相信好的想法是转瞬即逝的,你需要以最快的速度将它记录下来,否则它将永远离你而去。
Ulysses 2.0
这是我最喜欢的MarkDown写作软件。它的最大特点在于,我可以将一篇文章分成多个小节,然后在编辑器中仅针对这个小节来进行写作,这能让我更好地保持专注。另外,它支持多种文件格式的导出,如HTML,PDF,Word等,这样我可以将我的文章非常方便地发布到不同的平台上。
Screenflow
Screenflow是我用过的最好的屏幕截图软件了,你可以使用自己设定的快捷键来截取屏幕图片并进行编辑。另外,它还支持录制视频的功能,还能进行后期的制作,比如添加字幕、动画效果等。因此,我也打算用它来制作一些视频教程。
LiceCap
这使一个很小的免费软件,你可以在屏幕上设定一个区域,然后就可以用LiceCap来快速地录制GIF动画了。直接、高效是我对它的评价。
Unibox
出于不同的工作需要,我有好几个邮件账户,每天都需要检查邮件。我也尝试过好几个Mac上的客户端,包括大受好评的AirMail,但发现在处理国内邮件时,总是有这样或那样的问题,直到我发现了Unibox,它确实非常好用,按照会话方式组织的邮件非常直观和便于处理。
如果你也有自己推荐的Mac工具,也欢迎在点评中分享哦 _
技匠,以上内容欢迎大家分享到朋友圈/微博等。如需转载,请通过简信联系授权。谢谢大家!
网友评论
以太坊智能合约以及Dapp应用开发线下实战训练营
详情链接:
http://www.huodongxing.com/event/7447069529500
navicat:连接mysql,写测试语句
Macdown:强大的Markdown编辑器
postman:接口测试
sip:颜色吸取
Charles:抓包工具
哇擦了个DJ,我还有破解版最要找我发给你。
Tower:Git管理工具(以前用的SourceTree,但是Tower风格更好功能更强) 这个真心棒棒
- PDF Expert:PDF阅读+标记的神器
- Parallels Desktop多系统的救星你值得用有
http://t.cn/RXwmcNC
快捷键神器 karabiner, 比 Win下的 Autohotkey 差一些。
f.lux 护眼工具。
Atom 编辑器。
Manico 打开应用切换利器。
- Quiver:写作神器
- CodeRunner:编译神器
- Transmit:FTP神器
- Balsamiq Mockups 3:卡通风UE设计工具
- iStat Menus:方便查看Mac状态
- iTerm:好用的终端
- Kaleidoscope:文件差异比较工具
- LessDJ:音乐电台(现在用网易云音乐比较多)
- Paw:接口测试神器
- PopClip:神器不解释
- Principle:交互设计神器(sketch4.0内置交互设计,这个可以淘汰了)
- RescueTime:记录电脑使用时间情况(个人配合Wakatime使用)
- Tower:Git管理工具(以前用的SourceTree,但是Tower风格更好功能更强)
- VirtualBox:建议配合Vagrant使用
- Charles:接口测试与抓包工具
- 1Password:管理密码
1. Shimo,工作必须,你懂的
2. Magnet,快速窗口最大化,最小化等
3. PopClip,文字选中快速操作,例如说复制,查找等
4. XtraFinder,Finder加入标签栏功能
5. MacDown,个人感觉最好用的Markdown工具
努力成为全栈