设计师的秘密武器:一些好用的插件和工具(一)—湖南长沙UI、交互设计


学湖南长沙UI设计

来自火影忍者的天天和她的武器召唤忍术。


有一回我走到同事的办公桌前,看到他们一块一块的给屏幕截图,然后再用编辑工具把它们拼接起来,我惊呆了,快让我来改变这一切。


我一直认为任何延迟我工作的事情,都必须有更好的解决方法。因此,我深入挖掘了一些好用的插件、应用程序等工具,用来帮我高效的完成任务。这些插件的大多数是为设计师服务的,但是对于跟设计师密切合作的产品经理也会非常有用。


下面,我将会通过chrome扩展程序,APP,Mac设置,电子邮件订阅和sketch插件来告诉你怎么去简化你的工作。


本文将分为两次连载,今天先来聊聊chrome扩展程序和APP。



Chrome扩展程序


WhatFont

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en


学湖南长沙UI设计

悬停(左)和单击(右)显示字体和细节。


这个扩展程序允许你检查页面上的任何文本,它将为你显示完整的文本信息,如字号,字重,行高,颜色,甚至替代字体。无论你是专业人士还是初学者,这个扩展对于任何设计师都非常重要。通过频繁的检查字体,你可以熟悉不同的尺寸和外观。因为我经常这么做,所以已经可以分辨出17px字体和16px字体之间细微的差别。



Full Page Screen Capture

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?hl=en


学湖南长沙UI设计

只需要单击按钮即可生产TrueCar主页的屏幕截图


这个扩展让我改变了很多人的生活。整个网页的截图只需要点击一个按钮,你可以将其下载为PNG或者PDF。你再也不用把页面一个个拼起来了,你知道自己浪费了多少时间么?



色彩吸管

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en


学湖南长沙UI设计

选取网页一部分的颜色将生成精确的十六进制颜色。


正如标题所说的,这个扩展可以显示网页上任何颜色的十六进制数值,RGB或HSL等。



Muzli

https://muz.li/


学湖南长沙UI设计

这个扩展可以给你提供设计灵感


我很喜欢这个扩展。它是我私藏的秘密武器中的一个,因为我一直都在受它启发。你只需要打开新的页面,就可以得到这些有用的资源和站点。它将设计和新闻合二为一。如果你创建了一个自己的账户,你还可以为自己喜欢的灵感添加书签。



APP应用


Gyazo(Mac)或ShareX  (PC)

https://getsharex.com/



学湖南长沙UI设计

来自Gyazo官网的简介


学湖南长沙UI设计

预览完成的GIF。


你可以选择需要制作动图的区域,然后它将保存为你向同事发送的可共享链接。当人们问你如何更改字体样式之类的问题时,你录制一个GIF发送给他们就好了。非常方便,而且简单。当你想要轻松的向某人展示悬停互动或者一系列交互动作时,也非常适用。


如果你使用的是Windows系统,我建议你用ShareX。他们有很多自定义功能。Gyazo也可以在PC上使用,但GIF限制为7秒,而ShareX是无限制的。ShareX仅适用于Windows。



Invision Studio

https://www.invisionapp.com/studio


学湖南长沙UI设计

Invision Studio的用户界面


如果你不是设计师,但是需要偶尔使用比Paint更高级的工具,公司又没有预算给你买sketch。下载这个,Invision Studio对于PC和Mac用户来说都是免费的。它是一个矢量工具,这意味着他可以读取.EPS和.SVG文件。,它甚至可以打开sketch文件。因此他基本上可以完成sketch所能做的任何事情。


如果你是设计师,我仍然建议你下载他。我用sketch做设计,并将其用作动效原型制作工具。你可以将画板直接复制黏贴到Invision Studio中,然后开始制作链接和动作。这款应用可能需要花点时间学习,但是Invision每周都有网络研讨会,你可以参加并且提出你的问题。我选择它的主要原因是你可以发布你的作品,并且将原型链接发送给某人。当有人打开链接时,他是一个可点击的动效原型,它可以实现并让你感受到所有实际的交互。


它现在对PC和Mac端都支持,但它仍然处于车市阶段,在不断的迭代中,偶尔会遇到一些错误和问题。但是不管怎样它是个免费的产品。



ShiftIt(Mac)

https://github.com/fikovnik/ShiftIt


学湖南长沙UI设计

使用ShiftIt热键将窗口扩展为完整大小,并向左和向右移动。


这个优秀的工具使得你选择的窗口弹出最大的屏幕尺寸而无需进入演示模式。我使用Cmd + Control + Alt + M。如果没有它,我可能无法在Mac上工作,因为如果你点击程序上的绿点它会进入全屏,这不是我想要的。使用这个工具,我只需Cmd + Control + Alt + M,然后Cmd +。你还可以用快捷键将内容放在左侧和右侧经常分屏展示。



Threed

https://threed.io/


学湖南长沙UI设计

Threed的3D设备模型工具,允许您上传屏幕,单击并拖动以查看不同的角度。


这个不是应用程序,这是个网站。它是个免费的3D模拟工具,你可以上传你的屏幕内容,并得到你想要的任何角度的模型,有炫光,没有炫光,有阴影,没有阴影。然后你可以将你的图像保存为png格式。这真是太棒了,快将它保存为书签吧。



The Mockup Club

https://themockup.club/mockups/

学湖南长沙UI设计

来自Mockup Club的设备模型


这些样机模型都是免费的,他们有各种各样的实物模型,如设备、服装、包装、产品、文具等等。


原文链接:https://uxdesign.cc/a-designers-secret-weapons-plugins-and-tools-of-the-trade-ea8b0d348c5

编译:逗砂



BorderDesign交流群,加微信号: qawsedr0125   备注交流群



原文始发于微信公众号(非科班设计):学湖南长沙UI设计

文章版权归原作者,内容为网络收集。如有侵权请告知我们并会及时删除。邮箱: hello@sketchui.net