转载自Cocoa China, 原文地址:http://www.cocoachina.com/ios/20170512/19259.html

原文

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

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

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

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

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

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

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

设计类工具

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来帮助你完成。

CCheatSheet

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

Fantastical

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

Day One

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

Ulysses 2.0

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

Screenflow

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

LiceCap

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

Unibox

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

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

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

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

  2. 懂代码且抢手的全栈设计师是怎样炼成的?

    点击上方"程序人生",选择"置顶公众号" 第一时间关注程序猿(媛)身边的故事 随着互联网行业的发展,UI设计师越来越多的被提及,UI设计师大火,薪资水平也是一路 ...

  3. AI全栈设计师的能力公式,及如何用AI来增强设计能力

    有非常多的设计师会在工作几年后转型,也有非常多的程序员会转为产品经理,没有一份职业是"安稳"的,一切都在变化中~ 今天聊聊AI设计所应该具备的能力及讨论下如何利用AI来增强设计师的 ...

  4. 全栈设计师必须拥有的Mac软件推荐

    全栈设计师的内涵中,并不是要求设计师什么都懂,严格意义上讲,它指的是掌握多种技能,并且能够运用多种技能来独立完成设计作品或者产品开发的人. 一个优秀的全栈设计师,能够相对独立地搞定一个项目的基本构思, ...

  5. 印象笔记设计经理王怀千:全栈设计师的职业本质

    嘉宾介绍 王怀千,现任印象笔记设计经理,负责产品的更新迭代以及品牌形象维护与更新.互联网从业近9年,专注视觉.用户体验设计.根据项目.流程和业务进行专项能力提升,持续学习思考,紧跟设计流行趋势,以&q ...

  6. 你是否应该成为一名全栈工程师?

    Asaf Yigal是Logz.io的联合创始人与产品副总裁.在Logz.io之前,Asaf与他人联合创立了Currensee,这是一个社会化交易平台,后来在2013年被OANDA收购.在 Curre ...

  7. 智能音箱大战全面开火,那么问题来了:如何成为一名全栈语音识别工程师?

    文 / 陈孝良 11月16号,百度发布了渡鸦智能音箱和DuerOS开发板SoundPi,至此,国内再一名巨头加入智能音箱大战.迄今为止,国内战场上的巨头有阿里.京东.腾讯.百度.小米.科大讯飞等,国外 ...

  8. 如何成为一名全栈语音识别工程师?

    本文转载自声智科技CEO陈孝良老师科学网博客: http://blog.sciencenet.cn/blog-1375795-1085914.html 11月16号,百度发布了渡鸦智能音箱和DuerO ...

  9. 全链路设计师和全栈_成为全栈设计师意味着什么

    全链路设计师和全栈 重点 (Top highlight) For those who are not tech-savvy, the term "Full Stack" refer ...

最新文章

  1. win服务器上文件消失,Winserver 2012服务器关机,升级内存后,Hyper-V的硬盘文件(.vhdx)莫名消失...
  2. c++编程 文件系统
  3. C#窗体应用设置多窗体和设置启动窗体
  4. 如何在VMware中安装Linux系统(带界面)~新手向
  5. Computer Network Homework3’ s hard question
  6. 2018-06-29 西游记主题Python入门示例尝试-数据结构 5.1-5.1.2
  7. cad致命错误如何处理_Golang 如何优雅地处理错误
  8. atoi和itoa函数实现
  9. 16年毕业,刚入行软件测试,就拿到这么多薪资......因为稳定的时刻学习
  10. ES Filebeat 使用 Pipeline 处理日志中的 @timestamp
  11. 使用docker+tomcat部署jenkins
  12. 炫龙dd2——黑苹果10.14 Clover EFI文件共享
  13. 单片机死机了怎么办?
  14. SpringBoot整合Druid(一)
  15. Windows查看所有的端口及端口对应的程序
  16. vue的介绍-基本语法
  17. 《指弹:周杰伦青花瓷》
  18. 用Python画等边三角形
  19. PCB设计--AD18导入二维码避坑指南
  20. 迅雷7 down.php,普通文件与迅雷、旋风、快车、RayFile的下载地址转换算法

热门文章

  1. 结构体空间的大小计算
  2. 基于Python(Pyecharts)绘制个人足迹地图【100010383】
  3. Claude in Slack
  4. 微信小程序实现搜索功能以及效果(超详细)
  5. JavaScript交互式网页设计 • 【第2章 JavaScript函数与事件】
  6. 快速排序几种实现方法及其优化
  7. 【正点原子Linux连载】第七十章 Linux WIFI驱动实验 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0
  8. chrome设置微信ua_用Chrome在电脑上模拟微信浏览器 - 雪山玉龙 - 博客园
  9. K_A16_003 基于STM32等单片机采集薄膜压力传感器参数串口与OLED0.96双显示
  10. 让管理员将所有服务器连接到一台显示器,信息技术基础模拟题