学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

2023-08-23 0 835

#专精课程阐释:

Course elaboration________

本专精课程是位数新闻媒体表演艺术专精互联网与智能新闻媒体结构设计路径核心理念专精课程,通过自学使小学生认知和掌控建模结构设计和使用者新体验研究的基本方法和业务流程,并能够娴熟使用交互结构设计辅助工具,结构设计并制做出完备的建模结构设计产品蓝本。此次专精课程采用“课堂教学+两栖作战”的方式,以长安电动汽车智能驾驶舱UI/UX结构设计为主轴,全校师生各组顺利完成考察、分析、探讨等活动,顺利完成长安电动汽车电动汽车仪表板、中控台和副驾的操作界面及静态建模蓝本结构设计,体会未来电动汽车智能化结构调整的气质。

#讲课教员:

Instructors________

侯玥 

中国首都师范大学动画电影与位数表演艺术学院 教员

结课展现

中文翻译:驭光

核心成员:林永昕、杨紫涵、孙锐雯

结构设计说明:

光是什么?

开普勒曾认为,“一大群以前所未见的微小而迅速运动的大小不一不同的光子,两个接两个的升空出来。”也便是光,成为了速率和光亮的同义词。在此次操作界面中,他们以“光”为核心理念,延展出三个关键字——“速率”、“生机”、“安全可靠”。

他们将速率建模,在仪表板板中显示不计其数向边沿延展的雷射轮廓,当使用者松开刹车的一瞬间,仪表板板中的雷射也骤然终端,以车代人,元显恭代本路,给人一种操控光的新体验感。

操作界面上他们利用打印服务器和动感线圈提升界面质感,界面中的动感轮廓与太空紫也正体现了新时代人们所向往的生机,塑造出驭光的主轴,强调年轻、科技、未来。同时他们也将安全可靠性融入结构设计,通过简化界面,帮助使用者在众多的功能中化繁去简,在感受智能的同时尽可能降低智能产品的自学成本,提升使用者的界面新体验感。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:梦野•星野

核心成员:刘紫昱、乔楚、李澄映

结构设计说明:

UI结构设计主轴“梦野·星野”,计划以简约、浪漫的结构设计风格,遵循安全可靠驾驶的原则,让驾驶者和同乘者享受行车之旅。“星”“梦”个性化的结构设计迎合了年轻人的心理。年轻一代事业往往刚刚起步,外出需求大,车辆使用较为频繁,舒适放松的行车新体验更能给予逐梦路上的年轻人支持。

期望与长安电动汽车的同行之旅能够给予你心中平静安宁,让自由与爱淹没孤独,一同向未知的未来奔赴。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:一路花香

核心成员:张佳煦、马嘉瞳、李雅琪、黄楚腾

结构设计说明:

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:深蓝

核心成员:白昀、宋清鑫

结构设计说明:

基于Delink系统的,全面链接人—机—车—云的,使得电动汽车生活更加灵动智能的电动汽车UI&UX结构设计。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:阴阳艮兑

核心成员:柯莉亚、李亭颐

结构设计说明:

他们由电动汽车UI深浅色两种模式发散到了“阴阳艮兑“这四个字,黑与白,阴与阳,艮与兑。

他们小组选用了比较统一的配色,夜间模式就整体呈深紫色,日间模式就是白色,并同时搭配了比较亮眼的薄荷绿和橙红色,让整体界面看起来活泼但又不失一种低调的感觉。也恰恰呼应了给他取的名字。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:雾·境

核心成员:张诗媛、任六月

结构设计说明:

结构设计说明:

他们的结构设计致力于探索表演艺术化和实用性的平衡点,在平面化的结构设计中利用毛玻璃质感的窗口融入了纵深感与科技感。整体采用了新潮的高饱和单主轴色结构设计,同时简化了仪表板板信息,使得驾驶员能够轻松识别,提升驾驶安全可靠性。浅色模式利用平面色块强调图标,提升了图标识别度,在深色模式下则变为富有科技感的霓虹灯带,与背景形成视觉反差。图标采用了统一的主轴色与毛玻璃质感的视觉效果,使得整个作品更加浑然一体。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:未来之风

核心成员:李正楠、方锦淮

结构设计说明:

在结构设计理念上,他们追求新潮的科技,风格上简约,让简单成为他们结构设计的中心,灰白亮的色彩能够给使用者留下科技感十足的第一印象,在图标的结构设计上,尺寸尽量大,操作尽量简单,让使用者在各种环境下能够轻易的操作,并且采取更锐利的圆角,进一步的凸显整个产品的科技感,给人一种手起刀落的犀利。整个结构设计的科技感在简约白中悄然浮现,并且对于使用者的操作也更为方便。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

作品名称:《旅途的故事》

核心成员:郭阳阳、高欣然

结构设计说明:

他们的结构设计主轴是“深海”与“白云”,也对应了黑夜与白天两种模式的要求。针对“深海”,他们采用了水生与流动的结构设计语言,赋予画面中的元素以流动漂浮的感觉,配合他们的朦胧神秘的调色风格,带来一种深海遨游的新体验。“白云”模式,他们采用了干净纯粹的画面风格,他们将白云与天空最美的元素加入到产品中,赋予整个画面的元素一种在天空漂浮的感觉,带来一种“行走在云中,遨游在天上”的建模新体验。这两种结构设计风格,动则灵动飘逸,静则含蓄内敛,我相信它适合大多数车主。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:青透·连动

核心成员:卢佳亿、丘欣鑫、朱修齐

结构设计说明:

年轻、潮流、时尚;

他们的目标是为年轻人打造一款智能驾驶舱;因此,他们从年轻人的实际场景需求出发,在考虑实际驾驶的同时,兼顾年轻人与三两好友驾车出游时的娱乐需求。他们的整体结构设计既有轻松、清透的质感,也有舒适、实用的具体需求。他们的结构设计技术创新性的放大了D-link智能系统同步、智能、方便的优势,多种功能框会根据不同乘客在不同场景下的需求自动弹现,主副驾也可以通过屏幕进行更加便捷的信息联动,从而打造两个更加紧密的车内氛围。学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

观看视频请扫描

中文翻译:《山海》

核心成员:姜子钰、罗雨晴

结构设计说明:

山海,自然世界不可或缺的美景,民族文化亘古不变的选题。

山海意象静动兼具,不拘泥于单一感觉,能够以多种形态的方式传递不同感觉。同时,山海可兼具具象与抽象表达,有多种表演艺术表达形式,其中水墨风格则有着相当强烈的代表性与独特性。结构设计大可以跳出传统结构设计思维,将传统元素抽象化,简洁化,从而赋予科技感。

此次结构设计结合长安电动汽车经典国牌的企业形象与国产新能源车特点,将重点放在简洁、现代、国潮上。力求达到复古与新潮、表演艺术与科技、民族与世界的有机结合,融会贯通。视觉风格上融入山水元素,以中国传统轮廓纹样做装饰,形成线面为主的整体风格。配色则以黑蓝为主,注重突出科技感的部分,尽可能加大炫光感。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

图表 1场景内开机效果图

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

图表 2中控台主页

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

图表 3仪表板

(实际情况请移步视频)

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:Mechanitis polymnia

核心成员:郝婧 、石桓羽 、张越同

设计说明:

以金为梦,挣脱束缚,筑梦未来。

破茧方能成蝶。对于圣歌女神裙绡蝶而言,作茧是她一生中的重要阶段。她用前半生编织金色的梦乡,后半生化蝶破茧,获得自由,绽放最美的生命。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

他们认为,长安电动汽车也像圣歌女神裙绡蝶一样,是两个具有盎然生命力的,一直向上走、往高飞的品牌。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

如何得到车主的认可?是他们进行结构设计时的首要出发点。独特的产品调性和便捷实用的建模系统是他们的产品卖点,他们的目标是打造风格上的轻奢感、体感上的舒适感。因此Mechanitis polymnia(圣歌女神裙绡蝶)是他们的结构设计立意,更是他们所独有的产品调性,简约、高端、美观,做第一眼心动、第二眼喜欢的风格化操作界面。实用性是他们目标车主最为在意的点——回归驾驶本身,让智能简约的建模系统结构设计、ADAS 系统功能的技术创新、流畅的建模动画电影带给车主愉悦舒适的行车新体验。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:千山翠玉

核心成员:刘宇开、田心玥、王业恒

结构设计说明:

作品以“玉”为结构设计出发点,加入“圆”的结构设计思路,有中华文化中“圆”的含义,不仅在UI上方便点击与提示,也有着圆满,安全可靠的象征,配色方面再引入较为新潮的青色,改变玉的深浅青色来代表UI的深浅模式,打造出独具中国传统文化特色风格,而又不失智能、科技感的智能屏幕主轴结构设计。

以“玉”为主轴的视觉结构设计风格,取玉温润莹泽,缜密坚韧的美感融入到整体操作界面中。视觉画面风格介于半扁平化与平面立体感之间,以表现出玉通透润泽的材质和简约朴素的风格。整体色调上,采用光泽强,透明度高,没有杂质的玉石的青绿色。

作品将传统玉文化和现代科技所结合,放大中国传统文化跨越千年的气质,并通过简洁、温润的颜色增加使用者的新体验感,使其在驾驶时更加放松、心态平和,在一定程度上减少由于“路怒症”引发的驾驶事故的出现。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:简约派UI结构设计

核心成员:吴烁钺

结构设计说明:

随着电动汽车与智能设备的结合,电动电动汽车的智能操控屏不断地被结构设计赋予了越来越多的功能。

根据真实的驾驶需求,削减了智能屏幕中琐碎的,干扰人在与智能设备建模中的元素。力求以最高的效率达到驾驶者、乘客的需求。

合理的功能与规划,应该在丰富智能电动汽车的功能的同时,也增强人与机器互动的效率。提高驾驶安全可靠,降低过度的娱乐与复杂的屏幕对驾驶的干扰。

电动汽车的中控台屏应该要找到自己的布局与建模方式,而不是变成一块车载智能ipad。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:盈飞绿野

核心成员:李佳一、方海蓝、鲍欣雨

结构设计说明:

“盈飞绿野”寓意驾驶电动汽车轻盈的飞跃于自然之中。由于现代生活节奏快速,人们在驾驶电动汽车的过程中经常感到焦虑、急躁等情绪,他们希望能以更加柔和舒适的UI结构设计风格,打破传统电动汽车严肃硬朗的风格,缓解人们在驾车途中的压抑情绪,使驾驶员能够放松心情,不再被生活节奏逼迫,获得愿意在电动汽车中多呆一会的余裕。

结构设计以年轻人喜爱的风格为出发点,使用了近年来流行又经典的莫兰迪配色,以舒缓的颜色作为基础结构设计了整体更加轻柔圆润的界面,为了增加现代感,在界面布局以及细节上采用了卡片化、简洁精炼、立体结构设计、音频建模等元素,同时希望以温暖清新的颜色打破电动汽车所带来的传统严肃感,缓解人们驾驶时的压力,提供更加舒适轻松的驾车新体验。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:无拘迷航

核心成员:马旭儿、丁艺凡、郭晶珺

设计说明:

“无拘迷航”是一款专为年轻人结构设计的太空主轴智能驾驶舱HMI。本结构设计以太空为核心理念,主要采用了宇航员、橡皮艇、宇宙、冰原等元素组合,意在表达出年轻一代前卫、轻盈、不被束缚的态度,其科技感与未来感裹挟于结构设计之中澎湃而来。本结构设计整体采用蓝黄、黑金两种配色,分别适配白天和黑夜两种模式。“无拘迷航”的目标人群主要为20-35岁“购买第一辆车”的年轻群体,其具备一定的个性化审美需求,渴望轻快健康智能的生活方式,同时也不甘于同质化、商务感的传统束缚,试图找到一种新的电动汽车操作界面。因此“无拘迷航”或许是他们的答案。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:天空之境

核心成员:张潇艺、吴静茜、何瑾

结构设计说明:

电车驰骋在车道上,与天地融为一体,如同云朵一般自由洒脱。基于此,他们以中国风为出发点,加上不同形态的云朵作为背景、装饰,用中国传统的建筑结构作为边框。将科技、国风、动感、时尚等元素融合,打造宛若云端的驾驶新体验。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:鸔黹衟臫兟癦

核心成员:袁梓祎、李玲婧、王羽秋

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

中文翻译:残余垃圾的作品

核心成员:周通、袁骏楠、黄齐渲、王圣藩、陈一贤

结构设计说明:

作品强调结构设计的极简性和抽象感上,让人更觉一种和谐的科技感。首先在仪表板板上,不同于常规的圆形表盘,他们选择了用更直观,建模的方式表达数据,左右两个半圆包含了四项不同信息,是位数与图像结合。在副驾驶屏幕上,他们依旧是定位于娱乐性质的休闲屏幕,但不同的是该屏幕可与主屏幕建模,在驾驶员需要信息时,副驾屏幕可以通过操作帮助驾驶员。而主屏幕方面他们则结构设计的是将不同应用并排于其中,通过滑动来建模选择应用,这一点也便是因为上文所说的共享屏幕,目的是让建模更简便,当然使用者也可以选择某项应用将其放大,专心使用。第二组结构设计色调偏深,整体相对更加和谐。配合周围的灯光后,更能衬托屏幕的深邃。

他们组想建立的是两个极简风和科技风结合的概念,其原因是他们认为长安电动汽车电动汽车的大部分目标使用者是有一定经济能力的小资年轻人群体,而对于这样的群体,相对复古的结构设计,带有极简风和科技感的结构设计理念更有吸引力,更年轻更具生机。这样的结构设计概念相对于同市场的竞争对手具有自由度高,性价比高的优势,风格独特,建模新奇的同时简单便捷。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

以上两张图是他们组的第一套结构设计方案,将《赛博朋克:边沿行者》这一游戏衍生剧为蓝本创作的建模界面。强烈的对比配色,醒目又简洁的位数仪表板板,突出体现未来科技感,副驾驶上的屏幕不光可以选择观看自己所喜欢的剧集,还可以在设置里改变车内建模界面的对比配色,同时改变的还有车内灯条的光线,真正实现自由度高,风格多样的年轻结构设计。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

相较于第一份结构设计作品突出的科技与未来,注重吸睛,第二份结构设计作品则在极简性和抽象感上做功夫,让人更觉一种和谐的科技感。

首先在仪表板板上,不同于常规的圆形表盘,他们选择了用更直观,建模的方式表达数据,左右两个半圆包含了四项不同信息,是位数与图像结合。在副驾驶屏幕上,他们依旧是定位于娱乐性质的休闲屏幕,但不同的是该屏幕可与主屏幕建模,在驾驶员需要信息时,副驾屏幕可以通过操作帮助驾驶员。而主屏幕方面他们则结构设计的是将不同应用并排于其中,通过滑动来建模选择应用,这一点也便是因为上文所说的共享屏幕,目的是让建模更简便,当然使用者也可以选择某项应用将其放大,专心使用。第二组结构设计色调偏深,整体相对更加和谐。配合周围的灯光后,更能衬托屏幕的深邃。

以上是他们组两种结构设计方案的介绍和说明。

中文翻译:都市白日梦

核心成员:李抒怡

结构设计说明:

城市里人们的生活被科技和电子设备牢牢鄉定,人们无法脱离这个庞大的系统生存,在现代社会高效率的要求下人文思想是否还有足够的自由空间,他们是否有时间慢下来,在阳光柔和的午后或在顺利完成工作后的夜晚冥想,体会自己的内心——这是一次寻找技术发展与自然之间平衡的尝试:城市的夜晚是灯光的聚会,深色模式表现科技;浅色模式探索自然的视觉呈现,制造繁忙生活中的“白日梦”,希望恬淡柔和的色彩可以让人们感到平静,放松下来。

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

浅色模式采用低饱和度的粉/绿/蓝紫色,用毛玻璃制造清透自然的效果深色模式采用高饱和度的蓝/绿色

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展美编丨石小妍

责编丨

吴亚楠 王云涛 张艺蓉

学以致用,实践创新丨21数媒网络《人机交互界面设计》结课展

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务