01ddb75be8e873a80120925273cd5f.jpg

喜购APP改版

01fddb5d773dd2a801211d53dc7cce.jpg

闪屏页

0166be5bfac964a801209252a95118.jpg

给惠网APP

015c7b5cf5e4baa801205e4bafc3a3.png

省见APP应用图

0117325c00948ba80120925248fe09.jpg

番茄购

我在竞品的时候发现有部分APP有一个上滑自动吸附的动作，这个动作可以让我的分类栏瞬间完成转场，辅助用户做完上滑的动作，免去用户在浏览信息处于两个分类栏没切换完成时的尴尬。但是我做出这个方案以后总觉得很鬼畜，而且会被新的分类栏遮盖掉一部分商品信息。。。

01c62959ca417ea8012053f8d3e4ba.gif

首页分类交互工作记录

流量红包的入口，内页放在后面

016fe559379e19a8012193a344a0c4.png

2017小部分工作作品

一套心中少女心的APP  可能有点儿花  哈哈哈

0165435ec7afe1a801214d72d882d4.png

011eb95cf5e4baa801205e4beeeefe.png

019e355ad741c6a801213867a4470d.jpg

作品视频集

01ea115be8e86aa8012092523fd335.jpg

最终版（改）（再改）（最后一次改）（大概吧）

01b04959ca4b38a8012053f833c955.gif

011a9c5be8e86fa801209252e2e0b4.jpg

0138ef5c00937da80121ab5da1d8e8.jpg

017b2a5f50be9911013f1a64af2860.jpg

启动页

010c305d3bac51a8012187f4b16e9f.jpg

儿童母婴类购物APP-练习

搜索框隐藏的第一个方案。&lt;br&gt;从这个以后都可以看到分类栏在切换之后右边的分类ico也会变成一个分类+搜索的ico。这个方案很简单，只是在之前的动作之前加上一个搜索框收上去的动作。

01c36659ca40b3a801218e189065fb.gif

和之前分类栏置顶的想法类似，把搜索框的收缩动作变为渐变消失的动作。&lt;br&gt;&lt;br&gt;这些做完之后又接到了新的需求。。。&lt;br&gt;产品希望带ico的分类栏可以是黑底的方案，因为黑底的数据上会比白的效果好（好吧，赚钱要紧）。然后导航栏不需要消失，在分类栏置顶之后搜索框切换为“今日促销”的标题。最后分类栏切换的时候不要太生硬，需要个动画来切换，告知用户分类栏的变化。&lt;br&gt;从这里开始我就不用Axure了。首先是因为有动画的原因，Ae用起来会比较顺手一些，其次是Axure的交互逻辑真的不友好，用多了我怕秃头（我秃了，还不一定会变强）。

01530459ca42caa8012053f85cc07c.gif

016873605aed3211013e87f41658a7.jpg

喜潮潮Ui设计

018c1c56d7916c6ac7252ce68f0212.jpg

app市场宣传图

01b9815dc6749ca801209e1f971326.png

平常心。

01fcd25c6a7142a801213f263b557a.png

引导页

最后在组长的帮助下完成了这个方案。分类栏切换有小动画，图标由小变大出现，选中的下划线慢慢放大成色块，搜索框渐变为标题，完美！&lt;br&gt;这稿给boss和产品看，没问题！需求都达到了，UI方面设计也都没意见！好的，坐好等工资。。。。。。。。。事情哪有这么简单。。。。开发过来看了一眼：”这个效果要做一周都不一定做得完啊，咱下个版本要做双十一啊，首页太多东西要改了（电商产品的痛），你这个分类切换动作去掉吧，开发周期不够了。“。。。。产品：“好”。。。。。最后又做了个简化的方案，省了很多开发时间，浪费了很多我的时间

018caa59ca476ca8012053f8acbf48.gif

0131d755bf206c6ac7253f36d5b9db.png

app store

0175355bd17da9a8012099c885f5f1.jpg

0121d35c89ffeda801208f8bbf1a9b.jpg

甜豆APP

2015淘粉吧双11购物节当天app主氛围~

01c353564445446ac7259e0f964ddd.PNG

017df0591d2965b5b3086ed43f7155.jpg

电商APP

01a7bb5c19fe2ea80121df904eaa8b.jpg

落地页

01b88a5d15a612a8012051cd2646e6.png

冰淇淋节