独孤九剑!一名全栈设计师的Mac工具箱(设计/开发/效率) - 优设-UISDC

独孤九剑!一名全栈设计师的Mac工具箱(设计/开发/效率)

2016/04/18 25692评论区

full-stack-designer-mac-toolkit-1

编者按:一个同时拥有开发/设计/高执行力技能的设计师会用哪些软件来帮自己提高工作效率?今天这篇软件推荐的文章作者是一个架构师,业余喜欢用自学的设计技能开发网站和App,一起来看看他的工具箱。

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

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

  1. 简明和现代:选择那些为单一任务设计的工具,可以避免工作时的噪音,从而提高工作效率。
  2. 有一定知名度和影响力,并且有良好的社区支持:学习任何一个工具软件都需要花费时间或是金钱,因此选择那些值得投资的软件或工具去购买和学习。
  3. 足够轻便:我总是需要同时打开很多软件进行工作,轻便的工具让我的系统跑得更快,对我的效率和开发体验都很有帮助。
  4. 买得起,或者你能找到… 技匠支持正版 ^_^

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

设计类工具

Sketch 3

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

1tool20160418

Affinity Designer

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

2tool20160418

Framer

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

3tool20160418

PaintCode

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

4tool20160418

Hype 3 Professional

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

5tool20160418

Pixave 2

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

6tool20160418

Iconjar

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

7tool20160418

Sip for Mac and iPhone

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

8tool20160418

开发类工具

Sublime Text 3

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

9tool20160418

Eclipse

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

10tool20160418

Dash

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

11tool20160418

效率类工具

Alfred

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

12tool20160418

CheatSheet

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

13tool20160418

Fantastical

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

14tool20160418

Day One

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

15tool20160418

Ulysses 2.0

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

16tool20160418

Screenflow

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

17tool20160418

LiceCap

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

18tool20160418

Unibox

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

19tool20160418

百度网盘

这是国内我使用过的最好的网盘了,它的使用界面很直观,操作也很简便。我用它来与客户分享一些文档,设计图或其他资料。

20tool20160418

作者微信公众号:

jjqr

「技多不压身的设计师才有高薪资!」

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量112万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/full-stack-designer-mac-toolkit

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里