恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
我的设计工具是在预算之内的
0.0°
2016-09-14 自译外文 经验/观点 原作者: AM Imogie 举报 2694 33 20 1

Image title


我发现设计做了一段时间之后就会被困在Photoshop中,我花了很长的时间在图层样式和滤镜中。之后一段时间,我开始做用户界面,尽管花费很长时间研究更有效的流程,但这是有很大乐趣的。


在之前是没有很多工具来尝试的,不过近两年界面设计师可选择的工具越来越多,当你会因为经费影响而需要做出选择的时候,是很令人烦恼的。经过一些亲身经验,我认为我终于找到了适合我工作的工具,在这里我来分享一下。


线框图&原型设计

Sketch

Image title

Sketch用完美形容都不足为过,我之后会想到更好的词来形容。因为需要设计许多界面而且快速的迭代,这需要我一直在Photoshop, AdobeXD 和 Illustrator 这类软件中来回转换。Sketch有令人眼前一亮的在软件内的功能更新和定期更新免费插件的社区,它会是你的工作效率大大提升到你想不到的境地。只需要$99,Sketch也是一个轻量级的软件。


PrincipleforMac

Image title如果你像我一样不擅长编写代码但是需要在你的流程图中快速的假如简单的交互,Principle可以完美的完成任务。在看完这里的几个教程之后,我已经可以完全使用这个软件了。你可以把从Sketch的界面或者scrach的设计直接导入到软件中。我发现的唯一一个小问题是缺少画笔。这意味着我一直在用矩形工具(有圆角选项)而不能在软件中画不规则图形。PrincipleforMac也只需要$99。


设计切换

Zeplin

Image title

Zeplin可以节省时间,虽然我现在还不能证实,不过我相信在某些方面它是可以挽救生命的。自从我开始使用Zeplin,就没有因为要一个一个导出不同尺寸的设计资源而烦恼。开发者们也不再要十六进制的颜色。我唯一听到的问题是''请更新Zeplin到最新版本。'' ,而这只需要 CMD+E 便可以了。Zeplin至允许免费使用完成一个项目,不过完全值得花钱去升级它。


Marvel

Image title

有时候我需要远程操控进行设计,不过很难快速的得到反馈。Marvel可以快速的让我从Sketch直接更新设计并分享给同组的人,这样他们可以给出反馈。我也可以在屏幕上连接所有的页面来展示之间的联系。Marvel有版本可以无限制的做项目,可是评论只能加到第三条。


素材管理

Icon Jar

Image title

这是一个很简单的工具来整理你的图标和图片。它支持所有相关的文件格式。当你做设计的时候可以直接拖拽图标到项目中,我用的是Sketch。Icon Jar是免费的。


Lingo

Image title

这是我最喜欢的整理灵感的工具。我喜欢它是因为它在我没有网的时候也可以活的图片。我也可以邀请我的朋友们来浏览编辑我的资源。Lingo是由在Noun项目中的一群人创建的一个订阅型工具。它有免费的版本,你可以下载许多有用的资源用在你的项目中。


Sip

Image title

这是我最喜欢的颜色软件。之前我是把截图放到Sketch中然后再取颜色(这非常浪费时间)。Sip直接在Mac的工具栏中,我可以直接用它来吸取屏幕上的颜色。它也有大量的颜色样式库,程序员们也可以很方便的使用。Sip是免费的,但是一些很炫酷的高级功能是需要花钱升级版本的。


FontBook

Image title

我是用Mac默认的字体管理软件,它很简单,直接解决问题。对目前的字体管理我并没有什么烦恼,所以可能忽略了更好的软件。如果你知道一些,请告诉我吧。谢谢~


插件

Craft by InvisionLabs

Image title

Craft是一个很好用的Photoshop和Sketch插件。它可以让我用真实的数据进行设计,而不是用有特定含义的伪数据像'旅行','天文'等等。他也可以填入用户姓名,电话,日期。Craft也是和Unsplash图片库连接在一起的,所以你不用离开Sketch或者Photoshop来添加图片。这真是很方便。Craft是免费的。


Content Genetator

Image title

这和Craft是很相似的。主要的不同是你不需要连网。它也和UIFaces库连接,你可以轻松的随意排列男/女人物到你的设计中。



原文地址:https://blog.prototypr.io/my-ui-design-toolbox-on-a-budget-9e5bfef268f#.5z978ce2j

作者信息:AM Imogie

更新:2016-09-14

收藏

33人已收藏

  • 75

    作品

  • 2695

    粉丝

  • 65

    关注

  • 11个表单设计小Tips
  • 产品设计的期望与现实
  • 七个设计的基本原则
  • 为什么大团队失败反而小团队取胜

    猜你喜欢

      2016-09-14 自译外文 经验/观点 原作者: AM Imogie 举报 2694 33 20 1

      我的设计工具是在预算之内的

      0.0°

      你确定要举报我的设计工具是在预算之内的

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年09月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      33
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录