美文网首页
iVoka MiniX界面设计探索

iVoka MiniX界面设计探索

作者: 小鹿大概不是我 | 来源:发表于2018-07-25 13:42 被阅读0次

iVoka MiniX的界面设计改版方案

目前线上有版本,但是页面陈旧、缺乏活力,自己尝试加入一些新的元素进行改版。

线上版本设计

1.配色的优化。原来的页面大范围使用灰色系,页面感觉非常重,并且首页列表很长,展示效果非常单一。

修改要点:夜间版中使用紫色、蓝色的渐变色设计,避免列表过长的情况下,用户的烦躁心理。

2.元素的优化。原来的页面比较呆板。

修改要点:引入夜间版和日间版的插画设计,页面效果不再单一,插画的设计也使页面更为灵动。

3.页面“破”的设计。原来的页面非常工整,统一,但是呆板。

修改要点:在列表中加入一些“破”的设计元素,比如行驶轨迹、天气的不同其他提醒的处理方式,页面元素不再单一。

4.左右菜单页面的重设计。原先左右滑动都可以进入菜单页面,但是两个页面设计雷同且全是列表设计。

修改要点:用大图标+文字辅助说明的形式,使页面不再列表化;首页的截图也缩小显示,页面显示更轻、更灵活。

首页的设计改版方案

故障诊断动效演示

App上原先使用的是静态图片,加入一些微动效使页面更生动有趣。


Demo_check

年度总结的H5动效演示

模拟爱车一年的开车场景变化,在重要的节点做小的动画演示。


场景1
场景2
场景3

相关文章

  • iVoka MiniX界面设计探索

    iVoka MiniX的界面设计改版方案 目前线上有版本,但是页面陈旧、缺乏活力,自己尝试加入一些新的元素进行改版...

  • Linux学习笔记1

    历史 根据unix重写而成minix(android)--->开源 Linus Tarvalds 以minix为模...

  • Linux介绍 day 1

    Linux 由Linus Torvalds 开发的一款基于minix一款开源系统(ps:minix是由一大学教授开...

  • MBR与grub

    今天折腾了一天,安装minix3。 我用的硬盘是之前装了linux的,用minix安装光盘进入,setup一路走过...

  • vue混入minix

    个人理解的混入:混入就是写一个公共的文件或者对象(结构和各组件的写法一样,export default {}内的东...

  • 弹窗和minix

  • Linux初学

    一、发展 Minix(Andrew S.Tanenbaum)---> Linux(Linus Torvalds...

  • 查看lib库.a .so的支持cpu架构 arm64 armea

    类Unix操作系统(Linux or Minix or mac os): 使用file或者objdump命令,推荐...

  • Linux的基本命令

    Linux : 1、Linux的发展史 unix---minix---linux Unix 是Ken Thomps...

  • 设计价值缔造者2018-09-07

    招生对象:设计爱好者、界面设计职业规划者、界面设计,网页界面设计,游戏界面设计,装饰设计等。 http://www...

网友评论

      本文标题:iVoka MiniX界面设计探索

      本文链接:https://www.haomeiwen.com/subject/wopzpftx.html