首页 > 问答知识 > 行业网站动态崇左设计师如何向工程师描述你的动效?

崇左设计师如何向工程师描述你的动效?

重庆安菲科技有限公司2023-02-16

在线咨询 联系
推荐我常用的4个设计神器,一秒找到需要的图标/半秒收集灵感图/把视频压缩得比GIF还要小/快速完成设计标注… 别错过了! 利器一:Rightfont  一句话介绍:1秒找到需要的图标。 配合软件:Ai / Sketch 等设计软件。 适合人群:PM/交互/UI/GUI 此货名叫Rightfont,但我不太拿它当字体工具,而是当“图标库”工具。设计稿件的时候(特别是需要快速出概念稿时),使用方法如下: 1)设计稿件时,如需要图标,可以打开Rightfont,在 “图标库”面板,找到(或者搜索)你要的图标名(英文) 2)需要的待选图标出现,挑中合适的,拖拽到你的 AI / Sketch中。爽爆了吧。 具体文章见:《设计师们!超好用的字体管理工具RIGHTFONT》 利器二:HandBrank 一句话介绍:把视频压缩得比GIF还要小 适合人群:动画/新媒体/交互设计 这个一个无比无比无比神奇的软件!!!!!!!你还在用gif给你的客户看动效么?弱爆了!老子裁剪一段视频压成Gif,width=500,40帧而已,居然1M!!!用这个工具吧,同样时长同样尺寸还带着声音,画质几乎无损,200K就够了。使用如下: 1)打开软件时,会直接弹窗要你选择要压缩的视频:(就喜欢这么省事的软件) 2)如果懒,直接点击start,就开始压缩了。 3)还可以设置video的质量/帧率,声音什么的。也可以添加字幕文字,调整影片尺寸…一个视频转码工具该有的功能它都有了,无比赞! 利器三:方片收集 一句话介绍:半秒收集灵感图 配合软件:浏览器 适合人群:各类设计师 收集灵感神器,是一个浏览器插件。使用方法如下: 1)浏览网页时遇到可参考的灵感图片,向左一拖,就收进自己的灵感仓库了。 没有第二步了!没有第二步了!!没有第二步了!!! 这货设计得太懒了。 顺便说一声,这个工具有个好处,会将你收集图片所在的网址和标题都保留下来,下次找图片的时候,直接搜索就可以了,秒找到。 另外,网址,文字,视频都可以拖进去保存,是存在云端的,也就是说,笔记本上存的图,台式机上能找到,换个电脑也不会丢。它还有个iOS 的App,可以浏览和分享自己保存的图片。 利器四:Zeplin 一句话介绍:标记尺寸给工程师?标你妹,去看Zeplin 配合软件:sketch、前端工程师、APP工程师 适合人群:动画/新媒体/交互设计 据我所知,工程师现在可是即懒又傲骄的一群人,切图不对?不做,标记不清?不做……WQNMLGBD,这也不做那也不做,特别是标记,,,每个图标都要标记尺寸,每个元素之间的距离都要标记尺寸,要不然就不会写代码了…… MD的明明一样的尺寸,就不能看看上一稿么? 我见过各种各样的标记尺寸插件或者软件,但都太复杂太难用了,与其使用它们,不如老娘手动一个个去标记。而Zeplin的解决方案是: 不标记。 是的,不标记。 因为Zeplin会自动标记所有元素的尺寸,也会自动标记所有元素之间的距离,甚至会将这些元素、距离、文本字号,色彩 直接生成 html /oc 代码,供程序员们参考(拷贝)。 1)确认你安装好了Zeplin 2)在sketch中,选择需要标记的画板,按住Com+E 3)Zeplin会自动打开Zeplin,点一下Import。搞定。 4)把你的程序狗拉进项目组,要啥尺寸,让他自己在Zeplin里点点看看,啥都有。甚至字体,字重,字号,颜色值,都可以看的。甚至有 html或者swift的样式代码。

这个神器配合这些高效的工作流程和工作姿势,能将效率和质量提升300%:

推荐阅读