TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网分析方法/模型搭建HMI:设计规范-布局规范思维导图

搭建HMI:设计规范-布局规范思维导图

  收藏
  分享
免费下载
免费使用文件
U77418911 浏览量:122022-09-18 20:58:26
已被使用0次
查看详情搭建HMI:设计规范-布局规范思维导图

搭建HMI:设计规范-布局规范,屏幕尺寸的类别、间距的规范制定、车载模块中布局、自适应布局

树图思维导图提供 搭建HMI:设计规范-布局规范 在线思维导图免费制作,点击“编辑”按钮,可对 搭建HMI:设计规范-布局规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:f828cea26bcc47df26a314f503ac9399

思维导图大纲

搭建HMI:设计规范-布局规范思维导图模板大纲

屏幕尺寸的类别

特斯拉(Tesla)

Model3 1920*1200 15英寸(底部控件的尺 寸为120像素是固定 )Model S/X 用竖屏设 计 分辨率 1200*1920

蔚来

ES8 10.4英寸 分辨率 1600*1200 ES6 11.3英寸 分辨率 1600*1400

理想ONE

子主题 1比较特殊它拥有4块屏幕,仪表盘12. 3英寸 1920×720 / 中控屏16.2英寸 2608×720;副驾驶娱乐屏12.3英寸 1920×720 / 再外加功能控制屏 10.1英寸的1280×720

小鹏

G3 竖屏幕 15.6 1920×1080 P7控屏在目前汽车产品中属于分辨率较高的梯队 2400×1200 精度超过2K(普及一下 2K分辨率标准为2048×1080像素)

苹果的CarPlay系统分辨率和谷歌车载系统

CarPlay系统分辨率: 800 * 480、 1280 * 720、960 * 540、 1920 * 720

谷歌车载长度

间距的规范制定

制定一组间距值,用于布局中元素和组件之间的固定纵向和横向的间距

注意事项

提供4px、12px间距大小,是为了对齐较小的元素之间的距离,这两个数值谨慎使用,在大屏幕车载系统内,也有很多间距需要大于96px

车载模块中布局

自适应布局

设置页面,当中间空间很大的时候,放置到短屏中可以根据弹性布局拉伸该控件长度,拉至适配该屏幕的设计

谨慎重新改变布局

是增加开发工作量,其次就是增加用户的学习成本

屏幕是竖屏的时候则就需要重新布局,因为横宽比列变成了相反数值

相关思维导图模板

前台日常行为规范思维导图

树图思维导图提供 前台日常行为规范 在线思维导图免费制作,点击“编辑”按钮,可对 前台日常行为规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:5a6a90499b96fe69ba19aaebf588370f

中国临床试验受试者隐私权保护的相关问题及解决策略思维导图

树图思维导图提供 中国临床试验受试者隐私权保护的相关问题及解决策略 在线思维导图免费制作,点击“编辑”按钮,可对 中国临床试验受试者隐私权保护的相关问题及解决策略  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:38e14f03459127cad536b763e9539599