提升效率!帮你大幅度节省时间的四个设计利器(附酷站推荐) - 优设网 - UISDC

提升效率!帮你大幅度节省时间的四个设计利器(附酷站推荐)

2016/07/25 17976评论区

4-tools-high-efficiency-design-1

编者按:想要准时下班去撩汉?想要晚上能赴约吃小龙虾?提高效率是必须的。今日很不诚恳地(被老板逼的)推荐我常用的4个设计神器,一秒找到需要的图标/半秒收集灵感图/把视频压缩得比GIF还要小/快速完成设计标注… 别错过了!

利器一:Rightfont 

一句话介绍:1秒找到需要的图标。
配合软件:Ai / Sketch 等设计软件。
适合人群:PM/交互/UI/GUI

此货名叫Rightfont,但我不太拿它当字体工具,而是当“图标库”工具。设计稿件的时候(特别是需要快速出概念稿时),使用方法如下:

1)设计稿件时,如需要图标,可以打开Rightfont,在 “图标库”面板,找到(或者搜索)你要的图标名(英文)

nn201607251

2)需要的待选图标出现,挑中合适的,拖拽到你的 AI / Sketch中。爽爆了吧。

具体文章见:《设计师们!超好用的字体管理工具RIGHTFONT》

利器二:HandBrank

一句话介绍:把视频压缩得比GIF还要小
适合人群:动画/新媒体/交互设计

这个一个无比无比无比神奇的软件!!!!!!!你还在用gif给你的客户看动效么?弱爆了!老子裁剪一段视频压成Gif,width=500,40帧而已,居然1M!!!用这个工具吧,同样时长同样尺寸还带着声音,画质几乎无损,200K就够了。使用如下:

nn201607252

1)打开软件时,会直接弹窗要你选择要压缩的视频:(就喜欢这么省事的软件)

2)如果懒,直接点击start,就开始压缩了。

3)还可以设置video的质量/帧率,声音什么的。也可以添加字幕文字,调整影片尺寸…一个视频转码工具该有的功能它都有了,无比赞!

利器三:方片收集

一句话介绍:半秒收集灵感图
配合软件:浏览器
适合人群:各类设计师

收集灵感神器,是一个浏览器插件。使用方法如下:

nn201607253

1)浏览网页时遇到可参考的灵感图片,向左一拖,就收进自己的灵感仓库了。

没有第二步了!没有第二步了!!没有第二步了!!!

这货设计得太懒了。

顺便说一声,这个工具有个好处,会将你收集图片所在的网址和标题都保留下来,下次找图片的时候,直接搜索就可以了,秒找到。

另外,网址,文字,视频都可以拖进去保存,是存在云端的,也就是说,笔记本上存的图,台式机上能找到,换个电脑也不会丢。它还有个iOS 的App,可以浏览和分享自己保存的图片。

利器四:Zeplin

一句话介绍:标记尺寸给工程师?标你妹,去看Zeplin
配合软件:sketch、前端工程师、APP工程师
适合人群:动画/新媒体/交互设计

据我所知,工程师现在可是即懒又傲骄的一群人,切图不对?不做,标记不清?不做……WQNMLGBD,这也不做那也不做,特别是标记,,,每个图标都要标记尺寸,每个元素之间的距离都要标记尺寸,要不然就不会写代码了…… MD的明明一样的尺寸,就不能看看上一稿么?

我见过各种各样的标记尺寸插件或者软件,但都太复杂太难用了,与其使用它们,不如老娘手动一个个去标记。而Zeplin的解决方案是:

不标记。

是的,不标记。

因为Zeplin会自动标记所有元素的尺寸,也会自动标记所有元素之间的距离,甚至会将这些元素、距离、文本字号,色彩 直接生成 html /oc 代码,供程序员们参考(拷贝)。

nn201607254

1)确认你安装好了Zeplin

2)在sketch中,选择需要标记的画板,按住Com+E

3)Zeplin会自动打开Zeplin,点一下Import。搞定。

4)把你的程序狗拉进项目组,要啥尺寸,让他自己在Zeplin里点点看看,啥都有。甚至字体,字重,字号,颜色值,都可以看的。甚至有 html或者swift的样式代码。

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

  1. 《UI设计师怒转!如何做一份让工程师泪流满面的标注?》
  2. 《畅快高效!超实用的设计工作流程+神器推荐》

RandomFont

RandomFont 就字面上来说应该能立刻联想到它的功能,主要提供随机字型展示,每当开启网页就会自动显示一种英文字型预览,还会显示该字型背景故事、设计师及发布商,让你在浏览网页时也能轻松认识字型及它的开发背景。

这项服务是利用 MyFonts API 串接而成,因此字型来源为 MyFonts,如果对于字型有兴趣的话可点选字型来付费购买,网站开发者就能获得一些回馈奖励。

开启 RandomFont 后,会随机出现一款英文字型,搭配上不同的配色设计,虽然介绍是是英文版本,相信不会太难阅读(或许可以搭配 Google 翻译使用)。

RandomFont2016-07-12_2120-1 RandomFont2016-07-12_2121 RandomFont2016-07-12_2121-1 RandomFont2016-07-12_2121-2 RandomFont2016-07-12_2122 RandomFont2016-07-12_2122-1 RandomFont2016-07-12_2122-2

如果喜欢任何字型,点选其中的字型大图,就能连回到 MyFont 字型页面。

不过 RandomFont 网站内收录的多半为商用字型,不提供免费下载,若你想搜寻免费字型的话,可参考这个服务:《Google Fonts 网站全新设计,免费下载八百种英文字体!》

欢迎关注利器作者的微信公众号:

nn2016072510

「人气过万的好文合集」

敏捷用研指南:
《腾讯专业干货!一份系统全面的敏捷设计用研指南》

QQ表情怎么改版的?
《腾讯设计师揭秘!QQ默认表情优化背后的设计故事》

HTML 5动效设计方法大全!
《腾讯干货!由浅入深科普最常用的八种HTML 5动效制作手法》

原文地址:free.com.tw

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/4-tools-high-efficiency-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里