iVoka MiniX的界面设计改版方案
目前线上有版本,但是页面陈旧、缺乏活力,自己尝试加入一些新的元素进行改版。
线上版本设计1.配色的优化。原来的页面大范围使用灰色系,页面感觉非常重,并且首页列表很长,展示效果非常单一。
修改要点:夜间版中使用紫色、蓝色的渐变色设计,避免列表过长的情况下,用户的烦躁心理。
2.元素的优化。原来的页面比较呆板。
修改要点:引入夜间版和日间版的插画设计,页面效果不再单一,插画的设计也使页面更为灵动。
3.页面“破”的设计。原来的页面非常工整,统一,但是呆板。
修改要点:在列表中加入一些“破”的设计元素,比如行驶轨迹、天气的不同其他提醒的处理方式,页面元素不再单一。
4.左右菜单页面的重设计。原先左右滑动都可以进入菜单页面,但是两个页面设计雷同且全是列表设计。
修改要点:用大图标+文字辅助说明的形式,使页面不再列表化;首页的截图也缩小显示,页面显示更轻、更灵活。
首页的设计改版方案故障诊断动效演示
App上原先使用的是静态图片,加入一些微动效使页面更生动有趣。
Demo_check
年度总结的H5动效演示
模拟爱车一年的开车场景变化,在重要的节点做小的动画演示。
场景1
场景2
场景3
网友评论