ui设计好用的插件
.Windows Resizer
也许在屏幕的另一边的你是一名设计师,正用27英寸5K屏幕iMac阅读这篇文章。然而,对于绝大多数设计师来说,并不是所有人都有机会使用这样一台大分辨率的计算机来查看各种网页设计或文章,此时,他们应该怎么办?
别担心!试试Windows Resizer的Chrome插件!当设计师需要以不同的分辨率查看网页设计时,这个插件**有用。设计师打开插件,预设或定制相关视口,可以轻松查看相应的网页显示,操作简单易用,是一种难得的好工具。
2.Loom
设计师经常说,“好照片胜过千言万语。”那么直接在设计中添加视频怎么样?它能超过数千万甚至更多的语言吗?答案是肯定的。
Loom就是这样一种工具,它可以帮助设计师轻松自由地录制视频,有了这个工具,任何网页动画、用户流程、Bug操作都可以很容易地录制成视频并与其他同事共享。
3.Toybox
在设计的过程中,你是否仍然为需要花费大量时间逐个检查页面元素、捕捉屏幕和记录相关错误或Bug而烦恼?别担心!试试Toybox工具。作为一种可以帮助用户快速检查网页的CSS代码,并将相关错误和反馈直接记录在网页上的工具,无疑可以帮助你轻松解决这些问题。
简单地说,你可以直接把Toybox想象成类似InVision和Mockplus iDoc中包含的评论工具,以及Zeplin中的页面检查工具。**不同的是,该工具支持直接在网页上而不是在设计稿上添加评论或反馈。
此外,在添加相关的设计评论或反馈时,该工具还支持自动截屏和记录相关的Bug信息(例如浏览器信息、操作系统信息、视口大小信息等),以便在后期处理此类问题时便于重现相关问题。
简而言之,这是一个铬扩展工具,任何产品团队或设计工作室都不应该错过。