助力企业打造全方位的新职业人才
可搜索课程、软件、讲师、读书、直播
虎课网为您提供字体设计版块下的车载中控屏(HMI)-天气类界面设计图文教程，本篇教程使用软件为XD（2021），难度等级为初级练习，下面开始学习这节课的内容吧！
本节课讲解车载中控屏(HMI)天气类界面设计，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。
核心知识点：界面设计。
学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。
那我们开始今天的教程吧。
1.车载HMI界面设计，要停车操作和常规无异，借鉴地图类应用的设计和交互，2s左右的操作和反馈，交互注意热区，尽量采用点按。
2.做汽车中控屏可以搜一些内饰屏幕，添加一张天空的图片，添加界面时间。
3.在界面上添加地区、温度、风向等，再添加日期，调整合适的位置。
4.在网站上搜索天气的图标，找到合适的风格，点击下载。
5.将下载的图标放在界面中，添加滑动的图标，背景颜色压深。
6.将所有字体调整为白色，让信息更加清晰，调整文字的字体和大小。
7.添加文字提醒，【矩形工具】用红色绘制，降低矩形的【不透明度】。
8.右侧添加深色矩形框，找一张雨水的素材，添加到界面中。
9.找一张雷雨的图片，添加到界面中，根据不同的天气进行调整。
10.调整按钮的大小，调整界面中的元素位置和大小，使界面和谐统一。
11.在网站上搜索箭头的图标，网站上有许多箭头的元素，找到合适的进行下载。
12.调整文字的间距，界面尽量美观，调整各个部分的布局。
13.背景进行【对象模糊】，箭头调整到上面，调整界面的构图。
14.将昨天的天气弱化，今天的天气加深，选择所有天气的图标进行【平均分布】。
15.本节课内容结束，感谢同学们的观看！
以上就是车载中控屏(HMI)-天气类界面设计图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！