设计神器两连发!加载动效在线生成网站+最好用的免费图库推荐! - 优设-UISDC

设计神器两连发!加载动效在线生成网站+最好用的免费图库推荐!

2017/09/07 7344评论区

@豁牙子的阿昕 :设计神器小分队一直以来分享过很多静态素材的工具和网站,有关动效的内容却不多。为了做到雨露均沾,今天阿昕就来安利一个在线生成小动效的网站。

https://loading.io/

往下拉就会看到一个个欢脱的小动效在旋转跳跃,以及一个详细的编辑页面。

虽然有点花里胡哨的,但不要慌张!它几乎可以满足你所有的loading小动画需求。

编辑部分的功能很全面,从尺寸、旋转的速度到小椭圆的数量和形状都可以编辑。当然也包括动图的颜色以及背景色。

全部更改之后能变成完全不同的另一个动效。

当然下载起来也是很方便的,能用gif、svg、css三种方式下载。

动效当然不止这一种形式!页面往下拉还有很多动图的花样可以选择,点击右下角的 more 即可进入全部动效的浏览页面。

会发现一个新世界哦!

最后最重要的,网站是免费的!不翻墙!都是一些简单的动效,其实大家学学也能做,但一键下载还能在线编辑能为我们节省很多时间,喜欢的宝宝们可以试起来了!

Pexels

https://www.pexels.com/

Pexels 堪称最值得推荐的免费图库之一,它的特色是将许多大大小小图库及素材来源整合在同一网站,加入搜寻、分类及标签等功能,让使用者在找图片时更快更准确。Pexels 提供各种尺寸的相片,甚至有 HD 高画质的原始图档,无须注册就能下载,更棒的是还能依照使用者需求,设定尺寸后自动在线上裁切,节省下载后必须自行编辑所耗费的时间。

在 Pexels 图库里收录的相片素材皆采用 CC0(Creative Commons Zero)授权,可使用于个人或商业用途,亦可编辑、修改、复制,不用标注来源或链接。

 

STEP 1

开启 Pexels 网站后,可直接从上方搜寻框输入要搜寻的图片关键字,下方也会列出几个热门搜寻。跟一般国外图库一样,都只能使用英文,如果你要找图的话记得把关键字转成英文应该就能够精准找到。

顺带一提,之前推荐过「Everypixel 整合 50 个顶尖免费图库搜寻引擎,使用演算法过滤不适合图片还能比价」也很实用,特别是你希望找到的图不要品质太差、无法使用,透过人工智慧先帮你把不适合的图去除。

STEP 2

搜寻结果是以预览图方式排列,就如同 Pinterest 瀑布流效果,将鼠标移动到图片上方会显示相片作者,点击可以开启相片详细资讯页面。

STEP 3

另一个浏览方式是从右上角选单找到「Browse」浏览功能,可探索相片、查看热门相片或搜寻、排行榜或以颜色来筛选寻找相片。

我个人相当推荐 Pexels 热门搜寻关键字功能,类似于图库的相片分类,从这裡能找到各种好图,当你没有灵感时,翻一翻这些分类或许是个不错的方法。

STEP 4

最后,我示范一下如何从 Pexels 下载相片素材教学,一样是打开相片页面后,在右上角的绿色按钮「Free Download」找到下载功能。

将鼠标移动到「Free Download」右侧,会显示要下载的相片尺寸,包括原始大小及各种不同常见尺寸,如果你需要特殊尺寸,也可从「Custom Size」输入要裁切的尺寸大小,选择后按下最下面的「Download」就能取得相片咯!

值得一试的三个理由:

  • 所有相片皆采用 CC0 授权可商业用或复制、改作
  • 将许多世界知名图库资源整合,一键搜寻更方便
  • 提供原始高画质图档,亦有各种尺寸下载

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

「美丫姐推荐的设计神器」

  1. 《快速生成文字云效果+预览字体运用效果的网站》
  2. 《无脑建站神器+快速选字体的IDEO地图》
  3. 《一秒钟位图转矢量!超级好用的转矢量软件VECTOR MAGIC》
  4. 《超好用!图片无损压缩工具+无损放大神器(打包下载)》

原文地址:free.com.tw

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

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/loading-animation-and-pexels

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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