010e5a5b7b0521a80120d8c0125049.png

为特殊群体考虑的设计

01d7cb5b7b0521a80120d8c05a0ac9.png

01ae475b7b0521a801218d32b5cdf8.png

01dd6a5b7b0521a801218d32e09477.png

01e27f5b7b0521a801218d3277d1f5.png

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

对相同命名的组，重新命名。最后在预览里进行交互，发现显示正常了。

01f1c7584d8173a801219c770b5280.gif

0142fa55fb862432f875a13298ff7f.png

 Sketch 基础中文教程

013wcnnvgt5hm4vsvdgc8r3138.png

mac电脑AE插件安装教程

01c2bf597ae9f2a8012193a3427bb1.jpg

交互 

012a895e690151a80120a895ec4932.png

移民帮APP

感谢工作中，帮助过我的程序猿们，你们是“最可爱的人”

015c415731e37a000000305a2b9adf.jpg

APP诞生记

0168c556cdd68732f875520fdd2dd7.png

SMILY女性月经APP_交互&界面设计

01a1a15d491c15a8012187f42af298.png

交互打卡第20-24天

Lay设计PC端组件库【视觉规范文档篇】

01663f5e1f14e5a8012165180b54b6.gif

01eff95e1f14e0a80120a8953c76df.gif

iOS 8人机界面指南：UI元素与设计尺寸

站酷推荐设计师

01ccba554247410000019ae9ee3949.jpg

017fdb554379ff0000019ae90c2367.jpg

MAC界面

0175dc5ab7c00da8012182078e6a1e.jpeg

如何制作一套微信原创表情

012313554247450000019ae941ed24.jpg

01e5bd554247450000019ae98a8c2a.jpg

01aebe5c76563ba801213f26d649d7.png

原型图设计

012a29626b50dd0002c3290feda811.png

Box girl 速涂

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

选择青色形状图层，打开联动视图，点击X轴栏下的“+”号图标，选择“Opacity”（透明度），在时间节点“0”的时候，检查器里的透明度改为“0”，鼠标拖动时间节点到-340的位置将检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，左边的青色卡片消失，向右边移动时，青色卡片会渐变出现。备注：鼠标移到时间节点区域上，按住键盘空格键+鼠标点击可以左右拖动时间线区域。

01844258568a05a8012060c8125a33.gif

选中文字组，选用检查器里的Scroll(滚动)功能，然后对Clip Sublayers打钩，再进行编辑。

01f09f584d7d84a801219c77f05bde.gif

作品集PDF生成和压缩大法-设计师必备

01lt7mmi4q7bnhmi8g505l3737.jpeg

01c0e65bd7fb99a801213dea5e025d.png

九云屏

01cc2b554379ff0000019ae984cec4.jpg

时间节点在“340”的位置时，选择蓝色形状图层，然后在联动视图里选择先前蓝色图层的“Opacity”（透明度）时间线，把检查器里的透明度改为“0”，最终的预览效果是，当绿色卡片在中间时，左边的蓝色卡片消失，向右边移动时，蓝色卡片会渐变出现。<br>到这里就结束了，通过预览窗口可以查看实现效果是否正确。有不对的位置可以细心查看反复琢磨其中的原理。

0182de58568be6a801219c77e78712.gif

01789456cdd6836ac7252ce6fcd90c.png

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

01bc04584d81d3a8012060c8a77427.gif