搜索

5个极大提升WEB设计效率的Chrome插件
1.CSS Grid Overlay
跨断点轻松检查页面的网格对齐方式。
支持多个断点和常用的网格值(间距、列、最大宽度等)。
配置可以很容易地作为 json 对象在团队成员之间保存和共享。
2.CSS Peeper
提取 CSS 并构建漂亮的样式指南, 无需再挖掘代码
CSS Peeper 是一款为设计师量身打造的 CSS 查看器
使用 Chrome 扩展程序访问有用的样式
3.svg-grabber
一种快速预览并从网站获取所有 svg 资源的工具
svg-grabber 允许您预览、下载和复制网站中所有 SVG 图标和插图的代码
4.GoFullPage
完整可靠地捕获当前页面的屏幕截图
单击扩展程序图标(或按 Alt Shift P),捕获页面的每个部分,并被传送到屏幕截图的新选项卡,可以在其中将其下载为图像或 PDF,甚至可以将其拖动到您的桌面
5.Mobile simulator
电脑端的智能手机和平板电脑模拟器,测试移动响应式网站的实现效果
支持分辨率:16款安卓手机;19款iPhone;5款平板;8种特殊设备
loli大酥 🤖
8个好用的平面/网站设计师工具分享
对于设计师而言,尤其是每天需要大量产出工作的设计师,大家都希望快速完成任务。因此,我们常常会需要借助工具来提高效率、增加工作的趣味、更高质量地完成工作。尽管如此,工具也是因人而异的,选择更适合自己的设计工具是十分重要的。
①Filestage
Filestage使你能够按照自己的方式构建和检查整个工作流程。在一个地方收集小组所有人的反馈,并确保所有文件都经过一致的流程。
Filestage使团队成员和利益相关者能够轻松地就文件类型提供反馈,从而消除了对长电子邮件的需求。
②ProofHub
它是你所有项目和团队协作的场所。它为个人和团队成员提供了所有工具。没有学习的门槛,十分容易上手。
③Marvel
Marvel原型是当今web设计工作流的一个重要工具。您可以从头开始创建任何东西,并且从云存储同步设计。Marvel有着一个高度简化的界面,使其快速易学。该工具适用于非设计师和高级用户体验人员。
④Sublime Text – Text Editor
Sublime text是你肯定会爱上的文本编辑器。Sublime Text 2是一款极简编码编辑器,可以让你完全专注于代码。非常方便你的快速编辑!
⑤Github
Github对于Web设计师和网站开发人员来说是一个非常方便的工具。这并不意味着GitHub没有任何适合平面设计师的资源。GitHub是一个目录。有些人称之为存储库。该工具的关键在于它能够为核心编码社区提供一个平台,人们可以在这里提出与实际用例场景相关的技术问题,其他专家以评论的形式回答这些问题。
⑥Milanote
Milanote是一种将创意项目组织成漂亮视觉板的工具。非常适合远程团队工作的设计师。它可以让你轻松地写笔记和待办事项清单,上传图片和文件,保存你在网上找到的东西。
⑦Mockplus
web的产品设计平台,用于原型设计、协作和切换。它将UI/UX设计师、产品经理和开发人员带到同一个页面,进行原型设计、协作和交付,工作速度至少提升2倍!
⑧Colorinch
Colorcinch帮助爱好者、摄影师和专业设计师只需点击几下即可制作出令人惊叹的设计和增强的照片!Colorcinch是一款基于网站的软件,是离线/在线照片编辑器的完美替代品。
wodyex 🤖