西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
先写再设计
建议提问者拿到一台测试机。 当然车载ui设计,考虑到是车载屏幕,可能会比较困难。 如果没有,您可以询问车载屏幕的物理尺寸。 以后做设计的时候,经常会提交设计稿Zoom到同样的尺寸,就能大致看到UI的效果。
关于尺寸和出血位置
与平面设计不同,UI在设计稿阶段不需要考虑dpi、物理尺寸、出血位置等概念。 说到物理分辨率,有一个ppi的概念车载ui设计;尊敬的UI设计专家外贸建站,请帮助指导车辆界面设计规范。 尺寸和出血要求是多少?,暂时不用考虑这个。 你要知道,只要车载大屏的分辨率就可以了。
在下方输入文字。
首先,优先考虑可读性问题
因为车载屏幕常见的使用场景之一就是用户在驾驶车辆时必须低头看屏幕。
此时,用户的注意力会从路况上分散,但同时车辆仍在行驶。 用户看屏幕的次数越多,发生事故的可能性就越大。 因此,我们在设计这个界面的时候,应该能够做到让用户第一眼就掌握了主要信息,而不是分心过多的精力去查找和识别信息。
因此,文字的大小、文字与背景的对比、信息的分类以及各种文字和图形的布局必须优先考虑可读性,然后追求美观。
你甚至要考虑车载屏幕是否会被方向盘和用户的手挡住,从而决定是否将一些关键信息放在角落里。
其次,充分考虑人机交互的方式
在考虑人与机器的交互时,我们必须以人为中心,思考人类应该如何以最自然的方式与机器交互,即使这种交互方式是在屏幕之外,比如声音的输入和输出、方向盘或者舵。 按钮和旋钮。
机器是否集成信息推送功能? 前方道路的拥堵信息、车辆部件警报、手机通讯软件发送的亲友同事领导的消息都可能瞬间充斥屏幕,因此如何对这些信息进行分层处理也至关重要。
最后返回题主设计的界面
典型的汽车仪表盘界面,整体感觉尚可,仅提及细节,以下纯属个人意见。
1. 油位和水箱温度的指示可能会让用户感到困惑。 这主要体现在油位采用了从蓝色到深紫色的渐变。 如果油位太低,用户可能无法清楚地看到车内还剩下多少油,而水箱有了这个指示器,用户根本无法看到他或她的水箱当前有多热。
2.仪器,不知道指针是否可以旋转还是只是一个装饰品。 如果它可以旋转,首先它并不明显。 其次,没有规模。 数字和单位,特别是单位的文字大小可以更大。 一点。
因为与传统仪表板上印刷的刻度文字不同,屏幕分辨率不一定足够大,小尺寸文字的显示效果会比较模糊。
3.汽车和道路模型的纹理可以更加精致。 头灯有点细shopify搭建,路上的点和实线有点潦草,两侧的蓝色边缘似乎有不同的斜度,整体形状不太居中。
当然车载ui设计,这是一个静态接口,如果移动一下可能会减轻混乱。
附加参考
建议题主多读一些。 以下仅供参考,排名不分先后。
有关 Apple CarPlay 的人机界面指南:
理想智能与系统副总裁范浩宇发表《理想ONE在智能汽车领域的思考》演讲:
两款高品质的JC复刻版,以及领克的ZERO概念平台:
宝马的iDrive 8包含了设计和研发团队对整个系统的解释:
多于。
西西木科技是shopify官方合作伙伴,通过了Shopify Partner Academy认证,具备多年shopify lic主题开发经验,熟悉Liquid和各项计算机语言。