高高手REDESIGN-Android-Material Design and ios重设计

高高手REDESIGN

说明文案

首先熬了个通宵做了个视频 向苹果致敬～

很久之前看过关于Material Design设计风格的文章，从我接触Android以来也一直在关注近年来它的变化趋势，从"Lollipop"(安卓5.0)发布，在界面设计上，我们彻底迎来了Android系统的扁平化时代，新的系统不仅使用了新的配色，同时看起来也很时尚。现在虽然有弱化了质感，但颜色更鲜艳，动画效果更突出。我也意识到，现在越来越少的App的设计遵循Android的设计规范，聪明的品牌直接用ios的界面规范一稿适配。扁平化的风格虽然主流，但出现太多同质化，这可能会使用户产生体验疲劳，感觉产品没有新意,说到这里让我想起了Smartisan的设计风格，目前仍青睐于质感的ui设计。这次的作品，以Material Design为主， ios 为辅，对站酷高高手App进行了Redesign。开始做的时候遇到了一点小难题，因为这不是一次简单的界面改版这么简单。这款应用目前无论是交互上，视觉上验上以及功能上都有很大的问题。所以这可以算是从产品ux到ui的全方面Redesign。在界面中使用Roboto跟noto字体，界面在贴合‘Material’（材质）的同时保持干净跟简约，使用魔法卡片承载信息，卡片重叠与遮盖表示层级，利用投影表示高度，通过水波纹效果过度界面，列表信息在0.25秒内缓动入场，遵循运动曲线的原则，让它更灵动，更自然，更Material Design。

ps：这次界面设计中用了很多站酷大神的作品，比如胡晓波、开心老头，白无常等。7哥早些年的设计让我拿来做了ios的首页Banner。不做商用所以希望大神们不要介意。

Android改版细节

1.增加主页交互效率（Banner，推荐大咖、最新课程、历史观看、瀑布流课程）

2.添加全部课程标签（可根据自己喜好筛选课程分类跟难度）

3.添加我的课程标签（可一键查看自己已经购买的课程以及正在学习的课程）

4.侧边栏（增加个人中心、消息提醒、转到站酷等一系列功能）

4.去掉主页登录按键，移到侧边栏

5.主页增加搜索功能，增加了交互性并且视觉上使Appbar平衡

6.卡片式承载信息，课程详情用卡片折纸隐藏部分信息

7.设计了一套轻质感icon,考虑视觉感官依然做了扁平化调整

8.重设空状态

9.添加设计师详情页面（可直接查看所有课程）

10.优化付款页面（增加用户在支付时更有安全感的体验）

11.登陆页优化，增加第三方登录

12.其他细节优化（品牌主色等）

ios改版细节

1.基于以上Android的功能进一步完善

2.增加灵感页面，让产品更有可读性

3.增加灵感收藏功能

4.完善细节，重设Icon等