推荐8个设计必备谷歌插件,让浏览器更强大!
今天跟大家分享下我在设计工作中会用到的谷歌插件,非常的干货。
❶ Muzli
Muzli是专业设计网站聚合器, 它把全世界不错的设计网站聚合成一个插件,可以说是设计师的灵感地方,只需要用Chrome浏览器打开立即可以看到新的ideal.
–
❷ 图片助手
推荐!全称是图片助手(ImageAssistant) 批量图片下载器,是我频率用的zui高的,它可以一键提取网页上面的所有图片、素材,图片支持复制、保存.
–
❸ 捕捉网页截图
这个可以截图整个网页的长图、可见部分、可选部分,图片支持复制、保存。当调研几个竞品网页整体设计风格、框架的时候,捕捉整个网页的长图就会用上了,全部截长图可以进行对比。
–
❹ 划词翻译
在浏览网页时,遇到生词,划下文本可以进行翻译。划词翻译是一站式划词 / 截图 / 音视频翻译扩展,支持谷歌、百度、搜狗等 9 个国内外主流翻译。
–
❺ What Font
WHATFONT是一款可以帮助查看识别网页字体的浏览器插件。对于做设计的朋友来说,经常会看到一些网站使用的字体非常漂亮,我们可能会很知道这是什么字体?但是需要通过查看源代码等繁琐的手段才能知道这是什么字体,这时开启what font,点击文本就可直接出现字体的样式(字体、颜色、字号等),是不是超方便,哈哈~同样开发还原你的设计稿字体、字号是否正确,也可以用该插件检验。
–
❻ 花瓣网页收藏工具
安装了该插件,浏览器的图片左上角会带上采集按钮,浏览到好的素材,点击可以直接采集到你的花瓣素材库里。就不用一个个去花瓣上传了
–
❼ Jinno
这是为设计师量身定制的 CSS 查看器。用到的场景就是:验收开发实现出来的网页间距、样式是否正确。
–
❽ Window Resizer
Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,可以将窗口调节为1440×900、1920×1080等大小,也可以选择自定义浏览器窗口的尺寸。当设计师在验收开发实现出来的网页,验收页面兼容性的时候经常要考虑用户的窗口大小,就可以改变窗口大小,查看页面对不同屏幕的适配情况。
–
以上就是我日常工作中的经验分享,赶紧收藏下,如果对你有帮助,记得给个小心心支持一下呦~会继续分享设计干货,一起成长
@校园薯 @薯队长 @生活薯 @日常薯
#get一项新技能
❶ Muzli
Muzli是专业设计网站聚合器, 它把全世界不错的设计网站聚合成一个插件,可以说是设计师的灵感地方,只需要用Chrome浏览器打开立即可以看到新的ideal.
–
❷ 图片助手
推荐!全称是图片助手(ImageAssistant) 批量图片下载器,是我频率用的zui高的,它可以一键提取网页上面的所有图片、素材,图片支持复制、保存.
–
❸ 捕捉网页截图
这个可以截图整个网页的长图、可见部分、可选部分,图片支持复制、保存。当调研几个竞品网页整体设计风格、框架的时候,捕捉整个网页的长图就会用上了,全部截长图可以进行对比。
–
❹ 划词翻译
在浏览网页时,遇到生词,划下文本可以进行翻译。划词翻译是一站式划词 / 截图 / 音视频翻译扩展,支持谷歌、百度、搜狗等 9 个国内外主流翻译。
–
❺ What Font
WHATFONT是一款可以帮助查看识别网页字体的浏览器插件。对于做设计的朋友来说,经常会看到一些网站使用的字体非常漂亮,我们可能会很知道这是什么字体?但是需要通过查看源代码等繁琐的手段才能知道这是什么字体,这时开启what font,点击文本就可直接出现字体的样式(字体、颜色、字号等),是不是超方便,哈哈~同样开发还原你的设计稿字体、字号是否正确,也可以用该插件检验。
–
❻ 花瓣网页收藏工具
安装了该插件,浏览器的图片左上角会带上采集按钮,浏览到好的素材,点击可以直接采集到你的花瓣素材库里。就不用一个个去花瓣上传了
–
❼ Jinno
这是为设计师量身定制的 CSS 查看器。用到的场景就是:验收开发实现出来的网页间距、样式是否正确。
–
❽ Window Resizer
Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,可以将窗口调节为1440×900、1920×1080等大小,也可以选择自定义浏览器窗口的尺寸。当设计师在验收开发实现出来的网页,验收页面兼容性的时候经常要考虑用户的窗口大小,就可以改变窗口大小,查看页面对不同屏幕的适配情况。
–
以上就是我日常工作中的经验分享,赶紧收藏下,如果对你有帮助,记得给个小心心支持一下呦~会继续分享设计干货,一起成长
@校园薯 @薯队长 @生活薯 @日常薯
#get一项新技能