0162955a430fe7a801219741ac0805.png

UI-临摹练习

ProtoPie交互原型-UI/UX作品、日常案例

工具：Sketch & ProtoPie<br>主要交互：范围、条件、滑动<br>原型内容：汉堡抽屉

015a745d346ff0a8012187f4400845.gif

0160ca59f5652aa801202b0c99419b.jpg

Sign  标志

01a8d65a430fc9a801206ed367995f.png

01672c5871dd65a8012060c841d4a2.png

UI界面练习1

016df257bec47b0000018c1becb429.png

WorKit-办公室久坐提醒健身应用

主界面，自己共享的文件滑动过程中时间轴也会跟着动

011da155448f770000019ae91d42dc.jpg

Eshare文档共享APP

01287c5bffeebaa80121ab5d305ba1.png

图书馆智能寻书APP界面设计

017e545997a01f0000002129244c75.PNG

APP设计

011cc35f1821e0a801215aa0cd4204.jpg

Vivid wallpaper动态壁纸

0152a057299aa232f875a399517061.png

个人简历APP

0155475d8425aba8012060beb34e40.jpg

adobe xd做的招聘智能检测职位岗位工作蓝色

01ckl1c7wml5gtzezjmb1y3034.jpg

0136ac5767c9760000012e7e6fc7ca.png

Daily UI 031-035

01c24e57bec47a0000012e7eee4f92.png

0159c659fed836a801202b0c790c41.jpg

干货

0171595739c4986ac72580ed135e1d.jpg

远程查房-新闻

0189775dad84eaa8012163ba86db0b.gif

动效练习

015d125cf0e294a801205e4b771677.jpg

稻壳阅读器web

016d375812f8c4a84a0e282bffd64a.png

页面临摹

0105485541e0150000011541658009.jpg

APP 界面设计

01ccc157bec4790000012e7e007620.png

0163965c6f94aaa801213f26a581f0.png

0114115f052d69a801206621330203.png

Ig Repost

01520f5b0e53e6a8012181b00a644f.jpg

01dc315fcc940711013ee04d6e5937.png

TikDay APP

01pktpkcfalpabyi0ilqam3438.gif

动效设计

01dcf6577676bf0000018c1bda0900.jpg

一款音乐APP界面UI

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

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

01844258568a05a8012060c8125a33.gif

01b926603ef0f311013ef90f62dc05.jpg

ios界面