加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

从设计到研发不可错过的11个工具!

(2016-07-12 17:48:11)
标签:

杂谈

http://jiasuhui.com/wp-content/uploads/2016/07/IMG_4190.jpg

加速会注:工欲善其事,必先利其器。这在这里给大家推荐一些好用的工具,希望你也可以找到更多的工具来协助工作的开展。


1、Atom

Atom是一个开源的文本编辑器,由Github开发,从去年开始我就拿它当做私人的编辑器了。Atom的功能非常齐全,可以进行安装包管理、自动填充,主题也好看。

http://jiasuhui.com/wp-content/uploads/2016/07/IMG_4191.jpg

Atom的原型来源于Sublime,这款安装包管理软件算是新的尝试。通过Atom,你可以使用APM或者它的用户界面,无需修改配置文件,就可以用了。

http://jiasuhui.com/wp-content/uploads/2016/07/IMG_4192.jpg

这款软件的表现良好。Atom刚刚发布的时候,速度有点慢,但是如今的速度已经非常快了,只有打开大型文件的时候才会变慢。


2、DragDis

设计师经常需要寻找灵感,DragDis这个工具可以帮你存储灵感,而且非常方便操作。只要安装Chrome的插件,就可以开始用了。

http://jiasuhui.com/wp-content/uploads/2016/07/3.pic_-1.jpg

如果你每周都会整理DragDis文件夹,你会发现你每周都会创建一个新的灵感文件夹,这样还能看到自己的品味变化。

http://jiasuhui.com/wp-content/uploads/2016/07/2.pic_-1.jpg

DragDis也有全屏视图,可以更好地展示结果。


3、iTerm2

iTerm是Terminal的设计进阶版,有很多功能:iTerm 2 有无限数量的面板、线上图片和搜索功能。尽管Terminal也有类似的功能,但iTerm 2对其进行了升级。

http://jiasuhui.com/wp-content/uploads/2016/07/5.pic_-2.jpg


4、Muzli

Muzli是一款Chrome插件,从Designer News、Dribbble和Behance上抓取了设计相关的信息。每当打开新页面,Muzli就会给你提供这些网站的精华内容。

http://jiasuhui.com/wp-content/uploads/2016/07/4.pic_-1.jpg

这里的挑选功能就像你的私人助理,帮你挑选最棒的前端内容和设计文章。


5、Noiz.io

很多人去咖啡店是为了那里的氛围,Noizio可以帮你在家里创造这样的氛围,你可以在Noizio里选择包括“十月的雨”、“咖啡店”、“暴风雨”和“海浪”这样的白噪音,让你完全融入其中。

http://jiasuhui.com/wp-content/uploads/2016/07/7.pic_-1.jpg


6、Invision

Invision是个制作原型和规划工作流程的平台,适合设计师和前端工程师的合作,设计师可以把设计图上传到项目中,然后就可以用超链接增加跳转了。

http://jiasuhui.com/wp-content/uploads/2016/07/6.pic_-2.jpg

这个蓝色的区域是request,如果你进行点击,就可以跳转到另一个页面,这样的方法让设计师和客户以及程序员流畅交流,也可以用来做初期的用户测试。

http://jiasuhui.com/wp-content/uploads/2016/07/7.pic_.jpg

Invision最近还开发出了新的功能,叫做Boards,你可以在这里手机各种灵感,创建自己的情绪面板。Invision和DragDis的最大区别就是,它是小组合作完成的。

http://jiasuhui.com/wp-content/uploads/2016/07/8.pic_-1.jpg


7、What the Font

字体是设计的重要元素,所以What the Font也就成了我最喜欢的Chrome插件。它可以帮你找到网站所用的字体,只要轻轻一点就可以。

http://jiasuhui.com/wp-content/uploads/2016/07/9.pic_-1.jpg


8、Postman

如果你是前端设计师的话,就常常需要获取API,Postman就是一个帮助你获取API的好用工具。

试想一下,你在写API的结尾,如果有了Postman,它就会直接获取相关的前端代码或cURL,你自己就不用写了。

http://jiasuhui.com/wp-content/uploads/2016/07/10.pic_-1.jpg


9、Wappalyzer

Wappalyzer可以辨认出网站使用了什么程序库和框架,目前在chrome的应用商店上架,是前端工程师最爱用的工具之一。如果下次你想知道网站用了什么程序库,Wappalyzer 绝对能帮到你。

http://jiasuhui.com/wp-content/uploads/2016/07/1.pic_.jpg


10、Boom 2

Boom是一款Mac平台下的音量助推及平衡器,适合码代码的时候播放音乐调节气氛,这样还会提高效率。软件本身有内置的音乐调节风格,包括:爵士、Hip-Hop和dubstep,当然你也可以自行调节。

http://jiasuhui.com/wp-content/uploads/2016/07/9.pic_-2.jpg

如果你觉得这些还不够,推荐给你试一下这些Chrome插件:JSON Viewer for Chrome、Noon Pacific、 Flux和Better Snap Tool。

http://jiasuhui.com/wp-content/uploads/2016/07/10.pic_-2.jpg


11、Testin

前面介绍的是10个小工具都是为了提高设计开发效率。目前移动应用开发在市场占比很大,为了确保移动应用程序的稳健型,测试也是必要的一个环节,最省时省力省钱的办法就是找第三方测试平台。

Testin是国内较早推出基于真机测试实验室及自动化测试技术的移动应用“云测试(Cloud Testing)”服务。Testin专注于面向全球范围内的移动互联网应用开发者,如移动APP开发者、移动手机游戏开发商及互联网 相关移动应用企业提供“一站式测试服务”。Testin一站式测试服务:包括从移动应用内测到功能测试、性能测试、兼容测试及移动应用发布后持续质量监控,解决APP终端在功能、性能、碎片化、兼容性、稳定性等难题。

据公开资料显示,Testin已经持续服务超过70万开发者,为超过175万个移动应用及手游作品进行了超过1.4亿次的测试;目前为止,Testin已经服务超过120个行业,覆盖90%以上应用开发商及手游企业。

http://jiasuhui.com/wp-content/uploads/2016/07/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20160712123253.jpg



本文来自:加速会

原文地址:http://jiasuhui.com/archives/85329

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有