header_v1.7.40

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

2年前发布

原创作品 / UI / APP界面
作品版权由孔晨Point_Vision 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

高高手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等


1303

作品信息

  • 创作时间

    2016/10/19

相关作品 收录收藏夹 TA的主页
高高手REDESIGN-Android-Material Design and ios重设计
没有新消息

提示文案

提示文案

提示失败
提示成功