巅云智能建站平台搭建版(创业门户版)火爆上线,终身授权!新增:文章智能采集+全站真静态打包+城市分站+智能小程序+非法词过滤+H5自适应+智能链词等功能功能详情
帮助文档Help

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

一佰互联网站制作(www.yinxi.net) 发布日期 2019-04-10 02:18:35 浏览数: 129

编者按:想要准时下班去撩汉?想要晚上能赴约吃小龙虾?提高效率是必须的。今日很不诚恳地(被老板逼的)推荐我常用的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://www.yinxi.net//book/。
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://www.yinxi.net/

巅云大课堂

一佰互联是全国知名建站品牌服务商,我们有九年网站建设网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

06
12月
认识自我,超越自我和注册CN域名

认识自我,超越自我和注册CN域名面对现在域名市场上比较火热的CN域名,如何投资注册CN域名成为了不少人所以考虑的了!都说现在好的域名已经给人... >>详情

05
04月
网站建设一定要足够简洁

网站建设一定要搞清简洁与复杂的关系,网站内容一定很复杂,可是表现在网站的风格必须是简洁的,简洁不是简单,如果一个程序员认为简洁就表达... >>详情

15
04月
首次曝光,马化腾16年前写的代码!

09月08日报道:近日,网上惊现Pony马化腾16年前的代码图。看图片编写的日期是99年2月21日。【小编查了一下,21日是大年初六啊!马化... >>详情

27
04月
PHP使用curl模拟post上传及接收文件

本文实例讲述了PHP使用curl模拟post上传及接收文件的方法。分享给大家供大家参考,具体如下:public function Actio... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站