ui车载设计的设计与人因

  1. 设计与⼈因

一、设计与人因

  1. ⼈因分析:

基于⼈因数据评估,测算⻋内空间中驾驶员在中控台⾯上的视域,如图所示。(正视与⽔平15度区域)

  1. 屏幕可⽤区域分析:

交互布局应遵循可⽤性,在进⾏功能设计时应避免超出⽤户的可视可控区域。将⻋内⼈因数据以物理尺⼨进⾏换算,屏幕的横向可⽤区域约30-40 公分,近似于12英⼨横屏宽度(24:9);屏幕的纵向可⽤区域约45公分,基本可以满⾜到15英⼨左右竖屏(16:9)。

可视区域

可控区域

  1. ⻋机应⽤显示区域:

不考虑特殊⻋机系统架构,以常⻅的条⽬栏形式布局分析屏幕中的内容结构。⻋机界⾯包含StatusBar(状态栏)、Dock(任务栏)和ContentArea(内容区域)三部分。其中Cotent Area为主要的应⽤显示区域,以界⾯结构来看,应⽤区域与⻋机屏幕在宽⾼⽐上基本保持⼀致;由于条⽬栏所占⽤的屏幕⾯积较为狭⼩,应⽤与 整体屏幕的尺⼨差异较⼩,若考虑部分特殊应⽤可能的全屏需求,界⾯变化也较为可控。因此可以整屏尺⼨为基础,进⾏略微缩减后划分出应⽤ 区域进⾏设计。

  1. ⻋机应⽤⽐例定义:

屏幕的横竖向通常会影响应⽤的基础布局,且部分交互⾏为习惯也会有所差异。当⻋机屏幕同为横/竖向时,应⽤可以复⽤⼀个布局结构以保持交 互的⼀致性体验,并通过⾃适应布局来适配不同尺⼨屏幕。结合⼈因分析与屏幕尺⼨数据,并综合考虑⻋机应⽤⼈机交互的可⽤性需求。定义:1920*720/160dpi尺⼨的横屏为基础,预留status bar和dock区,由此可得应⽤区域尺⼨约为1680*630(dp)。考虑不同⻋辆屏幕之间的尺⼨差异;应⽤的布局设计需考虑界⾯适配;适配范围包括:屏幕宽度——1280~1920dp;屏幕⾼度——720~1080dp,屏幕⽐例:16:9~24:9。

  1. 基本版本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值