1. David Wu首页
  2. web前端
  3. CSS

网站建设可以用到的Chrome插件工具专门为设计师准备

WP网站建设 作为设计师,我们几乎总是在寻找新的提示,技巧和工具来帮助加快和改进我们的工作流程。经过几个月的Chrome扩展测试,我已经为设计师编制了10个最佳扩展和插件的列表。 窗口调整器 如果你是一名设计师 – 当你读到这篇文章时,你最有可能盯着27英寸的iMac。然而,我们的大多数用户都没有像婴儿大象一 WP网站建设

WordPress网站建设

WordPress网站建设

作为设计师,我们几乎总是在寻找新的提示,技巧和工具来帮助加快和改进我们的工作流程。经过几个月的Chrome扩展测试,我已经为设计师编制了10个最佳扩展和插件的列表。

窗口调整器

如果你是一名设计师 – 当你读到这篇文章时,你最有可能盯着27英寸的iMac。然而,我们的大多数用户都没有像婴儿大象一样的显示器。

因此符合Window Resizer。在查看您的网站在不同视口上的外观时,这可以真正节省生命。只需打开扩展程序,然后单击预设视口或输入自定义视图。

网站建设可以用到的Chrome插件工具专门为设计师准备

织布机

他们说一张图片胜过千言万语,所以视频价值一万美元?1M?谁知道 – 虽然很多。Loom是一款真正令人惊叹的免费软件,它可以帮助您记录动画,用户流或错误,并与您的团队分享。

在过去的几个月里,我经常使用这个工具。当你试图通过屏幕截图来传达无法捕捉的东西时,这非常棒。只需安装扩展程序并按记录即可。完成后,您可以分享您的视频并获取有关查看过的人的统计信息等。10/10会推荐给朋友 – 你当然:)

网站建设可以用到的Chrome插件工具专门为设计师准备

玩具盒

您是否花费大量时间检查元素,抓取屏幕截图以及记录网站上的错误?好吧,看看Toybox chrome扩展程序。这是在您的网站上直接留下反馈和检查CSS的最快方法。

您可以将其视为InVision评论和Zeplin Inspecting – 但在您的网站上而不是设计文件。不仅如此,当您发表评论时,它会自动截取屏幕截图,记录浏览器数据,操作系统信息,视口大小等等 – 使复制问题变得轻而易举。对于任何产品团队或代理商来说,这都是一个非常必要的东西。

Muzli

你的早晨咖啡(或茶)需要一些灵感?该Muzli Chrome扩展已经得到了你覆盖。每当您打开一个新的浏览器窗口时,您都会看到所有令人敬畏的设计的最新供稿。他们从众多设计资源中汲取灵感,为您提供新颖,时尚和酷炫的产品。

我已经使用这个扩展多年了,它真的很棒。

网站建设可以用到的Chrome插件工具专门为设计师准备

SVG Grabber

有时你只需要抓住页面上的徽标或图标。如果这听起来像你做的事 – 那么欢迎SVG Grabber进入你的生活。单击一个按钮,它将自动拉出页面上的所有SVG。全面了解它能够捕获并快速下载所需的内容。

不一定是我一直使用的扩展程序,但是对于那些棘手的时刻而言,这是非常棒的。

网站建设可以用到的Chrome插件工具专门为设计师准备

页面标尺

测量页面上对象的大小可能会非常痛苦。如果您是经常打开屏幕截图工具的人 – 我肯定会建议您自己使用Page Ruler扩展名。

打开扩展程序,拖动框进行测量,你就完成了!其他不多。

WordPress网站建设

WordPress网站建设

暗模式开发工具

黑暗模式 – 任何设计师的真正必需品。所以这实际上是内置于Chrome开发工具中并且不是扩展 – 但我认为我仍然会提到它;)

只需打开开发工具>单击右上角的3点椭圆>单击设置>在外观下,将其切换为暗。而已!现在你可以在完全黑暗中躲过DOM。

网站建设可以用到的Chrome插件工具专门为设计师准备

ColorZilla

有时您只需要快速查看正在使用的颜色 – 而ColorZilla就是一个很好的解决方案。只需将鼠标悬停在页面上的元素上即可查看正在使用的十六进制和rgb颜色值。单击以快速将其复制到剪贴板。它快速,简单,高效。

他们有一些其他功能,但没有使用那些太多tbh。

网站建设可以用到的Chrome插件工具专门为设计师准备

Fontface Ninja

另一个简单,轻松,美观的下载扩展是Fontface Ninja。这使您可以将鼠标悬停在元素上以查看它们正在使用的字体。您也可以直接从页面上的字体使用其扩展工具栏进行购买。

在您的码头上有一个简单而方便的扩展。

网站建设可以用到的Chrome插件工具专门为设计师准备

自定义光标

这只小狗并不是真正的设计师特定,但我前几天发现它并认为这是一个真正的h and声。自定义光标允许您将默认光标更改为其任何风味城镇选择,并允许您上载自定义光标。

非常有趣,非常时髦,非常新鲜 – 给它一个旋转。

网站建设可以用到的Chrome插件工具专门为设计师准备

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10108

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注