T 【干货】一名全栈设计师的Mac工具箱(设计,开发,效率) - CocoaChina_让移动开发更简单

首页 >iOS开发

【干货】一名全栈设计师的Mac工具箱(设计,开发,效率)

2017-05-12 15:33 编辑: suiling 分类:iOS开发 来源:技匠的简书

原文

我喜欢把自己定义为一个会一些设计的全栈工程师。在一些大型企业项目中,我一般担任架构师的角色,而到了我自己负责的个人或开源项目中,我就成了一名全栈设计师。我喜欢用自学而来的那些设计技能进行网站或App设计,然后自己动手实现前端和后端。这能帮助我有效节省成本并减少因多人沟通带来的工作效率问题。但我也很清楚,我不可能像那些真正的设计师那样掌握很多设计技巧,并做出非常优秀的作品来。我所能做的是一方面通过自学提升自己对设计的认识,另一方面我一定会精心挑选设计工具,来尽可能地弥补我设计技能上的不足。(这两点同样重要,如果你和我一样也是一名对设计有兴趣的程序员,可以读读我之前写的《自学设计,你真的入门了吗?》,其中描述了我自学设计的经历、方法和一些认识。)

工具的更新换代速度很快,但正确的工具选择思路却可以一直使用下去,我有一套自己的工具选择策略,主要包含以下四点:

  1. 简明和现代:选择那些为单一任务设计的工具,可以避免工作时的噪音,从而提高工作效率。

  2. 有一定知名度和影响力,并且有良好的社区支持:学习任何一个工具软件都需要花费时间或是金钱,因此选择那些值得投资的软件或工具去购买和学习。

  3. 足够轻便:我总是需要同时打开很多软件进行工作,轻便的工具让我的系统跑得更快,对我的效率和开发体验都很有帮助。

  4. 买得起,或者你能找到...:技匠支持正版 ^_^

下面就带来我所使用的这些工具推荐:

设计类工具

Sketch 3

Sketch是完全满足我上面4条选择条件的一款UI设计工具。Sketch只有几十M,相较于Photoshop,它小巧得多,更重要的是它是专为UI设计而生的,我不必关注那些与我做UI设计毫无关系的图片处理功能,从而降低了工作环境中的噪音。另外,通过强大的插件功能,我能根据需要进行安装使用,这大大提高了我的工作效率。

1399853-500cfdcd41c4f90d.png

Affinity Designer

Affinity Designer是Mac上一个快速、流畅以及精确的矢量图形设计软件。你可以使用它来作广告、图标、UI或是创作概念艺术。在全世界超过 2500 个应用商店评级中获得平均 5 颗星—并且从一开始就成为了“编辑推荐选择”,被特别推荐为 2014 最佳新应用程序之一,并因其令人惊叹的性能和功能在 2015 年 6 月的苹果全球开发者大会上获得了令人垂涎的苹果设计奖。

1399853-e3331b496cf467c3.png

Framer

原型设计的工具很多,像Flinto,Principle,Orrigmi等等,但我用的却很少。但一定让我推荐的话,我选择的是Framer Studio,因为,它允许我使用JavaScript代码来控制动效,这一点非常吸引我。

3.png

PaintCode

你可以使用PaintCode方便地进行图形设计,你也可以将SVG或PSD文件导入到PaintCode中,然后它就能帮助你将你的设计转换成Objective-C,Swift或C#代码。

4.png

Hype 3 Professional

我一般只在网站或App中使用简单的动效,但如果你希望在你的网页或App中作出非常炫的动画效果时,可以使用Hype。他能方便地设计动效并将它导出为HTML 5代码。

5.png

Pixave 2

设计师需要不断去收集优秀的设计作品,以此来提升自己的设计感觉。我之前一直在使用Ember,但它已经停产了,并且它并不能支持一些最新格式的设计文件,比如Sketch,Affinity Designer等。Pixave 2 是一个很好的替代者,它支持几乎所有与设计相关的文件格式。

6.png

Iconjar

作为设计师,你一定也收集了大量的图标素材。但你往往会发现当你真正需要去寻找一个图标时,却非常困难。Iconjar可以帮助你解决这个问题。你能够导入你的图标素材,并给它们打上标签,你也能够通过Iconjar提供的搜索功能,快速定位到你所需要的图标。

1399853-db8f0fe5a61ffeb0.png

Sip for Mac and iPhone

Sip是一个非常出色的iOS app,它能帮助你从照片中创建色板。并且你可以在你的Mac或手机上随时随地使用它捕捉那些美丽的色彩。

开发类工具

7.png

开发类工具

Sublime Text 3

这是我开发前端代码时 使用的IDE。我非常喜欢它的那些使代码异常清晰的主题,以及功能丰富的插件。有了它开发HTML、CSS、JavaScript变成了一件非常愉悦的事情。

8.png

Eclipse

Eclipse是我一直在使用的后端JAVA开发IDE,其实比起商用过的Intellij它仍然逊色不少,推荐它是因为一方面我一直在使用它,另一方面因为它是免费的。

9.png

Dash

Dash对开发人员非常有帮助,我能够在离线的状态下查看如Angular,Swift,CSS等的技术文档。这使得我在网络条件不好的情况下也能工作,并且极大提升我的工作效率。

1399853-e682d22497d0d9a6.png

效率类工具

Alfred

Alfred是我见过的,最能将Mac的效率使用到极致的工具了。小到翻译一个英文单词,搜索一个文件,大到用一个命令完成本地开发环境的部署启动,都可以通过Alfred来完成。你可以将大部分的重复劳动让Alfred来帮助你完成。

11.png

CCheatSheet

CheatSheet是我非常喜欢的一个小工具,任何流行的软件都会有一堆的快捷键设置,通过这个工具,你只需要长按?键,这个软件的所有快捷键就会显示在你的面前,你完全不用逐一去背,只要反复查看几次,你自然就能熟练运用那些快捷键了。

222.png

Fantastical

我使用Fantastical来快速地记录我的todo事项,并设定提醒。我只记录那些比较重要的事项,而不会每天把所有很细小的行动项都记录下来,因为那样反而会让我有一种压迫感而分心。我更喜欢在自然舒缓的环境中工作。

444.png

Day One

我是在开始写作以后重新使用这个软件的。它令我印象最深的便是,我可以在我的Mac上非常快速地打开这个软件并且记录一条新的想法。我相信好的想法是转瞬即逝的,你需要以最快的速度将它记录下来,否则它将永远离你而去。

555.png

Ulysses 2.0

这是我最喜欢的MarkDown写作软件。它的最大特点在于,我可以将一篇文章分成多个小节,然后在编辑器中仅针对这个小节来进行写作,这能让我更好地保持专注。另外,它支持多种文件格式的导出,如HTML,PDF,Word等,这样我可以将我的文章非常方便地发布到不同的平台上。

666.png

Screenflow

Screenflow是我用过的最好的屏幕截图软件了,你可以使用自己设定的快捷键来截取屏幕图片并进行编辑。另外,它还支持录制视频的功能,还能进行后期的制作,比如添加字幕、动画效果等。因此,我也打算用它来制作一些视频教程。

777.png

LiceCap

这使一个很小的免费软件,你可以在屏幕上设定一个区域,然后就可以用LiceCap来快速地录制GIF动画了。直接、高效是我对它的评价。

888.png

Unibox

出于不同的工作需要,我有好几个邮件账户,每天都需要检查邮件。我也尝试过好几个Mac上的客户端,包括大受好评的AirMail,但发现在处理国内邮件时,总是有这样或那样的问题,直到我发现了Unibox,它确实非常好用,按照会话方式组织的邮件非常直观和便于处理。

999.png

如果你也有自己推荐的Mac工具,也欢迎在点评中分享哦 ^_^

搜索CocoaChina微信公众号:CocoaChina
微信扫一扫
订阅每日移动开发及APP推广热点资讯
公众号:
CocoaChina
我要投稿   收藏文章
上一篇:SDWebImage 源码阅读笔记
下一篇:如何实践接口的自动化测试!
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0

综合评论

相关帖子

sina weixin mail 回到顶部