前端开发设计师必须知道的这8款软件

来源：最后更新：22-04-01 10:02:06

导读：前端开发设计师必须知道的这8款软件，DragDis、Muzli、Invision这几款软件，对于前端及设计师来说，想必不会太陌生。这几款软件在前端及设计师工作的时候极其适用，它们能有效地帮助保存设计师的灵感，画面简约又不失精致，可以有效地提高设计师的工作效率。除了这几款软件以外，还有其他几款软件非常值得前端及设计师使用。接下来小编告诉您前端及设计师必须知道的8款实用软件，你有在用吗？

　　DragDis、Muzli、Invision这几款软件，对于前端及设计师来说，想必不会太陌生。这几款软件在前端及设计师工作的时候极其适用，它们能有效地帮助保存设计师的灵感，画面简约又不失精致，可以有效地提高设计师的工作效率。除了这几款软件以外，还有其他几款软件非常值得前端及设计师使用。接下来小编告诉您前端及设计师必须知道的8款实用软件，你有在用吗？

　　1、DragDis

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

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

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

　　2、Muzli

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

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

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

　　3、Invision

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

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

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

　　官方说法 Airbnb、Evernote 、Adobe、Oracle、Yahoo、Zappos 等均为 InVision 的用户，超过 35 万名设计师在使用 InVision 的服务。

　　4、What the Font

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

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

　　5、Postman

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

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

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

　　6、Wappalyzer

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

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

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

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

　　7、Boom 2

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

　　8、Noiz.io

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

标签: 网页设计标签简介

免责声明：本文系转载，版权归原作者所有；旨在传递信息，其原创性以及文中陈述文字和内容未经本站证实。