美文网首页资源精选get√工具文章
一名全栈设计师的Mac工具箱(设计,开发,效率)

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

作者: 技匠 | 来源:发表于2016-04-05 18:53 被阅读44697次

    我喜欢把自己定义为一个会一些设计的全栈工程师。在一些大型企业项目中,我一般担任架构师的角色,而到了我自己负责的个人或开源项目中,我就成了一名全栈设计师。我喜欢用自学而来的那些设计技能进行网站或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来帮助你完成。


    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工具,也欢迎在点评中分享哦 _

    技匠,以上内容欢迎大家分享到朋友圈/微博等。如需转载,请通过简信联系授权。谢谢大家!

    相关文章

      网友评论

      • 74f020ba6b2b:程序员避坑好途径,大神手把手教你区块链开发世界里的赚钱技能
        以太坊智能合约以及Dapp应用开发线下实战训练营
        详情链接:
        http://www.huodongxing.com/event/7447069529500
      • 逍遥键客:如果你依然在编程的世界里迷茫,不知道自己的未来规划,可以加入高级程序员群:647355916 里面可以与大神一起交流并走出迷茫。小白可进群免费领取学习资料,看看前辈们是如何在编程的世界里傲然前行。
      • zhi5ai:你画app架构图是用哪个软件?
      • superDg:Xcode:你懂的,所带的命令行很强大
        navicat:连接mysql,写测试语句
        Macdown:强大的Markdown编辑器
        postman:接口测试
        sip:颜色吸取
        Charles:抓包工具
      • 欧巴冰冰:BetterTouchTool 是我用过迄今为止MAC最好用的 工具,你们竟然不推荐??
        哇擦了个DJ,我还有破解版最要找我发给你。
        Tower:Git管理工具(以前用的SourceTree,但是Tower风格更好功能更强) 这个真心棒棒
      • nbpzjy:- atom: 也是个好东西 编辑markdown文件,写代码等,Github御用
        - PDF Expert:PDF阅读+标记的神器
        - Parallels Desktop多系统的救星你值得用有
      • 84bfd4c7883a:学习了大神好多,我也觉得idea 比eclipse好用
      • 067ad9b0bfd8:太感谢了,之后去体验下这些当下可以用的软件
        hstonel:@Shining徐佳伟 不错
      • 奧革士:自己最近正在开发一款类似「Pixave」的图片整理软件叫「Eagle」,提供许多方便的整理功能,支持Windows/Mac,还有云同步,推荐给版主来体验看看! :smiley:
        http://t.cn/RXwmcNC
        技匠: @奧革士 谢谢
      • BluesVN:设计和代码我都喜欢。我该怎么办
        大大大腾:@BluesVN 跟你一样,我做3年设计,喜欢编程,所以都会了解
      • simonkuang:很不错!如果能推荐教程就更好了
      • 02c5cfc10d53:非常有用,对于macos小白来说,谢谢分享!
      • 王宝花:准备买台macbook
      • 3357f45b4bf3:看到eclipse就不想看了 垃圾
      • FosterDylan:多屏控制 sizeup
        快捷键神器 karabiner, 比 Win下的 Autohotkey 差一些。
        f.lux 护眼工具。
        Atom 编辑器。
        Manico 打开应用切换利器。
      • 幸福的李雨龙:lz全的什么栈啊😄
      • 9ba0de71c3e2:只想要个截屏软件你跟我说648.。。
      • 9ba0de71c3e2:mindnode
      • 096ffe2b3824:健健康康
      • 73d8839a5c5e:还有一个BetterTouchTool也非常不错
      • 日语勉强君:framer 用的不是coffeescrift么?
      • luoerliu:最后一条瞬间降低逼格,百度网盘的软文
      • TianBai:喜欢
      • a4b8664eea0e:我的梦想就是成为一名全栈设计师!我在学校学C#后来转java以为java我觉得可以学的更底层一些
        zzzhan:@yehuan 学Nodejs 吧,可以给你节约成本。很适合全栈
      • Nerd:我的百度网盘Mac客户端一同步就崩溃… 自从更新了 El Capitan 就这样,百度一直不更新。
      • MMMOOO:Mark
      • RobertCrazying:最后一条不厚道,Mac上只有超难用的所谓的同步盘,我是用aria2来下载百度网盘的资源的。
      • jakend:mark 有几款不错
      • 大Z哥:xcode
      • franklight:网盘可以用坚果云,这个是最接近dropbox的了
      • Sark:浏览器Chrome+Shadowsocks+Tampermonkey
        9ba0de71c3e2: @Sark_Davidson 为什么我的chrome用触控板浏览网页没有safari流畅
        技匠:@Sark_Davidson 谢谢,后面根据大家的反馈,把更多优秀工具加入进去:smile:
      • VMan:价格不菲啊
      • 其所以然:赶明我先买一个500G的SSD
      • 83a7dc22bf22:最后一个居然是百度网盘。。
        83a7dc22bf22:@技匠 不知道国内什么比较好用。。其实我也用百度网盘,但是前几天百度网盘被爆了。。我就不敢用了
        技匠:@The_D 国内用,还有啥推荐:smile:
      • 进击的小熊猫:都是套路,百度网盘的广告而已
      • 战魂哥:支持
      • 9f4bf7d300b7:邮件用cloudmagic
      • ProgressChen:收藏了
      • Disear_Van:收了
      • ttdevs:豪大大,最后一个瞬间拉低了你的逼格,怎么少的了dropbox,差点也上onedrive啊
        技匠:@ttdevs 哈哈,我用的是云梯,不过和客户沟通还是用国内的更方便😜
        ttdevs:@技匠 开发人员,vpn难道不是必备吗
        技匠:@ttdevs 国内太慢😄
      • easy_sample:这些工具真的很棒
      • 魔芋Brace:工具好
      • 妙法莲花1234:intellij全系列破解版路过
      • g才华横溢:好东西值得分享
      • c7ae935473f3:么么哒
      • Purlible:值得收藏
      • 丶Stephen:喜欢
      • 扛支枪:mark 32
      • Nodelover:deckset/learnote/vlc/mark man/xmind/mindnote pro/tyme/Rightfont/icon8/omni全系列/ppduck/slicy/tickeys/boom2/vagrant/docker/liteide/ionic lab/atom/mysqlworkbeach/Robomongo/sequel pro/postman/gliffy diagrams/sqlitestudio/小狐狸加速器/lantern/uTorrent/Tunnelblick/pomotodo/noizio 超级全栈飘过~~~~
      • Airing:我简单补充几个吧:
        - 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:管理密码
        Airing:@Stove3 官方,你可以关注一下,应该快出了
        Stove3:@Airing Sketch 4.0是哪来的消息?
        技匠:@Airing 太棒了,谢谢分享😄
      • d4ab0f3be2ba:test ha ah
      • ece41fe5b6b7:这样的工具你值得拥有
      • 雷宗扬:好工具
      • 陆大胖:非常感谢作者的分享
      • 李大泽:帮助了我很多,非常感谢
      • 菜同学少女:直接导出h5代码太牛了,改天试试
      • losywee:感觉的话全栈的话,需要的工具远不止这些,我觉得任何工具自己用的满意就行
      • caozhao:真想 拜师 求教
      • 呆萌的加菲小喵:我能索PS咩😂,,设计渣一枚主要用的还四sketchup这些的通用平台软件,楼主赞👍👍
        浮生丶若梦:@呆萌的加菲小喵 有资源
        呆萌的加菲小喵:@浮生丶若梦 开始打算学景观😆😆~好像和环艺也差不多,,多向楼主学习😃
        浮生丶若梦:@呆萌的加菲小喵 我有。环艺么?
      • 疯狂的向日葵:求土豪赏1000刀,过把瘾.
      • royalfeng:Get,就差一台mac了
        浮生丶若梦:@royalfeng 23333
      • letcoda:能在分享点么,意犹未尽
      • 春和花香:good & mark
      • Oopx羊:设计师也可以学到东西
      • 难却却: :+1: :+1: 真好
      • 厨房仔:还没看,目测就不错
      • 再或不再:排版挺好的,get了
      • nSaxJB:有品质
      • 小矮人Ethan:不明觉厉
      • 71c23d202ee8:会设计的全栈工程师,厉害,很多设计师和工程师的梦想啊,这样能有效地减少沟通成本,带来工作效率的提升。很好的推荐,赞!
        技匠:@flyricer 谢谢啦😍
      • 5fc213d42896:我也来推荐一些:
        1. Shimo,工作必须,你懂的
        2. Magnet,快速窗口最大化,最小化等
        3. PopClip,文字选中快速操作,例如说复制,查找等
        4. XtraFinder,Finder加入标签栏功能
        5. MacDown,个人感觉最好用的Markdown工具
        ttdevs:@winking324 你可以多尝试几款,比如mweb等
        技匠:@winking324 精彩,谢谢😄
      • aedb3232c9e0:Cakebrew 管理homebrew包的小工具
        技匠:@AkiossDev 好工具,顶😄
      • 不冷的南风:很不错的分享, :+1:
        技匠:@chongzone 😄
      • 降落在地球上的那美克星人:我也用Dash,还有支持的vim插件,很好用!
        技匠:@降落在地球上的那美克星人 谢谢分享
      • 猎暄:请教一个问题,穷学生想支持正版肿么破:joy::joy:
      • 11b3d688deec:mark
        努力成为全栈
      • 1bbe38bf38fa:很棒,推荐很给力!
      • 34c343e7515f:很实用,收藏了😀
      • dca8e5bd3873:土豪 你好。土豪 再见

      本文标题:一名全栈设计师的Mac工具箱(设计,开发,效率)

      本文链接:https://www.haomeiwen.com/subject/gxoelttx.html