让高保真原型动起来！这个宝藏网站你值得保藏

　　看了上面的图片，是不是感触如此的原型很有感应，让人刻下一亮。收拢眼球的动态图标成果，实正在是太棒了。此日就和群众分享一个宝藏网站，运用免费的动态图标，为你的原型加分。

　　网站分析

　　Lordicon 是一个成效壮健的用心制制的动绘图标库， 可用于数字产物、演示文稿或视频！4 种样式 – 1,125 个免费图标 – 5,104 个高级图标。

　　从嵌入 HTML 代码得手动集成 – 有许众本事可能将动绘图标增添到您的项目中！

　　嵌入代码方法：

　　Shopify／Wix／SquarespaceWeebly／Webflow／Webstars／Duda／Pagecloud／GoDaddy

　　手动增添方法：

　　MANUAL／Web／iOS／Android／Flutter／React／Native／Xamarin／NativeScript／Windows／Vue／Angular／QT／Skia

　　运用本事

　　点击页面顶部的ICON按钮，可能看到平台供应了Wired和System2大类，总共6000 的动态图标。

　　进入对应的列外页面，拣选任希图标，可能看到右侧看到及时的动态成果预览。

　　正在预览区域包括了几大一面

　　从下载和导出区域，咱们可能看到平台接济常用的导出方法，好比html代码，gif文献，lottie文献等，除了这些还可能More按钮，拣选更众的导出方法。

　　可能看到公然还可能导出json样子，mp4视频样子等等。

　　若是你不满意于预览面板中的浅易编削，还可能点击“Reveal full editor”按钮

　　进入高阶编辑界面。

　　正在如今页面，咱们可能对图标拣选区别的气魄实行编辑，区别气魄的编辑选项也不不异，下图为分歧比照。

　　除了对区别颜色实行调解以外，还接济对透后度，XY坐标值职位实行调解。

　　当一起修设实现往后，网站还知心地为你供应了区别场景下的预览。

　　这里尚有一点提示一下，正在拣选区别导出方法的时辰，还可能对如今的导出样子实行区别的修设。

　　好比导出HTML时，你可能拣选动画的触发成果，包罗：Hover、Click、Loop等

　　导出gif样子时，可能修设区别的背风光，以更好的适合区别背风光的场景。

　　导出后怎么更好的运用，就要看本人啦！

　　末了

　　不妨有些伙伴会问，这些素材怎样运用正在Axure或者其他的交互策画软件中呢？

　　本来区别的原型软件，接济的样子有所区别，这也是平台供应区别样子导出的来历。

　　好比Axure你可能拣选天生gif或者mp4样子导入，好比protopie你可能拣选Lottie样子实行导入，当然怎样用？怎样用的更好？就看群众的阐明了。