前端开发和设计师必备工具

当前位置:首页 › blog前端开发和设计师必备工具

DragDis

 

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

 

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

 

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

 

  Muzli

 

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

 

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

 

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

 

  Invision

 

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

 

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

 

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

 

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

 

  What the Font

 

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

 

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

 

  Postman

 

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

 

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

 

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