首页 理论教育 杭州车管应用的界面设计,满足iOS与Android平台的视觉规范

杭州车管应用的界面设计,满足iOS与Android平台的视觉规范

时间:2023-06-17 理论教育 版权反馈
【摘要】:通过将这三个概念图形进行特征提取,再经过创意加工设计出了杭州车管应用的图标。图7-14 掌上车管部分视觉界面为了满足不同手机操作平台用户群体的需求,掌上车管分别针对iOS与Android两种操作平台的交互与视觉规范,设计了两套不同的视觉界面。

杭州车管应用的界面设计,满足iOS与Android平台的视觉规范

①主题:界面采取简洁、冷静、警示的视觉主题,以展现内容为设计原则进行界面整体视觉形象设计

②色彩:为了突出设计主题,橙色、蓝色与灰色为界面的主要颜色。蓝色与橙色是互补色,橙色代表警示、提醒,因此主要应用于图标中;而蓝色则主要用在标签栏,是一种行动、效率的象征;灰色作为界面的背景能起到很好的中和作用,使界面看起来更加协调。

③图标:设计团队运用OK手势、笑脸及甲壳虫车型三个概念图形诠释了杭州车管应用是一个方便广大车主处理车管各项业务的服务平台,如图7-13所示。通过将这三个概念图形进行特征提取,再经过创意加工设计出了杭州车管应用的图标。

978-7-111-50581-5-Part02-116.jpg

图7-13 掌上车管图标设计

界面中其他图标设计的表现也偏重简洁与实用,让用户一看便知其含义,并懂得如何操作。

④导航与布局:掌上车管视觉界面整体都采用了居中对齐的形式,使用户在界面中的操作更有安全感,手指点击的准确度更高。在个人、提醒、推荐、更多界面的列表导航中,文字统一采用左对齐的形式,使用户的视线更加符合已有的认知习惯:从左至右阅读。设计团队还将界面图标触发与非触发的状态做了明显的区分,以快速反应用户当前的操作状态(见图7-14)。

978-7-111-50581-5-Part02-117.jpg

图7-14 掌上车管部分视觉界面(www.xing528.com)

为了满足不同手机操作平台用户群体的需求,掌上车管分别针对iOS与Android两种操作平台的交互与视觉规范,设计了两套不同的视觉界面。

⑤入场界面:车管应用入场界面通过情境化的卡通形象以自问自答的方式告诉用户该应用能够帮助他们解决的问题,让用户能以一个轻松的状态去使用它,如图7-15。

978-7-111-50581-5-Part02-118.jpg

图7-15 掌上车管入场界面设计

⑥动效:进入车管应用的违法查询功能后,可以实时查询违法信息,方便用户查询及处理违法详情。该页面通过油表的图形来显示当前的驾驶证分数,当用户点击查询按钮后油表的指针会迅速摆动指向当前分数,如图7-16所示。

978-7-111-50581-5-Part02-119.jpg

图7-16 掌上车管应用违法查询的动态数据可视化

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈