face+ 关于 服务 案例
首页 案例 服务 关于 face+

文字在UI界面设计中的作用是什么?一分钟带你认识汽车UI界面设计重要性

Time: 2021-12-29

  文字排版无论是在什么行业中都是需要做的,智能设备也是需要做文字排版,那么文字在UI界面设计中起到什么作用呢?这个对于大家都是非常想知道的,今天就让faceui来告诉大家文字在UI界面设计中的作用。

  UI界面设计

  UI是指人与信息交互的媒介,它是信息产品的功能载体和典型特征。UI作为系统的可用形式而存在,比如以视觉为主体的界面,强调的是视觉元素的组织和呈现。这是物理表现层的设计,每一款产品或者交互形式都以这种形态出现,包括图形、图标(Icon)、色彩、文字设计等,用户通过它们使用系统。在这一层面,UI可以理解为User Interface,即用户界面,这是UI作为人机交互的基础层面。

文字在UI界面设计中的作用

  图片来源于网络

  UI设计中字体分为重要字体、较重要字体和一般字体,根据文字信息的重要性来确定文字的字体和字号。其中重要的文字一般为大标题、导航栏;较重要的文字为二级页面小标题、栏目标题等;一般字体为普通正文文字和说明性文字。在字体字号选择时,还可以结合其相应的背景色来选择,运用色彩的搭配太突出显示或者弱化显示相应的文字。

  文字在UI界面设计中的作用

  智能驾舱,AI智能,无人驾驶活跃了这么多年,汽车仪表的视觉设计中必不可少的字。

  一、如何解读仪表盘

  当我们意识到文字在设计中的重要性,那么,我们就应该花时间研究用户的使用习惯,以及字体设计对阅读体验的影响。当每一个数字、每一个词语都会给用户的信息读取产生极大影响时,我们就能明白文字的设计有多么重要:

  1.一个有效的仪表盘显示用户可以采取行动的有用信息,并且可以直观地表示什么是复杂的数据,易于理解。

  2.一个好的仪表盘能够帮助用户理解,分析以及呈现关键的见解。

  3.一个好用的仪表盘尽管空间有限,但是可以为最重要的数据组件和小部件提供空间,而不会显得过于混乱。

  二、可视的安全性

  汽车仪表与驾驶者的距离在60cm-85cm之间,仪表屏物理尺寸也各有不同,在仪表盘设计中字体有着举足轻重的作用。所以在设计中仪表上的重要信息一定要以足够清晰的大小显示,不可虚化或混淆。

  三、字体就是交互

  汽车智能设备上的UI显示的每一个词、每一个字母都非常重要。好的字体就是好的设计。文字出现的本身目的就是交互。同样的文字用不同的字体也能表达出不一样的气氛。

  而我们的工作不是把这些文字随机摆放在屏幕上让他们看起来不错就行了,而是需要从最终的需求——字体和内容开始着手,其他的元素应该以此为中心延伸开来。

  我们最终目的是让用户能在第一时间接受到主要信息的输入。特别是在汽车仪表的使用中,汽车信息显示在汽车制造中都有严格的规定。

  四、如何做到信息快速读取

  看到这个问题可能会觉得很难回答。仪表信息规划每个大型车企都有自己的设计规范,而且会在产品迭代中会继承和保留原有的布局,用户长期的使用习惯能够让他们在阅读中快速地汲取需要的信息。

  五、字体的可读性也举足轻重

  我们的用户画像在使用环境下要辨识出单个字的时间非常短,但是随着我们所用的功能和信息越来越多,字的辨识度就变得重要起来。

  虽然影响字体的可读性的元素有许多,比如:各个元素之间的平衡、位置、对称性、结构等。但是好的字体设计能够更清晰快速地表达内容,让用户一目了然是最好的字体。好的设计师懂得字体不止是内容,他会把字体当做UI来设计。

  六、字体对于可读性的影响

  我们首先需要把句子中的单词一个个拆分开来,再把单词拆分成一个个字母,再把字母分成一个个不同的元素,以研究微观层面上的设计特点。2008年,维多利亚大学的心理学院利用实证研究,揭示拉丁字母在什么大小范围最适合阅读。

  并且,线条终止的方式是影响字母辨识的最重要的因素。上面图片显示的就是我们在辨认字母时最为关注的部分。在选择字体时这些部分应该要考虑到阅读的一般规律和特定规律,同时要考虑到每个字母的特殊性。(摘自 NIU-ROU-MIAN)

  七、屏幕分辨率和字体的关系

  汽车仪表与驾驶者的距离在60cm-85cm之间,在确定仪表盘尺寸设计之后,需要了解清楚液晶屏的像素,实际显示区域的大小,这对开发界面、显示信息的可视化做到一个保障。我们计算出每个厘米里面包含多少像素,这样我们在设计温度和各类行车信息的时候,能设计出最合理的显示尺寸。

  具体计算如下:

  DPC=分辨率÷液晶屏显示实际尺寸;

  举个例子

  AUO 12.3寸液晶屏分辨率:1920*720;

  液晶屏实际尺寸:292.32(H)X109.62(v)mm;

  DPC(每1厘米像素)=1920÷29.2=65.75;

  同样的36像素的字号,不同字体会有不同的大小区别,最多使用两种或三种字体

  太多的字体只会让画面混乱,甚至只注重形式。我们使用字体时做的一定要有意义。一次运用同一种字体类别,利用不同字宽字重的区别和字体主次透明度的变化来丰富视觉观感。分清主次,先后出击

  说到主次,先对一种颜色进行视觉强化吸引观众的注意力。然后用一系列的大小、重量、色彩的变化等,来引导观众。在重要的元素下划线或说明。使用户能直接理解信息。同样的字体,不同字号大小,颜色和粗细变化

文字在UI界面设计中的作用

  图片来源于网络

  八、按需选择色彩

  一般来说仪表选择的背景色主要以深色为主,再搭配其他辅色,而字体色彩几乎是以白色为主,保持强对比度,使重要信息突出。

  对于仪表这一特殊的汽车安全件,需要适应各种驾驶环境,比如,夜晚和白天对于人眼的适应度是不一样的,而往往在白天觉得不够亮的色度在夜晚时则会十分晃眼,会造成一定程度上的色彩干扰,所以在设计初就应当考虑到用户视线的舒适度。(目前仪表已有调节白天和夜晚的模式,但是还做不到像手机一样智能)

  九、能够做到精准定位

  在车载产品中最重要的要考虑到功能,文本信息尽量简洁、易读,保证信息传达清晰。长篇大论或文字信息表达不清晰容易造成驾驶分心,在信息消化上花费太久时间造成危险。在此基础上进行设计和美化,其中要考虑到用户长时间开车后视觉疲劳,就可以在驾驶时改变视觉配色和动效,提醒和缓解用户的疲劳感。

  以上就是faceui给大家带来了关于文字在UI界面设计中的作用,看完上面的文章之后,相信各位朋友都清楚的了解到原来汽车UI界面设计的文字中都是有着重要关系,所以想要设计好汽车UI界面,那就要在文字排版上做好工作。

合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼205
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康胡同17号A座三层
010-64015620
service@faceui.com

办公地址地图

深圳

深圳市福田区金田路4018号安联大厦2601
0755-33955611
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2015 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开