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

01swvd6cbe1hbszmhxxxa13937.png

0154a85a9f5ddca8012195864dbf03.png

ProtoPie

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

0165e057f8a9eaa84a0d304fd68dc1.png

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

《well》  永久下线了  线上zeplin版

01b479614c3db311013f22cf7f7519.png

019161614c3db711013f22cfc39980.png

01sg66ucwlri97tfymxoi03030.jpg

脑力图APP原型交互（墨刀）

018leowkxmrf56vgg14cvm3835.jpg

WOOP产品款式策略管理系统

01b1c3616685cc11013e8943d7efd6.png

MasterGo 一起去造梦！

014ca65833da06a801219c77039d63.png

动效002-页面切换

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

66c86443c420el2mlzy9ep2288.gif

01229c6179027311013f22cf922cd7.png

会议APP

01a0186179027311013e894386a1af.png

0148136179027311013f22cf424b90.png

011dd25aab563ca80121246d788763.png

QQ浏览器底部工具栏滑出

01dff46006969111013e3991e6887a.png

整套APP和网站设计

66d597253aa3147gdar0pd510.png

记账app

01ba22614c3da611013e8943f6b8c3.png

66ac475254643in5xmjwld6603.png

Shopify App

每日临摹练习 - 星巴克app效果展示

01c3ff5f16772ca801206621397179.jpg

01a7af5c0f5300a80121ab5db67ae8.png

UI实际工作

01wetci2yxkvpjsk0kbncb3935.png

C端电商平台Web与App--视觉规范

01uvlvdbfve2ex6hkmglv73035.jpg

B端产品设计

Principle教程（三）：联动视图的运用

时间节点在-340的位置时，选择蓝色形状图层，然后在联动视图里点击X轴栏下的“+”号图标，选择“Opacity”（透明度），把检查器里的透明度改为“0”，然后拖动时间线到节点“0”的位置时，检查器里的透明度改为“100”，最终的预览效果是，当青色卡片在中间时，右边的蓝色卡片消失，向左边移动时，蓝色卡片会渐变出现。

01fab758568acca8012060c868f959.gif

小白也能做设计，潮流设计工具-Sketch（三）

017ee05c0cc68ea801209252f7bd75.jpg

01053c6179027311013f22cf9831d9.png

0190b16179027311013f22cf92030b.png

「右边是根据左边做的」 展示下分类hhh还有一些图标

011e1e592453a2b5b3086ed466315f.png

第二天@交互40天#设置

014547616685f311013f22cfbc8b84.gif