网站开发指南：前端开发设计师必须知道的这8款
2021-12-18

网站开发指南：前端开发设计师必须知道的这8款软件

DragDis、Muzli、Invision这几款软件，对于前端及设计规划师来说，想必不会太陌生。这几款软件在前端及设计规划师任务的时候极其适用，它们能有效地协助支持保存设计规划师的灵感，画面简约又不失精致，能够有效地提升提高设计规划师的任务效率。除了这几款软件以外，还有其他几款软件十分值得前端及设计规划师运用。接下来小编告诉您前端及设计规划师必须清楚了解的8款实用软件，你有在用吗？

1、DragDis

设计规划师总是在寻找灵感，而 DragDis 就是这样一个协助支持设计规划师保存灵感的工具，这是一个 chrome 插件，十分容易运用。

当我们发现好看的image图片能够轻松地拖动到云上。原作者每周新建一个文件夹，他推荐这是一个很好地审视自己设计规划品味成长的方式。

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

2、Muzli

这是一个 Chrome 插件，汇集来自Designer新闻资讯，Dribbble，Behance等来源的设计规划同类相关信息内容。

设计规划师都喜爱看那些设计规划精美的case案例，从中汲取灵感，一个合格的设计规划师必须要明白国外最新和最热门的设计规划作品，这样你就能够把握设计规划方向和理念，这样你的设计规划作品就会与世界接轨，一个好的工具能够协助支持你节约大批的时间，Muzli 其实就是取代了谷歌google查看浏览器默认的tag标签，只要你安装了就会成为查看浏览器的主页(可选配置设置)，这样你每天打开查看浏览器就会获得到来自于各大设计规划网站站点的最新作品。

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

3、Invision

Invision是一个设计原型图和任务流第三方平台，十分适合前端和设计规划师之间的协作。

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

蓝色部分是热链接url区域。如果访问点击它们，会带您到下一个屏幕。这是设计规划师通过过程步骤来引导客户使用者和建设开发人员的好方式方法。当与用户使用者推进少许初步的定性尝试时，它也很有用。

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

4、What the Font

字体是设计规划中相当关键的组成部分，而这个工具就是能帮你发现，当前网站站点用的什么字体。

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

5、Postman

前端建设开发人员任务时，经常需要查询或调用 API 。Postman 是一个方便的工具，能够协助支持你向API发出请求。

当建设开发人员需要调试一个网页页面是不是是否运行正常，并不是简简单单地调试网页页面的 HTML、CSS、脚本等信息是不是是否运行正常，尤其关键的是网页页面满足正确是处理各种 HTTP 请求，毕竟网页页面的 HTTP 请求是网站站点与用户使用者之间推进交互的十分关键的一种方式，在动态网站站点中，用户使用者的大部分数值数据都需要通过 HTTP 请求来与we服务器推进交互。

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

6、Wappalyzer

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

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

下一次你想清楚了解一个网站站点运用什么库，来搭建一个特定的可视化功能，Wappalyzer 帮你搞定。

上面任务向的生产力工具推荐完了，下面在推荐两个娱乐向的生产力工具。舒适的任务环境有助于提高提升效率。

7、Boom 2

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

8、Noiz.io

很多创新任务者喜爱咖啡店的氛围，(有 Mac 和 iOS 版本)能够让你的拥有这种氛围，能够调理出咖啡店，雨天，雷电和海浪的感觉。