效率丨10个前端/设计师必备的生产力工具

2016/11/12 15700

10-designer-developer-productivity-tools-1

好工具优化工作流程,解放生产力,这10生产力利器,帮你提高效率。

注:以下大多数都用到 Google 浏览器 Chrome,请科学上网。

DragDis

设计师总是在寻找灵感,而 DragDis 就是这样一个帮助设计师保存灵感的工具,这是一个 chrome 插件,非常容易使用。

uisdc-201611121

当我们找到好看的图片可以轻松地拖动到云上。原作者每周新建一个文件夹,他介绍这是一个很好地审视自己设计品味成长的方式。(看到灰昼大大的寻龙诀作品了)

uisdc-201611122

DragDis也有一个全页网格视图。用着非常舒心。

Muzli

这是一个 Chrome 插件,汇集来自Designer新闻,Dribbble,Behance等来源的设计相关内容。

uisdc-201611124

设计师都喜欢看那些设计精美的案例,从中汲取灵感,一个合格的设计师必须要了解国外最新和最热门的设计作品,这样你就可以把握设计方向和理念,这样你的设计作品就会与国际接轨,一个好的工具可以帮助你节省大量的时间,Muzli 其实就是取代了谷歌浏览器默认的标签,只要你安装了就会成为浏览器的主页(可选设置),这样你每天打开浏览器就会获取到来自于各大设计网站的最新作品。

值得一提的是这个插件是有专门的人去负责维护运营的,这就像你有一个个人助理帮你挑选最好的前端和设计相关的文章。

Invision

Invision是一个原型设计和工作流平台,非常适合前端和设计师之间的协作。

设计师可以把做好的设计稿上传到项目中。然后他们将屏幕彼此热连接。

uisdc-201611126

蓝色部分是热链接区域。如果点击它们,会带您到下一个屏幕。这是设计师通过流程来引导客户和开发人员的好方法。当与用户进行一些初步的定性测试时,它也很有用。

uisdc-201611127

官方说法 Airbnb、Evernote 、Adobe、Oracle、Yahoo(手动再见)、Zappos 等均为 InVision 的用户,超过 35 万名设计师在使用 InVision 的服务。

What the Font

字体是设计中相当重要的组成部分,而这个工具就是能帮你找到,当前网站用的什么字体。

这是个 chrome 插件,只需要简单的点击一下即可出现字体的详情。

uisdc-201611129

Postman

前端开发人员工作时,经常需要查询或调用 API 。Postman 是一个方便的工具,可以帮助你向API发出请求。

uisdc-2016111210

当开发人员需要调试一个网页是否运行正常,并不是简简单单地调试网页的 HTML、CSS、脚本等信息是否运行正常,更加重要的是网页能够正确是处理各种 HTTP 请求,毕竟网页的 HTTP 请求是网站与用户之间进行交互的非常重要的一种方式,在动态网站中,用户的大部分数据都需要通过 HTTP 请求来与服务器进行交互。

Postman 插件就充当着这种交互方式的“桥梁”,它可以把各种模拟用户 HTTP 请求的数据发送到服务器,以便开发人员能够及时地作出正确的响应,或者是对产品发布之前的错误信息提前处理,进而保证产品上线之后的稳定性和安全性。

Wappalyzer

Wappalyzer 是一个用于识别网站使用的库和框架的工具。

它也是一个 Chrome 插件,是目前为前端开发人员最有用的工具之一。

下一次你想知道一个网站使用什么库,来创建一个特定的可视化功能,Wappalyzer 帮你搞定。

uisdc-2016111211

上面工作向的生产力工具介绍完了,下面在介绍两个娱乐向的生产力工具。舒适的工作环境有助于提升效率。

Boom 2

Boom for Mac,可以有效地提高苹果操作系统的音质,具有各种音效增强工具,比如提高系统的音量,改善语音聊天或者音乐播放的音效等,同时 Boom Mac 还具有加大音频文件音量的功能。比如下载的音乐音量太小,可以使用 Boom Mac 处理后再同步到苹果设备中。

xx20161112-2

Noiz.io

很多创意工作者喜欢咖啡店的氛围,(有 Mac 和 iOS 版本)可以让你的拥有这种氛围,可以调节出咖啡店,雨天,雷电和海浪的感觉。

uisdc-201611125

「专业科班训练方法」

  1. 《专业科班的方法!设计师在工作中通过哪些方式获取灵感?》
  2. 《专业科班的方法!设计一个LOGO 的常规思路和流程是怎样的?》
  3. 《专业训练方法!如何设计一张高品位高水准的海报?(大量实例)》
  4. 《专业科班方法!平面设计里怎样提高作品的视觉冲击力?》
  5. 《专业科班方法!一套完整的中文字体是如何开发出来的?》

2016uisdc-classroom-new

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/10-designer-developer-productivity-tools

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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