ProtoPie黑色星期五半价活动海报

01c0c35a20b8a1a80120ba38cc921c.png

01fd3f5a20b8aba80120ba38956fe3.png

011dd25aab563ca80121246d788763.png

QQ浏览器底部工具栏滑出

01d0db5a211e93a80120ba388d2fe7.png

ProtoPie初体验

01836b5e0df489a80120a895d4f7dc.jpg

UI/UX - Todo App

0101585a20b8a8a80120ba3839801b.png

sketch绘制3枚锤子图标 | 附sketch源文件

0139fb58a15273a801219c7770c91a.jpg

15款高效网页制作工具，助你快速建站！

014yqcjkmiuof0pojveogy3938.png

01c4235d4a68aea80120695c2a047a.png

侧滑删除动效练习 - Protopie

016bc35aa8cbb3a80121246dd76f9a.png

ProtoPie图片切换加遮罩效果

01349c5d4a64cea8012187f40e3a96.jpg

下拉刷新动效练习 - Protopie

01ec3059754ce8a8012193a372e8a4.png

#有源文件#导航栏ui设计

Principle教程（四）：动效视图的运用（附源文件）

调整Artboard 2里命名为icon的图标组，调整为想要的最后样子。在Artboard 2里，首先选择icon组里的Layer 2,把透明度调整为0，然后选择Layer 1，把角度调整为45度，再选择Layer 3，角度调整为135度。最后调整下Layer 1和Layer 3的位置。

019fd7585fe4d2a8012060c888983d.png

018rowktliuvyhragnetan3237.png

uiJI界面设计

01432b5c83251aa801217ce6a1e0b2.png

01b38b5768abd30000018c1b4c1872.png

渐变色的应用

01dfc459715772a8012193a33ffc3b.png

#有源文件#个人简介ui设计

01aa245eeb310da801215aa0dc6786.png

UI移动端设计

01d0445551c1c8000000ada91b586d.jpg

我的女神，手机APP界面设计

在动效视图里调整icon组内元素的过渡时间曲线和曲线模式，让icon组的形状在两个画板之间过渡快一些。

01fc4c585fe56da801219c77533e29.gif

01a3ff5a4df4cca801206ed3fdc552.png

iPhoneX 设计追波风运动界面

0111ba58aad89ea801219c771b5c2c.jpg

Flat Card UI | Visa银行卡界面

准时下班？小白看了都会的figma高精尖教程！

66c86443c420el2mlzy9ep2288.gif

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

0154a85a9f5ddca8012195864dbf03.png

ProtoPie

制作文字的依次出现效果。依次选择和调整动效视图里的Text4、3、2、Text,把整个蓝色条拖动到上图中对应的时间点上。这个时候已经完成整个效果的制作，可以通过游览窗口查看整个动画。

010f41585fe5aea801219c77e6deb8.png

016af762b2cd7f0002c45e3721cbe3.png

六款交互软件，推荐给你们

0165e057f8a9eaa84a0d304fd68dc1.png

动效小练习(附Principle源文件)

01702059745bb0a8012193a3729eb1.jpg

每日一画

011b765fd07bba11013fdcc7ac1664.jpg

音频剪接app安卓界面UI设计