<em id="r6zg7"><ins id="r6zg7"></ins></em><dl id="r6zg7"><ins id="r6zg7"></ins></dl>

    <dl id="r6zg7"></dl>

    <dl id="r6zg7"><ins id="r6zg7"></ins></dl>
    <em id="r6zg7"></em>

      <div id="r6zg7"></div>

      <em id="r6zg7"></em>

      亿品元素设计资源博客

      品味经典包装设计,版式设计,分享实用设计资源、设计软件、插件下载及在线书法字体生成
      登录注册 联系合作 投稿

      亿品元素 » 设计辅助 » 帮你快速提升效率的四个设计利器分享

      帮你快速提升效率的四个设计利器分享

      分享四个可以帮你快速提升效率的设计利器:让你可以在一秒找到需要的图标/半秒收集灵感图/把视频压缩得比GIF还要小/快速完成设计标注,别错过了!这四款设计利器分别是Rightfont for Mac、HandBrank、方片收集(浏览器插件)以及Zeplin for Mac。文末已经提供了除方片收集(此为浏览器插件,直接在浏览器安装即可…

      分享四个可以帮你快速提升效率的设计利器:让你可以在一秒找到需要的图标/半秒收集灵感图/把视频压缩得比GIF还要小/快速完成设计标注,别错过了!这四款设计利器分别是Rightfont for Mac、HandBrank、方片收集(浏览器插件)以及Zeplin for Mac。文末已经提供了除方片收集(此为浏览器插件,直接在浏览器安装即可)其他三款软件打包下载。

      shejiliqi

      利器一:Rightfont

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

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

      RightFont 是一款支持Photoshop和sketch的字体设计辅助软件,这款软件可以在Sketch里插入文字进行美化时,双击RightFont列表里的各种字体可马上更改Sketch字体样式,这样会大大的节省设计师们的时间。

      使用方法如下:

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

      nn201607251

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

      提示:该软件无法直接运行,需要Yosemite!

      利器二:HandBrank

      一句话介绍:把视频压缩得比GIF还要小
      适合人群:动画/新媒体/?#25442;?#35774;计

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

      nn201607252

      1)打开软件时,会直接弹窗要你选择要压缩的视频:(?#25302;不?#36825;么省事的软件)

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

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

      利器三:方片收集

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

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

      nn201607253

      1)浏览网页时遇到可参考的灵感?#35745;?#21521;左一拖,就收进自己的灵感仓库了。

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

      这货设计得太懒了。

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

      另外,网址,文字,视频都可以拖进去保存,是存在云端的,也就是说,?#22987;?#26412;上存的图,台式机上能找到,换个电脑也?#25442;?#20002;。它还有个iOS 的App,可以浏览和分享自己保存的?#35745;?/p>

      利器四:Zeplin

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

      Zeplin,由 Zeppelin 一?#26102;?#21270;而来(貌似许多产品都?#19981;?#29992;齐柏?#22336;赏?#26469;做 Logo),由四名?#20102;?#22374;布尔的才子设计,Zeplin for Mac是一款为 Designer 和 Developer 提供产品原稿交接与沟通的高效?#25945;ǎ?#29992;户可对产品进行标注、Style Guide 注释,还提供了简单的团?#26377;?#21516;工作功能,通过插件,设计师可将 Sketch(Mac ?#25945;?#26368;著名的前端设计软件)的 Artboard 单独或批量导入 Zeplin 的 Project 里供开发者做业务功能与前端?#25442;?#30340;实现。

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

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

      不标记。是的,不标记。

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

      nn201607254

      1)确认你安装好了Zeplin

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

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

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

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

      资料来源:http://www.uisdc.com/4-tools-high-efficiency-design

      帮你快速提升效率的四个设计利器分享

      打赏

      如果本站?#38405;?#26377;所帮助,请考虑对本站进行小额捐赠:

      捐赠亿品
      相关内容

      发表评论

      如何下载本站资源『所有留言都会被审核,请勿发布垃圾评论』

      (必填)*

      pc蛋蛋贴吧
        <em id="r6zg7"><ins id="r6zg7"></ins></em><dl id="r6zg7"><ins id="r6zg7"></ins></dl>

        <dl id="r6zg7"></dl>

        <dl id="r6zg7"><ins id="r6zg7"></ins></dl>
        <em id="r6zg7"></em>

          <div id="r6zg7"></div>

          <em id="r6zg7"></em>

            <em id="r6zg7"><ins id="r6zg7"></ins></em><dl id="r6zg7"><ins id="r6zg7"></ins></dl>

            <dl id="r6zg7"></dl>

            <dl id="r6zg7"><ins id="r6zg7"></ins></dl>
            <em id="r6zg7"></em>

              <div id="r6zg7"></div>

              <em id="r6zg7"></em>