潮汐APP演示视频（使用Axure RP制作）

012c5b5c95d296a801208f8b8932ae.jpg

01229c6179027311013f22cf922cd7.png

会议APP

0190b16179027311013f22cf92030b.png

01053c6179027311013f22cf9831d9.png

0148136179027311013f22cf424b90.png

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

01swvd6cbe1hbszmhxxxa13937.png

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

011e1e592453a2b5b3086ed466315f.png

第二天@交互40天#设置

017e926179027311013e8943ef3e5d.png

01e60f5cc2cbdda8012141686b99d3.png

Annotation

01a0186179027311013e894386a1af.png

01ba2c5d50dcdba80120695cc11396.png

Google Maps拖动操作模拟

互联网时代，好的软件，都会让人青睐，相信你也不例外

0178776220be9611013e8cd0654f45.png

0118ea6179027311013e8943ecb8c2.png

01aebe5c76563ba801213f26d649d7.png

原型图设计

015e846179027311013e89432ec804.png

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

019161614c3db711013f22cfc39980.png

01304859ce192da801204463ce8bb4.png

动效展示

0109d56179027311013f22cffc69e3.png

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

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

01fab758568acca8012060c868f959.gif

0133f259ce193ba801204463a51e3f.png

Principle教程（二）：静态、拖拽、滚动、翻页（附源文件）

点击Import(右上角钻石形状的图标)，选择x1，然后点击Import。

01170e584d7a24a801219c7727e392.png

站酷推荐设计师

（图36 给需添加拖动图层上层新建一个色块 -- 给色块增加拖拽属性）

01403a5db7d1c6a801209e1fad1a8f.gif

Principle障眼法揭秘

用事件触发器里的Tap来进行转场效果。

01bc04584d81d3a8012060c8a77427.gif

012bc86179012f11013e89434f7f6c.png

摩托商城APP

做UI设计工作，除了好好学习并实践，这些软件也不能少

01eac76226c0b511013e8cd038d9ac.png

01abec57cbec730000012e7ea9b45d.png

AE做的小动效

平面设计的灵感，都在这些软件里帮你找到

017e806220f09211013e8cd057b92b.png

013qnehosz3egubx4lrle93533.png

Ez talk（macOS）

大厂设计师们都在使用的设计工具，早下班美美哒

Sketch<br>Sketch是一款UI设计软件，他的软件界面主打清爽大方简洁的风格，在国内拥有一定数量的粉丝，在国外更是拥有大量的粉丝，尤其是像FACEBOOK这样大型公司也深深信赖这Sketch。Sketch也提供实时协作功能，你可以随时随地和你的团队同事一起工作。他还支持700多种扩展插件，让你随心所欲定制你的工作流程，完成做动画交互效果。<br><br>