首页

剖析车载界面设计

涛涛

       HMI是Human Machine Interface 的缩写,“人机接口”,也叫人机界面。凡是参与人机信息交流的领域都存在着人机界面。本文将深度剖析车载界面的设计要点及注意规范。

       智慧城市的建设趋势越来越显著,政府对于汽车智能化、信息化发展非常重视,汽车驾驶体验感与个性化的设计也会成为我们对于汽车选购的参考和方向,自从人们对于用户体验的重视,人机交互设计工作内容也成为重要环节。

       对于人机界面,首先我们要明确一些概念。


1、人机界面与人们常说的“触摸屏”有什么区别?

从严格意义上来说,两者是有本质上的区别的。因为“触摸屏”仅是人机界面产品中可能用到的硬件部分,是一种替代鼠标及键盘部分功能,安装在显示屏前端的输入设备;而人机界面产品则是一种包含硬件和软件的人机交互设备。在工业中,人们常把具有触摸输入功能的人机界面产品称为“触摸屏”,但这是不科学的。


2.人机界面产品中是否有操作系统?

任何人机界面产品都有系统软件部分,系统软件运行在HMI的处理器中,支持多任务处理功能,处理器中需有小型的操作系统管理系统软件的运行。基于平板计算机的高性能人机界面产品中,一般使用WinCE,Linux等通用的嵌入式操作系统。

       我们做的交互场景是有车辆行驶的,所以首先是要考虑安全因素,美观其次,因此在特殊环境下操作车载系统,我们无法用传统移动端沉浸式的设计思维来设计车载的界面与功能,需要放下所谓的美学,紧扣实际场景下的交互方式与用户需求来设计,因为在极短时间内导致我们必须对所有可能用到的功能入口一步即达,对信息的布局必须做到一眼即见。



       汽车HMI有自己的设计原则和设计规范以及美学理念。

汽车行业本身是一个有着强烈美学理念和设计规范的行业,其实准确的说应该是汽车HMI中控设计是基于自身传统规范,结合互联网移动端和Web端的基础上,慢慢形成了一种新的设计规范。


       在开始讲解之前,我们首先要了解官方的一些设计规范。

1. 阿里 Alios 开放平台

https://miniapp.alios.cn/index#/document

2. 百度车载生态开放平台

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3. 谷歌驾驶

https://developers.google.com/cars/design/design-foundations

4. 苹果 Apple Car Play

https://www.apple.com.cn/ios/carplay/

5. 华为车机三方应用交互设计规范

https://developer.huawei.com/consumer/cn/doc/50902

   

       我们还要了解车内屏幕的类型,主驾驶前面的仪表盘、HUD和中控屏幕,副驾驶和后排的娱乐屏幕。

1. 仪表盘

汽车仪表盘是反映车辆各系统工作状况的装置。一般由时速表、转速表、机油压力表、水温表、燃油表以及电子指示灯等组成。汽车仪表是驾驶员与汽车进行信息交流的重要接口。当今纯液晶屏的仪表盘占市场主导地位,纯机械、灯显、段码将退出历史舞台。

2. HUD

平视显示器(Head Up Display),最早是航空器上的飞行辅助仪器,运用在战斗机上,由于战斗机上很多信息需要飞机驾驶员随时查看,避免驾驶员低头看仪表而分心,随后又普及在民航客机上,由于HUD的方便性以及能够提高飞行安全,这项技术后来也发展到汽车行业,汽车搭载的HUD抬头数字显示功能,是利用光学反射的原理,将重要的行驶信息胎压、速度和转速等信息投射到驾驶舱前段玻璃上面,在驾驶过程中不用分心看仪表盘,减轻眼睛的疲劳,给驾驶带来便利和安全。


       此前,HUD前装市场基本被日本精机、德国大陆、日本电装、伟世通等国外巨头垄断,且竞争格局高度集中,前五名企业市场份额超95%。近三年,随着国内智能驾驶技术商业化落地加快,不少自主品牌供应商开始崭露头角,且爆发力十足。HUD的发展会越来越迅猛,原因主要有以下几点。

1、HUD作为ADAS人机交互的窗口,可以呈现驾驶辅助信息,提升驾驶的安全性和舒适性,使驾驶者拥有更佳的应用体验;

2、为提升市场竞争力,车企对自动驾驶和智能座舱重视度提升,尤其是自主品牌车企近年在国家智能网联发展战略的推动和扶持下,转型动作快、力度大,产品创新和应用上也更加大胆和前卫。、

3、HUD技术上取得突破,显示效果大幅改善;

4、随着技术升级,HUD配套价格逐渐下降,性价比逐步提升;

3. 娱乐屏幕

后排娱乐屏更像是一个平板,主要功能点为视频、音乐、游戏等等,帮助后排乘客打发时间,所以后排的娱乐系统就是为娱乐而生,无需考虑安全性。

车载界面的设计原则

1.迅捷性

与人们常常所说的三秒设计原则类似。移动端系统为沉浸式操作,而车载系统不一样,在驾驶过程中,用户95%的精力在于聚焦驾驶上行为上,用户只能抽取仅5%左右的精力与时间来操控车载。因此也就决定了车载系统的功能逻辑,信息布局都必须在极短的时间内以最好的方式呈现。

而如果用户没有在这个时间以内完成操作任务,要么用户选择放弃,重新再来;要么用户花费更多时间和精力,但这样驾驶的危险系数会成倍增长。经笔者多次在不同路段试验,统计下来平均每次操作,即视线与注意力专注在车载上的时间,无法超过三秒,事实上,当进入第三秒时,已不得不需要利用余光开始注意前方路况了。

因此,在三秒以内,无论是用户第一次操作失败,重新注意路况后,再重复操作,还是用户持续操作直到任务完成,都是非常危险的行为,在这里,由于用户试错的成本非常巨大,也因此交互的设计与信息布局的设计都需要做到最极致的状态。


       随着大屏、多屏化的发展趋势,触摸和语音控制应时而生,为了增强操作合理性,以及减少或避免触摸屏的误触功能。从信息输入来看,以触控、语音为主,手势、视觉交互为辅;从反馈输出来看,以视觉、语音、触控交互为主,嗅觉交互为辅。

人机交互定义需要区分车辆是行驶中还是静止状态,车辆在行驶中,对于需要驾驶员操作反馈的交互行为需要遵循3S原则(上面提到的三秒原则),降低安全隐患。甚至有一些交互动作在车辆行驶过程中需要禁用的。

2. 聚合性

得益于计算机算法的强大,汽车功能越来越完善,信息量也越来越大,为了让用户有更好的体验,避免过多信息的干扰,必须做到界面显示轻量化。

这也是为什么飞机驾驶舱内、国际空间站内的各种操控开关拉杆都是星罗密布式的摆放,并非以如今的科技无法做到像科幻片里一样简洁干净的操控台,而是因为考虑到在实际应用场景下,专业素质的人员不需要也没有时间去欣赏美观的界面,学习我们所认为的交互方式。


保障关键信息是醒目的,容易让用户视觉快速捕获,在各种环境场景下具有良好的可见性和易读性,无需驾驶员费力寻找和识别。

3. 及时性

这里所说的及时性指的是反馈信息的及时性,我们要考虑实现全方位的信息提示,着重考虑视觉层面和听觉层面。

在驾驶的过程当中,司机的双手被占用,于是眼睛和耳朵感知要提高,与移动端的视觉显示不同,HMI设计师需要注意除了基础的视觉显示规范外,还需格外注意与安全相关信息的展示、视觉警告、文字易读性和显示眩光等显示问题。

在车辆行驶过程中,对于司机来说,听觉反馈也是很有必要考虑的场景,通过语音反馈司机需要获取的信息,能让司机尽量保持视觉焦点在路况上。多场景的融合考虑信息获取的效率,能减少在开车过程中的安全隐患。

我们不仅要考虑设计层面,还要考虑到交互层面。

交互方式

(1)触控

这里分两种,一种是通过按键控制;一种是通过触屏控制。

都是通过不断的触控功能按钮行程锻炼肌肉记忆,现在的趋势越来越趋向重触屏,轻按钮,这样不仅系统迭代成本小,功能可以动态分布。

但是对于一些精准调节的功能还是按键控制好一些。

微软 的Surface Dial可以给我们很好的启发,智能旋钮可以解决大部分屏幕调节的不精准的痛点,而效率又高。

(2)语音

在汽车人机交互中,语音交互被认为是车内场景下最自然的交互方式,而语音交互需要一个载体来传达多样化的情感。

语音控制的前景主要在于两个因素,一个是可以把除了界面以外的利用起来,一个可以与HMI自由交谈,二是最小化HMI手动操作产生的干扰,增加安全性。

(3)手势

手势交互是对语音交互、触控交互的很好补充,能够让车主通过简单的手势和语音就能完成车内的交互任务,也是能够增加交互趣味性、表达情感、传达情绪的另一个自然交互方式。

常用的手势:单指滑动(上下左右)、双指滑动(左右)、五指抓取等。

HMI的交互手势不同于手机和IPAD,手机和IPAD握在手里,左右手都可以操作,多指组合的可能性也多,而HMI的手势定义,更多的是需要满足驾驶员的使用场景,屏幕是固定在车上的,要规避掉一些不方便的手势。

比如双指往上滑动就很不方便,向上推不灵活,也有阻力。

       所以要想系统整体跳出基础可用性范围,进阶到好用的层次,系统对各种复杂交插的应用场景的处理需要更加智能(如导航中的来电,紧急路况的提示),对车内环境控制(如声音、气温)需要更加敏感。车载系统的设计相比于移动端有着更明显的约束,不论是从空间、时间、行为、心智,都有着明显独特的场景和特点,要做好车载系统设计,我们需要有丰富的同理心以及亲身体验并反复验证设计。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:弧形线

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



浅谈公共艺术在地性观念与UI设计 ——以冲突关联性为例

鹤鹤

如果将【UI设计】比喻成一位新型时髦的青年,那么【公共艺术】则是一位已在历史长河中摸爬滚打数十载的老者,一位伟人曾说过:人类的发展从历史中获得启迪,故笔者旨在从探讨公共艺术在地性观念的角度,来浅谈如何在UI设计中凸显情感关怀。


1 公共艺术在地性观念


“艺术是什么”

undefined

当代艺术作品(图片来源:网络)


学者王瑞芸认为当代艺术边界模糊且艺术家创作手段任意, 不仅没有一个能够称得上固定的风格,也不存在相应的美术主张,因此无法用语言对其进行概述。 而二十世纪实验艺术的先锋马塞尔·杜尚 (Marcel Duchamp) 曾用种种艺术实践行为向公众宣告:经由艺术家之手创造的就是艺术。



“什么是公共艺术”

undefined

公共艺术作品(图片来源:网络)


学者金江波在其专著《地方重塑—公共艺术的挑战与机遇》中指出:公共艺术体现的艺术主张依托于关注人文的公共理想。 复旦大学的汤筠冰教授曾在其公开课《城市公共艺术》中讲述到,公共艺术与纯艺术的不同之处体现在,公共艺术中包含了一种地域文化。


相较于说不清、道不明的“艺术”,公共艺术有别于纯艺术“为我性”的情感抒发,更加强调艺术作品与空间、人之间有意识产生的情感联系,用语言来概况其特性可以总结为:公共性、艺术性、在地性。




“什么是公共艺术在地性”

undefined

公共艺术作品《爬墙的熊猫》(图片来源:网络)


相较于“公共性”与“艺术性”的“基本性质”,笔者认为受“他人”影响而产生的“在地性”更能明显地体现公共艺术中的文化关怀,什么是公共艺术在地性观念,用一句话来概括:公共艺术与空间的关联性。

纵观艺术史,公共艺术的在地性范式可以总结为以下三类:



(一) 与空间的融合关联性

undefined

古希腊帕特农神庙(图片来源:网络)


最常见的一种在地性范式,起源于人民的基本需求已得到满足,开始追求更高层次的精神追求——对美的追求。例如古希腊帕特农神庙的建造依托于古希腊人民对细节美与民主性的崇尚与追求,以及中世纪的“城市美化运动”,“依附于建筑的艺术”,均是以在依托于周围环境、融入当前环境的方式来体现公共艺术的艺术性价值。



(二) 与空间的冲突关联性

undefined

艺术家佩尔施克策划的公共艺术活动《红球计划》 (图片来源:网络)


主要集中在后现代主义时期,后现代主义艺术批判以往艺术的精英化,追求艺术“生活化”。这一时期许多艺术家将与需求空间格格不入的通俗化形象放大植入公共空间中,产生与当下空间冲突的视觉感官体验,以“介入”空间的“逆向之美”的方式来体现出了公共艺术的艺术评判性价值。


undefined

艺术家奥登伯格创作的《世俗丰碑系列》(图片来源:网络)



(三) 与空间的无关联性

undefined

《瑞秋猪》与《乳牛大游行》(图片来源:网络)


出现在后现代主义时期,此时艺术家致力于使艺术摆脱架上束缚,追求艺术的开放性,诸如《柏林熊》、《乳牛大游行》以及《瑞秋猪》等社区参与类公共艺术作品,以艺术家主导的活动形式让大众参与到艺术创作过程中,打破以往以艺术家为中心开展的艺术创作行为,去中心化,此类公共艺术摆脱空间的束缚,其在地性含义由参与者构成,其开放性艺术价值仿佛实现了大同之美。

     

2 在地性艺术语言与UI设计-以冲突关联性为例

(一)关联性的意义

undefined

例子1


上图中左边是由英国艺术家安尼什.卡普尔(Anish Kapoor)创作的公共艺术作品《云门》,将芝加哥市民引以为傲的摩天大楼与天际线的形象利用镜像反射的原理映射在光滑的雕塑表面,凸显城市文化与自信。右边为新疆克拉玛依油田新地标,似乎与芝加哥的《云门》没有太大的区别,抛开是否购买版权这一点涉及到法律层面的考量,从艺术价值层面来考量这件“作品”,周遭土黄色的大楼并非是需要凸显的城市文化与特质,强硬的植入只会削弱了作品的艺术价值。

undefined例子2


再举一个例子,以美的美居APP的缺省页为例,在最新的版本中,美的美居设计团队将缺省页的视觉元素替换成了自身IP形象“小蓝”,运用与产品相关联的视觉元素,不仅在美化的基础上增强了页面与产品的关联性,更是彰显了品牌自信。


以上两个例子也是为了说明,在UI设计中视觉元素的运用需站在“有理有据”的立场上,贯彻“取之有道 用之有理”的思想。以公共艺术中“与空间的冲突关联性”艺术语言为例,来探讨下此艺术语言在UI设计中的运用。而选择冲突性艺术语言来探讨的原因,主要在于该艺术语言包含的批判性、先锋性与幽默性特质,能够满足当今人们对情感化产品的需求。


(二)公共艺术中的冲突性

undefined


聊到公共艺术,不得不提到的一位艺术家:致力于把生活用品变成艺术品——克莱斯.奥登伯格(Claes Oldenburg),其世俗丰碑系列作品运用幽默风趣的艺术手法,提取与日常生活中通俗的现成物的形象介入公共空间,是对艺术精英化以及国际主义千篇一律设计风格的不满与批判,以及艺术生活化精神的体现。该艺术形式可以引起大众对其的新鲜感以及体现出一种趣味性,但当好奇与新鲜感退却之后,对其剩余价值的质疑也是各学者对这种艺术形式争议不断的原因,持有质疑态度的学者认为“冲突式”公共艺术具有时效限制性,只能在时代特定阶段发挥其艺术作用。


笔者认为站在城市形象塑造的角度来看:

a、"冲突式”公共艺术能够体现一个城市的包容性与开放性,万千艺术姿态都能被接受与容纳。

b、艺术家选取的艺术形象均来源于人们的日常生活形态,其艺术元素并不因地域等物质外在条件的不同,而对不同城市地区的人们产生不同意义,其体现的是一种全球共通性文化,其艺术性是针对城市公共空间而言。 


undefined

undefined


综上所述,笔者认为在冲突式在地性语言中,运用的艺术元素具有以下几点特征:


通俗性:大众对其有相似的认知与理解

原生性:夸张、未修饰的规模与形态来展示

戏谑性:不按常理出牌,以“格格不入”的形式存在


(三)冲突关联性语言在UI设计中的运用

undefined

例子1


针对上述三种特征,在一些APP的UI设计中,也可以找到相应的案例。例如B站番剧《总之就是非常可爱》的进度条的图标设计案例之一,该案例的运用起因在于该番剧的剧情甜份过高,网友们纷纷用弹幕类似于表达“我酸了”的通俗网络语言来刷屏,引起了B站的关注,于是就有了柠檬代替进度条的操作。



undefined

例子2


而Instagram推出的视频产品「IGTV」,其加载页借用了8090年代人们对老式电视信息收视不良的记忆——雪花屏元素,该元素与当前高科技信息技术时代的冲突性不仅营造出了炫酷的视觉效果,同时也使得产品饱含了怀旧的情感关怀,代表了一个时代的通俗回忆,得以与用户产生共情。



undefined

例子3


哔哩哔哩阅读的停更通知用更加通俗易懂的【请假】来代替,以及克拉克拉APP用【拔掉电线】的口语化用语来描述退出直播间的行为,不仅拉近了产品与生活的距离,也凸显了幽默的情感化设计。


虽然艺术与设计的边界日益模糊,但是二者之间仍然具有本质上的区别,那么我们在探讨艺术语言在设计中的运用时,应把用户体验的良好与普适性也考虑其中,将艺术语言进行设计化的处理,结合上述艺术案例与设计案例来看,冲突式在地性艺术语言在UI设计中的运用时,其运用元素的特性可以归纳为:


  • 基础条件-通俗性:能够引起大众的共识与话题,大多数的灵感来源于生活;

  • 必要条件-适应性:将原元素的特性进行特质提炼与设计化,与公共艺术不同,在UI设计中是将原元素的特征运用在设计中,同时注重例如提炼的雪花屏幕的闪烁特质,而不是直接将整个雪花屏幕运用在界面上;

  • 增味条件-创新性:跨领域找参考元素。(举个例子,从B领域提取一个元素运用在A领域上,但B领域和A领域的在大家通俗认知中的兼容性并不强,其创新性是由疏离性凸显)


简而言之:

1、保证元素的通俗性,结合当代语境,亦可以理解为#话题性#;

2、可跨领域找参考元素;

3、需要对元素的特质进行加工提取;


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷  作者:M idea_loT_UED
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



常见科技风格分类

鹤鹤

老板:给我来一套科技风,要炫酷,要眼前一亮的感觉

    你:好嘞~(叮叮当当咚咚当当)

    老板:哎呀,我要的不是这种太花了,不够高端

    你:给您改(叮叮当当咚咚当当)

    老板:哎呀,也不是这种太素了

    你:行,改....(我刀呢)


    没做过科技风格的新人缺乏对常见科技风格的了解,很容易根据甲方模糊的描述及要求,主观性的设计,还会在甲方要改的情况下十分委屈,我做的就是你描述的炫酷科技风啊。科技风格大类本身特征就是炫酷,眼前一亮的感觉,甲方没有了解只能粗略的表述。设计师主动了解市面常见的科技风格细分及其使用场景。就能够问出甲方爸爸更细化的需求,更客观的根据使用场景选择恰当的细分科技风,减少不断重改的成本。


FUI:

    FUI 就是 Fictional User Interfaces (Fictional GUI),就是 Fantasy User Interfaces,就是 Fake User Interfaces,就是 Futuristic User Interfaces,这些用户界面它们是科幻的,是未来派的,是奇幻的,是虚假的.观赏性大于实用性。

    并不是所有风格的FUI都适合应用于现实中,比如——半透明介质且信息复杂的的UI,只适合出现在影视作品里面(和一些视频游戏当中)。它们的表现性强,看起来复杂精密,但对于信息展示功能很弱。其存在的目的是更好的配合场景,不会遮挡演员的脸部。想想看主角对复杂的数据一顿操作猛如虎,让观众眼花缭乱,对主角更加崇拜。


1.商务科技风:

     精致、高端、轻质感;简约干净、形体线条精细;功能感强

     应用:

    车载UI;金融UI;各种科技工具类产品的登录注册或官网Banner;商务海报等

    特征:

    1.商务科技配色较为严肃,低调。背景以深蓝色,深灰色背景居多。

    2.元素的形状并不复杂、外轮廓整体规则,周围的细碎装饰较少。

    3.强调品质感,会模拟一些较为细腻玻璃、金属或哑光的微质感。对于光的使用较为克制,较少大范围的使用辉光,多在边缘使用较细的流光,看起来更加的犀利精致。

(偏商务科技风格例子-图片来源于网络)

2.扁平科技风:

    整体风格偏向机械、直观,其扁平特征是元素扁平纯色块或渐变,弱化图表空间感及体积感。多组扁平的数据可    视化图表,在空间层次的表现上更多是在同一平面上。

    非常适合多数据后台数据展示,强调信息数据的清晰展示,较多使用纯色面元素作为底板,减少了环境的背景外扰因素。且数据分组展示,功能分区明显。

    设计成本及实现成本较低,为目前大多数数据可视化大屏展示所选择。


(偏扁平科技风格例-图片来源于网络)

3.HUD(仪表盘)科技风:

    视觉多使用单色,点线元素。可以与现实背景结合度高。

    应用:

    电影(漫威系列FUI)、游戏、企业产品宣传视频、AR等展示型为主

    特征:

    1.颜色使用上单色居多,尤其多亮色白,亮色蓝,同色相多透明梯度变化。无质感或毛玻璃质感。

    2.简洁而不简单,层次丰富,典型风格HUD。空间层次感丰富,使用半透的结构线3D模型或晶格模型,显得轻        巧而精致,用户能够透过信息层看到场景层,

    3.极简科技风需要设计师把控好细碎元素的体量和数量,对信息不会进行过多的视觉干扰。

    ps:

   极简科技风数据的展示容量大于扁平科技风,看起来很复杂高端但通常实用性差。如果使用过多的数据,则显示    相似类型的图表展示相似的数据集在视觉上可能会缺乏新鲜感,但更易于理解和理解。具有不同的图表在视觉上是令人兴奋的,但用户需要花费更多时间阅读。


(偏极简科技风格例-图片来源于网络)

4.赛博炫酷科技风:

    赛博朋克又称数字朋克、网络朋克。

    应用:游戏、H5、运营banner配图等需要强视觉氛围的运营。代表电影如:攻壳机动队、头号玩家、银翼杀手等

    特征:

    1.张扬奇幻的娱乐感,技能风、故障风、视觉冲击强烈。常见元素:全息投影、义体、立体城市、高达机械元素  等。

    2.人造光是赛博朋克在视觉上最大的特征,背景暗色,常用荧光黄、紫、蓝、粉 、绿灯内外发光,模拟霓虹灯管自发光效果,重点元素高亮辉光。

    3.色彩冷暖撞色对比强烈,如:红蓝对比青紫对比黄橙对比等。

    4.数码屏幕与全息投影是霓虹灯的一种延伸,既能体现未来世界的高科技的感,也能体现出人造和虚拟的概念。部分元素前后叠影色彩错位,有频次的闪动,模拟电子科技的偶发故障。机械化IP形象和字体设计常见金属感和拼接感。

(偏赛博科技风格例-图片来源于网络)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷  作者:唐小葱

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



人工智能的十大技术及应用

涛涛

人工智能从诞生以来,其理论和技术日益成熟,应用领域也不断扩大。本篇作者给我们介绍了人工智能的十大技术及其相关应用,一起来看看吧。


人工智能发展到现在已经将近有80年的历史。近日来特斯拉也说了自己不是汽车公司,是可再生能源公司、是机器人公司、是人工智能公司,特斯拉也明确表示未来人工智能汽车自动化驾驶的方向是视觉识别+机器学习。

人工智能从诞生以来,其理论和技术日益成熟,应用领域也不断扩大,接下来我将给大家介绍下人工智能的十大技术及其相关应用。

一、问题求解

人工智能的第一个大成就是发展了能够求解难题的下棋程序。在下棋程序中应用的某些技术,如向前看几步,把困难的问题分成一些比较容易的子问题,发展成为搜索和问题归约这样的人工智能基本技术。今天的计算机程序能够下锦标赛水平的各种方盘棋、十五子棋、国际象棋和围棋。

1997年5月,IBM公司研制的深蓝(DeepBlue)计算机战胜了国际象棋大师卡斯帕洛夫(Kasparov)。另一种问题求解程序把各种数学公式符号汇编在一起,其性能达到很高的水平,并正在为许多科学家和工程师所应用。有些程序甚至还能够用经验来改善其性能。

二、逻辑推理与定理证明

逻辑推理是人工智能研究中最持久的子领域之一。其中特别重要的是要找到一些方法,只把注意力集中在一个大型数据库中的有关事实上,留意可信的证明,并在出现新信息时适时修正这些证明。对数学中臆测的定理寻找一个证明或反证,确实称得上是一项智能任务。

为此,不仅需要有根据假设进行演绎的能力,而且需要某些直觉技巧。1976年7月,美国的阿佩尔(K.Appe1)笔人合作解决了长达124年之久的难题–四色定理,轰动了整个计算机界。他们用了三台大型计算机,花了1200小时。

三、自然语言理解

自然语言处理是人工智能的早期研究领域之一,已经编写出能够从内部数据库回答用英语提出的问题的程序,这些程序通过阅读文本材料和建立内部数据库,能够把句子从一种语言翻译为另一种语言,执行用英语给出的指令和获取知识等。有些程序甚至能够在一定程度上翻译从话筒输入的口头指令(而不是从键盘输入计算机的指令)。人工智能在语言翻译与语音理解程序方面已经取得可喜的成就。

四、自动程序设计

自动程序设计是人工智能的一个重要研究领域。目前已经研制出能够以各种不同的目的描述来编写计算机程序。对自动程序设计的研究不仅可以促进半自动软件开发系统的发展,而且也使通过修正自身数码进行学习(即修正它们的性能)的人工智能系统得到发展。

五、专家系统

专家系统是一个具有大量专门知识与经验的计算机程序系统,它应用人工智能技术,根据某个领域一个或多个人类专家提供的知识和经验进行推理和判断,模拟人类专家的决策过程,以解决那些需要专家决定的复杂问题。

专家系统可以解决的问题一般包括解释、预测、诊断、设计、规划、监视、修理、指导和控制等。随着人工智能整体水平的提高,专家系统也得到发展。在新一代专家系统中,不但采用基于规则的方法,而且采用基于模型的原理。

六、机器学习

学习是人类智能的主要标志和获得知识的基本手段。香克(R.Shank)认为:

一台计算机若不会学习,就不能称为具有智能的。

机器学习的主要目的是为了从使用者和输入数据等处获得知识,从而可以帮助解决更多问题,减少错误,提高解决问题的效率。

七、神经网络

人脑是一个功能特别强大、结构异常复杂的信息处理系统,其基础是神经元及其互联关系。对人脑神经元和人工神经网络的研究,可能创造出新一代人工智能机器。

20世纪80年代以来,神经网络研究职又得重大进展。例如,霍普菲尔德(Hopfield)提出用硬件实现神经网络,鲁梅尔哈特(Rumelhart)等提出多层网络中的反向传播(BP)算法。

目前,神经网网络已在模式识别、图像处理、组合优化、自动控制、信息处理、机器人学和工智能其他领域获得日益广泛的应用。

八、模式识别

模式识别是指识别出给定物体所模仿的标本,如文字识别、汽车牌照识别、指纹识别、语音识别等。这是一种用计算机代替人类或帮助人类的感知模式,是对人类感知外界功能的模拟,使一个计算机系统具有模拟人类通过感官接收外界信息、识别和理解周围环境的感知能力。

九、机器视觉

机器视觉或计算机视觉已从模式识别的一个研究领域发展为一门独立的学科。视觉是感知问题之一。在人工智能中研究的感知过程通常包含一组操作。例如,可见的景物由传感器编码,并被表示为一个灰度数值的矩阵。这些灰度数值由检测器加以处理。

检测器搜索主要图像的成分,如线段、简单曲线和角度等。这些成分又被处理,以便根据景物的表面和形状来推断有关景物的三维特性信息。机器视觉已在机器人装配、卫星图像处理、工业过程监控、飞行器跟踪和制导以及电视实况转播等领域获得极为广泛的应用。

十、智能控制

智能控制是一类不需要(或需要尽可能少的)人的干预就能够独立地驱动智能机器实现其目标的自动控制,是自动控制的高级阶段。1965年,傅京孙首先提出把人工智能的启发式推理规则用于学习控制系统。十多年后,建立实用智能控制系统的技术逐渐成熟。

百度公司董事长兼首席执行官李彦宏认为,人工智能是具有显著产业溢出效应的基础性技术,能够推动多个领域的变革和跨越式发展。例如:人工智能可以加速发现医治疾病的新疗法,大幅降低新药研发成本;可以带动工业机器人、无人驾驶汽车等新兴产业的飞跃式发展;可以大幅提升国防信息化水平,加速无人作战装备的应用。人工智能技术将极大地提升和扩展人类的能力边界对促进技术创新、提升国家竞争优势,乃至推动人类社会发展产生深远影响。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理  作者:汪仔2461

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



车载智能助手设计:智能座舱的合作伙伴

鹤鹤

前言:


随着科技的发展从家庭到办公室,协作机器人(cobots)正在逐渐出现在我们的视野,汽车车载虚拟形象也越来越多地涌现,例如:蔚来的NOMI,理想的ONE,奔腾的YOMI。虚拟语音助手的形象也越来越符合大众口味。虚拟语音助手形象通过改善用户体验和培养情感联系来增加汽车的价值。但是我们在使用的过程中不难发现,机器人的设计很容易出错,从而让我们感到无聊、生气,甚至更糟糕的情绪——害怕。

 

那么,汽车公司如何设计虚拟语音助手,才能创造更安全、更高效、更有回报的驾驶体验呢?

本文将通过以下几点进行阐述,让虚拟语音助手的设计创造更好的汽车体验。


1.利用UX(用户体验)来驱散对人工智能的恐惧


如果在文化的进程中,高科技在其中扮演过一个坏人的角色,那么在设计时一定要谨慎。例如,在美国,小说作家史蒂芬·金写过一本关于杀人汽车的恐怖小说,这会让用户在使用汽车的时候产生联想。

谷歌公司也深知这一点,这就是为什么早在10年前,它将其早期的自动驾驶汽车Waymo设计得如此可爱,目的是为了帮助人们更适应自动驾驶这一遥远的概念。

          undefined

史蒂芬·金恐怖小说《克里斯汀》                                 谷歌第一辆无人驾驶汽车waymo


从另一个角度来说,创建一个可爱的,温柔的,虚拟形象是为了给用户一种优越感,从而消除恐惧。

外形的设计固然重要,但是行为比外观更应该受到重视,美国时间2016年6月27日,Anki发布的玩具机器人Cozmo的产品,它的面部是一块发光显示屏(OLED),眼睛则是随心情变化的方块。因为外形相似,Cozmo被认为是皮克斯动漫《机器人总动员》中瓦力(WALL-E)的现实版。看起来比较呆萌,给人一种畜类无害的感受。并且通过笨拙的行为,展现出它呆萌的性格,大大降低了人们得戒备心理。

呆萌的机器人Cozmo

           

以黑绿色代表邪恶的斯莱特林学院                                黑绿色的Cozmo


因此即使用了一些比较可怕的颜色,例如,黑绿色。你也不会产生恐惧的心里。由此可见,行为远比外观给用户带来的感受更具有说服力,也更加直观。

当我们在设计语音虚拟助手时也是一样,无论是作为一个合作机器人,还是车辆本身,要问问自己,我想展现的AI是什么样子的,这样你就可以在它跨屏幕迁移时设计一个有凝聚力的体验。


总结虚拟语音助手的形象要降低用户的恐惧感适当的为用户增加优越感


2.不要越界


Jibo是一款设计来帮助你在家工作的合作机器人,由 MIT 科学家 Cynthia Breazeal 制造。它高约28cm,重约六镑,无法自由移动,拥有电子眼睛、耳朵和声音,头部可以 360 度旋转并进行声音定位,能够讲故事、聊天和提供安慰,也可以拍照和做日程提醒。但可惜的是它失败了,因为它承诺太多,更注重情感而不是功能,比如语音和人脸识别上存在一定的误差,并没有宣传视频里演示的那么生动;智能家居中控方面,因为要通过第三方平台实现控制,实际体验并不流畅;又比如,因为起初内容缺乏、功能未得到完善,Jibo 无法看视频、玩游戏和视频通话,除了挤眉弄眼之外,屏幕成了摆设。

简单来说就是它能做的事儿和它899美元的售价不匹配,自然就没有用户愿意为他买单。

 经营失败而倒闭的机器人JIBO


Qoobo是一款带尾巴的靠垫,可以通过摆动尾巴来安慰用户,虽然看起来也没有特别智能,但它之所以能够成功的原因是因为它的功能和价格合理。在满足基本需求时,“摇尾巴”的功能可谓是“锦上添花”。

深受用户喜爱的坐垫机器人Qoobo


在车载中也是如此,比如蔚来的NOMI,经常有用户反馈,nomi有的时候所问非所答,要喊出指定的关键词才可以做出相应的应答,但是它能够成功的原因是,它们能增加真正的价值,并在受控的环境中运营,在那里人工智能可以成为“领域的老板”。同样的在设计虚拟语音助手形象时,需要有一个明确的目的,那就是它能做什么,不能做什么。换句话说就是:在不影响我驾驶的前提下帮助我完成一些额外的工作


总结:要使虚拟语音助手成为功能清晰的服务生态系统的一部分满足用户的基本需求



3.展现它作为助手功能性的一面


恐怖谷理论是一个关于人类对机器人和非人类物体的感觉的假设,它在1970年由日本机器人专家森昌弘提出,虚拟形象或机器人的仿真度越高人们越有好感,但在相似度临近100%前,这种好感度会突然降低,因为你无法分辨某物是否是人类,这会让用户产生不安的心理。虽然车内人工智能显然不是人,但我们确实要避免这个令人毛骨悚然的情况发生。在赢得用户的信任并建立联系的同时,也需要让用户知道你的界限,并对数据的收集和使用保持透明。

undefined                          

恐怖谷理论


                       

令人恐惧的设计                                                                   看完就喊妈妈的动画


还要注意的是在设计的过程中,要区别人和人的交流以及人和虚拟语音助手的交流的交流。

机器人再说话时会说:请,你好等礼貌用语,这样父母在使用语音助手的同时,不会担心孩子学到一些粗鲁的用语

其次,我们在与功能性动物交流时,不会用人类的用语,更倾向于使用专门的动物用语。例如,在东北赶集的人,不会对马或者驴说,往前走,不要走了。而是会说:“驾”  “屡” 等拟声词来代替,一方面是为了快速的下达指令,另一方面就是区分人类用语言。

你可能会经常看到这样的新闻:某演员入戏太深,走不出自己的角色,导致发生抑郁,带来糟糕的结果。这就是用户对角色情感的过度投入,导致无法区分现实世界和角色世界。因此语言另一个用处就是:防止用户入戏太深。


总结:保持和突出语音助手该有的特征,这样可以让用户更加容易走出和进入使用场景。



4.扮演它该有的角色


paro这是一个海豹幼崽的形象,这种机器人有助于痴呆症患者的护理。通过肢体接触,可以唤醒痴呆症患者过去养育子女、饲养宠物的记忆。它的感光装置能分辨白天和黑夜,它的位置感受装置可以判断自己是处于被抱着,还是处于跟主人相对的状态。它在充电时用一个奶瓶,这和他“被扶养”的定位相吻合。

代替动物为老人治疗的Paro


undefined

正在充电的Paro


宠物机器人Lovot,当你决定要收养它们时,也要意识到它们每天半个小时闹腾,还有那被“关爱”需求,真的也许会让你累觉不爱却又割舍不了,感叹自己为什么要“养”这两个小鬼。让我们感受到,这些机器人就像人一样,它也有婴儿期,需要我们耐心教导。

宠物机器人Lovot


再比如马里奥在最早的出道作品《大金刚》中,马里奥被设定为一名普通的美籍意大利人,从他的口音(或是从他的配音演员Charles Martinet的所配的口音)来看,他的英文确确实实带有一定的意大利口音,而且从服装上也是典型的美国公民装扮。

因此,无论是外形还是功能上都要有一定的隐喻和暗示。



总结为所有情况寻找隐喻这可以让用户有一个连贯的想法无论在哪中场景都要暗示和产品相关的特性这样用户对虚拟语音助手的角色定位才会一直保持统一


5.让互动更有价值


在设计过程中,始终要贯穿的思维就是如何使虚拟形象对用户的情感做出反馈。通过设计引起用户情绪价值与情感体验。比如,通过简单应答,或者简单的肢体动作来达到目的。建立一个专属于用户的体验设计。比如引导用户给虚拟形象命名等。



总结:培养感情纽带,让用户与虚拟语音助手建立长期关系,让用户对合作机器人更加满意。

 

在未来几年内,我们预计语音人工智能的个性、年龄和性别将会多样化,车内语音助手将继续被采用,尤其是随着更多的自动驾驶功能进入市场。对于一些原始设备制造商来说,将合作机器人设计成技术的实体表现形式,以帮助赢得用户的信任,这是有意义的,当然还有其他制造商将在人机界面(HMI)中以图形方式展示人工智能,就像Siri一样,以较为抽象的方式表现出来。无论哪种形式所遵从的原则是不变的,期待大家更好的设计!


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷  作者:大牛李
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


未来感设计汽车大盘点(上)

鹤鹤

在灵笼中,白月奎开着奥迪在满是噬极兽的世界驰骋。小伙伴们也惊呼连连。其实,这是一款名为AI trail的奥迪概念车已经被生产,预计2030年上市,那现实中是什么样的呢?接下来,就从奥迪开始,为大家盘点未来感的汽车是什么样子的吧。

1.奥迪AI trail 

这也是一辆纯粹的SUV。它有四个电动马达,每个轴距上有一个,这使它具有四轮驱动能力,它在公路上的最高速度为每小时81英里,越野范围为155英里。它的轮胎压力可以根据地形,在移动中调整。

         

奥迪 AI trail外观


当你坐在里面,它会给出一个令人难以置信的宽广的观察范围,她甚至可以让你看到轮胎。因为里面有足够的空间,甚至没有任何多余的显示器,它是完全由你的手机进行控制的。

把手机作为屏幕,从而达到更广阔的视野


你可能已经注意到没有大灯,但这是因为它用于照明的灯被安装在自主的无人机上,这些无人机会在前面飞行,为你照亮道路。当你在光线不好的环境野营时,你可以通过折叠无人机,手电筒等照明设备。

无人机搭载照明灯


充当照明设备的无人机


2.雷诺EZ-Go 

雷诺在2018年发布了他们的电子出租车概念车easy go,同样计划在2030年面世。其设计理念是:在未来,汽车的所有权已经不在是一种趋势,当我们需要旅行时,我们只需预约一辆自动驾驶的汽车。雷诺高层表示,网约车和共享移动服务将会是雷诺的主要发展方向。当你来到一个陌生的场景,你可以透过360的窗户来欣赏沿途的风景。进入内部,内部空间可容纳六名乘客,呈U型排列车顶从前面打开,提供存储空间。并且它还有四轮转向功能,意味着它可以在城市间轻松穿梭。当然,作为更明显的旅途用车,它的车速最高限制在50m/h。对于行动不方便的乘客,它有一个可伸缩的斜坡,当你需要下车是,将自动伸向路边,让乘客可以更加方便的进出。

在城市穿梭的ES-Go


通过显示器可以看到基本信息


汽车内饰


undefined方便进出的设计


3.terrafugia tf-x

相信小伙伴们多少在科幻电影当中看到“会飞的汽车”,我在小的时候看过一个电影《第五元素》,依稀记得家里的七大姑八大姨,嗑着瓜子,坐在炕头,讨论着“我们有没有机会坐上这样的汽车”。这部这款汽车可能在不久的将来将会满足大家的远景。

电影《第五元素》


如果你正在寻找未来的汽车是什么样子的,那么 terrafugia tf-x就是我们我们理想的设计。这款汽车售价 28 万美元起,折合人民币约为190万左右。它拥有一双可折叠的螺旋桨,隐藏在车机两侧。

                                

TF-X外观                                                                              展开双翼的TF-X


这款汽车很快就由波士顿的设计公司开发出来了,这款概念车比它最初看起来的空间要大得多,它是插电式混合动力,能够实现全自动飞行,在紧急状态下可以手控或者遥控。在动力系统上采用插电式混合动力传动系统,有两个600制动马力的电机和一个33制动马力的燃料发动机,电脑自动控制,拥有有四个座位,可垂直起降空中续航可达640 公里,最高时速为 185 公里/小时,但是它在路上的最高速度或它的范围还没有被公司宣布,即它可以飞到可伸缩的翅膀上折叠出一个连接的螺旋桨的事实。

与此同时,各国的航空当局也在讨论和协商制定管理这一新兴交通业的政策和安全标准。如果未来将会普及飞行汽车,那么开上飞行汽车是否需要飞行驾照?人们是否会花费超过100万RMB来购买?

正在倒车的Terrafugia TF-X


飞行中的Terrafugia TF-X


4.雪铁龙19_19

雪铁龙1919确实是一款具有未来设计感的汽车,它的目的是要做到其舒适性已优先于其他每一个元素,它的设计理念是未来航空工业。结合前挡风和立体化的玻璃覆盖,上半部分更像一个漂浮的太空舱。

undefined

雪铁龙19-19外观


它在车顶后部安装了激光雷达探头,主要用于在长距离行驶时的自动化驾驶。 它的踏板和方向盘,是可以伸缩的。但当驾驶者想自己驾驶时,踏板会降到合适的位置,方向盘会展开。当用户不想驾驶的时候,方向盘会自动缩回,智能音箱自动升起,几乎像一个潜望镜一样,帮助用户实时检测驾驶情况,并且把信息显示在挡风玻璃上。undefined

自动驾驶模式,信息在挡风玻璃上显示


5.辆丰田LQ

丰田LQ的设计原则是,让司机和他们的车辆之间有更加紧密的联系。所以通过加入最先进的先进的AI,称为Yuyi,将人工智能打造成你在车内最好的朋友之一。 

会眨眼睛的LQ


它是全电动的,拥有SAE  L4级自动驾驶系统,这意味着不需要用户的参与,因此车厢的舒适性就显得尤为重要。在座舱内的乘客被不断地监测,AI将根据司机的情绪和警觉状态来调整温度,甚至是驾驶模式。并将进一步尝试在情感上吸引司机,使他们在旅途中保持愉快的心情。车内的每个控制都是语音激活的,这代表车内几乎没有任何物理按键,所有的信息将会投射在挡风玻璃上。甚至可以调整照明水平,在空气中释放平静的感觉,AI也会选择自己的音乐播放列表,唤起它认为目前最符合你情绪的音乐。

AI根据用户心情播放相关音乐

正在自动驾驶的LQ


6.梅塞德斯-奔驰Vision AVTR

如果你想看到世界上最有未来感和最有异国情调的轻型概念车,那么你一定要看的就是这辆车。相信小伙伴们都看过《阿凡达》这个电影,无论是科幻的剧情,还是绝美的场景,都在当时引起了不小的轰动。这辆车的灵感就是来自《阿凡达》这部电影。而且契合度可谓是非常的高。

                     

阿凡达场景                                                                  阿凡达宣传海报


它外观采用了仿生设计,整体观感十分科幻。车身两侧采用了全透明设计,意在大幅提高车内视野,强调车内、车外的交互。它还使用了33瓣采用了独立的仿生襟翼,看起来像爬行动物的鳞片,可以根据不断变化的条件来调整车辆上方的空气流动。

      

《阿凡达》电影中的精灵树


他的轮胎,借鉴了电影中,精灵树的样式,并且它去掉了传统的圆形轮,胎取而代之的是球形轮胎,它提高了机动性,对周围的影响较小,并且能够扭转30度,这意味着汽车可以以螃蟹的方式侧向移动。

AVTR外观


可以依据气流和感应翻转的仿生襟翼


内饰以流动的波浪和花朵形状为基础,这看起来是有史以来最舒适、最高效和最愉快的旅程。这辆车会与你交谈,了解你想去的地方,在给它下达指示后,你需要做的就是坐下来,让它做所有剩下的事情。值得一提的是,车内同样没有任何按键,当你伸出手站,并且注视手掌时,按键就会显示在你的手心上,你进行移动点击等操作。

AVTR内饰                                                             显示在手掌上的虚拟按键


通过手掌来控制方向                                                用手掌进行交互


通过对趋势的了解和分析,相信小伙伴们对未来感汽车有了新的认识和理解。目的也是为了让大家更好的把自己的理念和设计与未来汽车相贴合,亦或是产生灵感,发散思维,做出更好的创作。希望在不久的将来,无论在汽车造型,还是内饰,或是仪表等,可以看到大家充满激情的设计。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷  作者:大牛李
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2021年中国高精地图产业研究分析

涛涛

编辑导语:2021年,随着高级别自动驾驶技术的快速和智能驾驶汽车量产落地,作为关键环节的高精地图也愈发受到车企的重视。当前,部分车企L3自动驾驶车辆开启量产之路,高精地图渗透率大幅提升,前期获得订单的图商优势将进一步扩张。但是,对于行业各方参与者而言,高精地图需要长期的技术支持和大量的资金投入,中国高精地图市场竞争格局将愈演愈烈。

 

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经经理  作者:易观分析

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


Windows 11全新设计语言如何引领设计新趋势 ?

鹤鹤

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

印象中,Windows 就一直伴随着我们的成长,它有着 35 年的丰富历史并不断带给我们新的体验,它的存在充分展现了计算机如何丰富我们的生活习惯:用 Word 写下第一篇文章,用 Paint 画出第一幅画,或者用电脑写出第一行代码。

设计下一代 Windows 需要我们理解过去,但更重要的是对当前和新兴人类需求的深切共情,以及对技术如何更好落地的理解。当我们开始 Windows 11 的设计之旅时,我们研究了过去 18 个月世界是如何变化的,包括疫情大流行暴露出未被满足的需求和新的行为方式。更重要的是,我们与人们谈论他们的梦想和抱负,这样我们就可以了解什么驱动着他们,以及他们需要从他们的技术中获得什么来实现他们的目标。Windows 11 的设计专注于对人的关注,计算机如何赋予他们力量,以及用户到底喜欢什么。

创造大量的爱需要大量与人的沟通,我们喜欢这种沟通,因为以人为本是我们设计理念的核心。在 85 个以上的专题研究和数万轮测试中,我们与所有人进行了交谈,从喜欢我们产品的忠实粉丝,到希望 Windows 更容易和更平易近人的新用户。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 10 之前使用 Metro 设计语言,Windows 11 使用 Fluent 设计语言

(彩云注,可能有的朋友分不清这 2 个设计语言,彩云专门研究了一些资料,也跟大家一起分享下:

Metro UI 是一种界面展示技术,和苹果的 iOS、谷歌的 Android 界面语言最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素在功能上的作用主要是提示用户信息的存在。同时在视觉效果方面,这有助于形成沉浸感。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Fluent Design System(以下简称 FDS)主要包括五大核心元素:Light(光感)、Depth(深度)、Motion(动画)、Material(材质)和 Scale(缩放)。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Fluent UI 设计语言的核心就是在美观的前提下,应用的使用更加自然和流畅。在体验上用户会获得全新的过渡动画、视觉效果、半透明和模糊等等。毛玻璃效果重新成为趋势就是微软通过这套设计全新语言一手带起来。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

这是 Windows 有史以来最受人期待的发布之一,这得益于基于研究过程中得出的一个关键设计指导原则:平静的技术让我们的生活真正变得更好。在今天的世界中,平静是非常需要的,它往往取决于我们掌控、放松和信任的能力。Windows 11 通过让人感受到熟悉的基本体验,软化了以前冰冷的 UI,并增加了情感联系,最终促进了这一点。这些改进让你更接近你最爱的东西:家庭、朋友、激情、娱乐和创作。Windows 11 是将所有东西结合在一起的地方,对它的需求从未像现在这样强烈。

就像它对所有东西造成的影响一样,疫情也影响了 Windows 11。虽然移动设备的崛起让 PC 从聚光灯下淡出,但去年它又重新回到了舞台中心。在个人与专业相结合的新型虚拟模式中,PC 的强大功能和灵活性使我们能够在家中的各个角落工作。它始终是一个值得信赖的工具和伙伴,跨越工作、家庭和学校,静静地等待我们的辉煌时刻。

过去的一年充分展示了人类的智慧。在一片混乱中,我们看到人们实时学习如何在混合环境中工作,帮助孩子学习,并找到新的连接和娱乐方式。我们在 Windows 11 的设计上不断迭代,努力创造一种深受大家喜爱的体验,让我们更容易专注于对我们每个人来说最重要的东西。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

情绪板捕捉各种新的图标、主题、UI 和插图。

以用户为中心

微软的 Windows 设计团队是由创造性的实用主义驱动的。为超过 10 亿人设计需要同理心。它依赖于将人类的需求内化,以建立一个包容所有人的解决方案,同时仍能传递独立的个性。随着 Windows 跃入下一个时代,它的演变故事再次被讲述,通过以人为本的产品设计,以及打造最具包容性和个性化的操作系统的承诺愈加坚定。

以“开始”菜单为例:Windows 体验的基础被移到了核心位置。在听到人们在使用“开始”时希望提高效率、减少噪音后,我们设计了一种更干净、更简单的体验,通过优先排序人们喜欢的应用和他们需要的文件,将用户置于中心位置。它还适配现代设备的尺寸因素,使所有屏幕尺寸的访问更容易,从 Surface Go 到超宽显示器都能获得一致的体验。

在微软,这些设计决策不是轻易做出的。团队痴迷于每个像素,我们更新了“开始”Logo,以配合我们新的视觉语言和动画,为互动增加乐趣和信心。我们也有意地选择了壁纸,开机画面,并调整了新的中心对齐,使用户的体验更加平衡和集中。我们希望你进入 Windows 11 的旅程从一开始就真正处于中心。(彩云注:大厂的设计团队做项目更看重整体品牌感知,各个元素间都要能形成一致的设计语言。这里连居中对齐都可以跟设计理念联系上,值得学习的思路。)

我们对让技术更人性化的关注也反映在“开箱即用”体验上,这个体验曾经的欢迎词是你“进来”,但现在是欢迎你“回来”。我们知道不是每个人都是新用户,我们渴望通过我们的设计来尊重我们与长期忠实客户的关系。你也可以在安装过程中给你的电脑起一个名字,这样 Windows 就会给你一种独特的感觉,比系统设置中使用的随机名字更人性化。Windows 是你们的,我们设计它是为了庆祝你们的生活和工作方式。(彩云注:在文案上也是精雕细琢,也是为了紧贴他们的设计理念)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

新的 Windows 11 主题提供了个性化和自我表达的不同主题选择

一旦你开始正常使用,Windows 11 就会记住你是谁,以及你在日常生活中需要什么。一键交互将带你从一个任务到另一个任务,而不会中断你的工作流程。在过去的一年里,工作和生活的界限被重新定义了。在新版本的 Windows 中,组织活动的能力是我们密切关注的东西,确保无论环境如何变化,你都能保持专注和心流状态。窗口和截图功能已经被重新设计,以记住你的喜好,所以当你离开工作流去查看新闻的时候(新的窗口部件故意设计来尊重你的工作流程),系统会记住你是如何组织你的空间的。我们创造了一个数字版的办公桌,它就像依偎在你家里的办公桌,让你能够实现一些伟大的事情,同时又能感受到与生活的紧密相连。

这些变化通过一种优美的新设计语言来实现,使 Windows 在体验上比以往任何时候都更加连贯。听到人们对更加柔和、友好和优美 UI 的渴望,我们进化了视觉和听觉表达。我们圆滑了尖锐的棱角,并创建了一个温暖的调色板,以构建一个更人性化、更平易近人的语言,同时不会妨碍你的工作效率。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

一些新的 Fluent 图标,UI 和插图内容的选择,以及我们的 Segoe UI 变量字体的示意

不仅仅是一个操作系统

如何为超过 10 亿有着不同和独特需求的人开发产品?倾听、迭代、适配。通过用户的洞察,我们通过软化边缘、减少杂乱和一致性设计,使 Windows 11 更加人性化和受欢迎。这些变化还通过新材质、字体、新调色板、新壁纸和主题包来提升自我表达,以兼顾广泛的品味。

在 Windows 11 中,我们看到了一种从单纯的功能性技术向情感、人性和个性化技术的转变。Windows 不仅仅是一个操作系统,它是编织在我们生活中的一块织物,让我们更接近我们所爱的一切,帮助我们创造和连接。

如文章开头所说,彩云为大家搜集到了 Windows 11 最新设计语言 Fluent UI 的设计组件,供大家参考学习,

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:彩云译设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


高级美!8个激动人心的2022年视觉设计趋势

鹤鹤

2021 年已经九月份了,毫不例外,今年也给大家准备了明年的八个视觉设计趋势,这些将在 2022 年出镜率继续升高。设计趋势一直都处于不断变化与轮回之中,设计风格技法也跟随时代潮流在不断变化。

“趋势不一定每年都全新,但是趋势每年都很重要”,与大家共勉。下面,我们一起来看看明年视觉设计大方向,到底有多精彩。 style="font-size:16px;white1;margin-top:0px;margin-bottom:30px;padding:0px;width1;caret-color:#525252;color:#525252;font-family:"letter10000000149011612px;"> 高级美!8个激动人心的2022年视觉设计趋势

幻彩立体也是 3D 设计的演化,在 2022 年它会依然会疯狂的出现。不过风格上有些微妙的变化,质感更轻盈纯粹、色彩更少量、图形上更几何块面化,保持更真实的空间立体感受,直观自然。

高级美!8个激动人心的2022年视觉设计趋势

我们可以从 Dribbble 上面看到像 UI8、craftwork、Is 等,他们的 3D 作品逐渐趋近走向更简洁风格调性,减少复杂的光影,这也是在扁平化中找到的思路。

高级美!8个激动人心的2022年视觉设计趋势

几何分形

高级美!8个激动人心的2022年视觉设计趋势

美国电视频道 Turner Classic Movies

今年发现越来越多几何形状在平面作品或者 UI 中出现,新的几何图形更具表意,更趋于表达真实情感。少了一些图形的抽象化装饰,更多的是传达设计理念,品牌符号穿透。当分形形状与色彩完美结合,可以创建出极具吸引力的视觉效果。

高级美!8个激动人心的2022年视觉设计趋势

Goodfood Market

高级美!8个激动人心的2022年视觉设计趋势

高级美!8个激动人心的2022年视觉设计趋势

高级美!8个激动人心的2022年视觉设计趋势

HANBOK CULTURE WEEK

高级美!8个激动人心的2022年视觉设计趋势

unipapa 推出的卫生纸,以简洁纯白的包装令人眼前一亮。

NFT 艺术

高级美!8个激动人心的2022年视觉设计趋势

Gucci 发布首款只能在数字环境中穿着的虚拟运动鞋

AR 和 VR 这个大家都知道,前几年就火起来了。今天主要提一下今年备受关注的 NFT 艺术,什么 NFT?其中文名称是非同质化代币,一种应用区块链技术验证的数字资产。它最容易理解的外号,是数字艺术品。

高级美!8个激动人心的2022年视觉设计趋势

Andrés Reisinger 在 2 月份售出支持 NFT 家具

将 NFT 与平面设计联系起来,就是我们所说的数字平面艺术。它的到来对设计师影响有很大变化,横向能力要求有所提高,比如了解虚拟数字化设计,以及对全新审美和新三维技术有更高的要求。

高级美!8个激动人心的2022年视觉设计趋势

Beeple 一幅拼贴画,经过区块链验证的艺术品在拍卖会上以超过 6900 万美元的价格成交。

高级美!8个激动人心的2022年视觉设计趋势

Beeple 的其中一幅作品

Moooi 与 3D 艺术家 Andrés Reisinger 合作完成了这把不能生产的虚拟椅子

超萌趣图标

高级美!8个激动人心的2022年视觉设计趋势

来源:腾讯 ISUX 出品

图标设计一直是社交领域的重头戏,自从去年大量在设计作品中后,截止今年依然很强劲。因为很多设计师意识到单一的枯燥图标无法满足一些特殊场景的情感化设计表达,平面超萌趣图标来了,带来更强的视觉观欣赏性与生动性。

高级美!8个激动人心的2022年视觉设计趋势

来源:腾讯 ISUX 出品

高级美!8个激动人心的2022年视觉设计趋势

经典衬线字体

高级美!8个激动人心的2022年视觉设计趋势

衬线字体在今年 Behance 作品集首页上,可谓出镜率可比以往高,唤起一种怀旧的感觉。也许是因为看多了衬线字体版式,设计师更多想尝试用衬线字体来打破僵局,设计出新颖的视觉效果。

高级美!8个激动人心的2022年视觉设计趋势

自然设计

高级美!8个激动人心的2022年视觉设计趋势

Vocation

自然设计,主张可持续性发展与环境建立联系,是一种新生活态度,是百转千回,回归本源的理想之态。设计师通过设计表达对环境的敬意,与产品建立强相关,既能表达产品自然纯粹之意,又可以宣传品牌贴近我们生活自然之意。

高级美!8个激动人心的2022年视觉设计趋势

&SMITH 凉茶包装“循环生活”理念

高级美!8个激动人心的2022年视觉设计趋势

TRØVE

高级美!8个激动人心的2022年视觉设计趋势

超变形字体

高级美!8个激动人心的2022年视觉设计趋势

dia Design studio

今年很多平面海报设计、品牌符号的动态系统设计中,都可以看到字体被扭曲、变形,以一种新的形态出现在眼前,没错,这就是超变形字体。它打破常规,以不同寻常的路子出现在大众视野中,带来全新视觉体验。

高级美!8个激动人心的2022年视觉设计趋势

动态包装

1. Pinterest Sans

说到动态包装,这是在国内外这两年火起来一个大趋势,首先微软早期各种产品宣传视频,在到 Google、IBM、Apple 的视觉语言更新宣传视频。现在越来越多厂商喜欢厂商动态包装产品,这样比平面展示更多细节与生动。

2. Rise

格拉斯哥设计工作室 Need 为 Rise 全新重塑品牌,同时通过动态展示品牌延展设计。

今天的趋势分析差不多到这结束了,设计趋势没有好坏之分,选择合适的应用在设计中,将发挥不可估量的作用。希望今天的分享能给大家带来一些启发。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:功夫UX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



在线音乐杀出个程咬金

涛涛

今日,有消息称字节跳动将会推出一款名为“飞乐”的音乐流媒体产品。字节跳动的入局,或将引起音乐行业的新波澜。本文作者对此发表了自己的观点,一起来看看吧。

擅长“四路出击”的字节跳动,又双叒叕出手了……

长期以来,关于字节跳动扩张的消息就一直不断。前有抖音内测“心动外卖”进军外卖领域,后有字节跳动收购VR公司的消息登上热搜……近日,有报道称字节跳动将于今年下半年推出一款音乐流媒体产品,产品的名称暂定为“飞乐”,项目内部代号为“luna”。而字节跳动的再次入局,或将引起音乐行业的新波澜。

一、坚持不懈的音乐梦

今年4月,字节跳动成立了音乐事业部;7月份的时候,字节跳动将音乐升级为P1优先级业务,与游戏业务和教育业务平级;不久之后还内测了音乐代理发行平台“银河方舟”。除了自身做音乐之外,字节跳动还投资了校园音乐平台。这一系列动作无一不展现了字节跳动发力音乐领域的决心,而字节跳动之所以如此看重音乐业务也是有一定原因的。

首先,音乐业务有助于字节跳动获取新流量。据CNNIC发布的第47次《中国互联网络发展状况统计报告》显示,截至2020年12月,我国的网络音乐用户规模达6.58亿,与2020年3月相比增长了2311万,占网民整体的66.6%。其中,手机网络音乐用户规模达6.57亿,与2020年3月相比增长了2379万。随着短视频领域流量见顶,字节跳动亟需找寻到新的流量增长点。

其次,音乐行业用户的付费意愿在逐步增强。据前瞻产业研究院发布的相关报告显示,我国的网络音乐付费用户规模已经由2016年的2017万人,增长至2020年的7192万人,网络音乐付费渗透率也由2016年的4.0%增长至2020年的10.9%。网络音乐用户的月度消费金额也由2017年的8.5元,增长至2020年的9.5元。

以腾讯音乐为例,据其最新发布的二季度财报显示,截至2021年6月30日,腾讯音乐的在线音乐付费用户人数达到了6620万,同比增长了40.6%,与今年一季度相比净增长了530万人;付费率为10.6%,与去年同期和今年一季度的付费率相比均有所提升。

最后,音乐业务与字节跳动旗下的短视频业务相辅相成。配乐是制作短视频必不可少的环节之一,配乐和内容契合度极高的优质短视频往往能收获很高的播放量,但也正因短视频配乐使抖音多次陷入侵权局面,不少短视频也因其所使用的音乐无版权而被做下架处理。倘若字节跳动推出音乐产品,就能够为短视频用户提供更为方便的曲库支持,有利于短视频用户进行创作。

二、逐梦音乐有“加成”

7月24日,国家市场监管总局责令腾讯音乐解除其网络音乐独家版权;8月31日,腾讯发布了《关于放弃音乐版权独家授权权利的声明》。众多音乐平台不再被音乐版权“卡脖子”,字节跳动于此时再度发力数字音乐,自然也能享受到行业大环境变化所带来的重大利好。除此之外,还有其他原因也会对字节跳动发展音乐业务产生积极影响。

其一,是其拥有庞大的流量优势。据抖音发布的《2020抖音数据报告》显示,截止2020年12月,抖音的日均视频搜索次数突破4亿;截止2020年8月,抖音的日活跃用户数量突破6亿。有抖音这一巨大流量池为其引流,无论是音乐流媒体产品的用户获取,还是音乐作品宣发都会容易一些。

9月9日,工信部相关业务部门召开了“屏蔽网址链接问题行政指导会”,提出有关即时通信软件的合规标准,要求9月17日前各平台按标准解除屏蔽。随着屏蔽外链的解除,字节跳动也将从中获益,迎来新一波流量增长。

其二,是创作者扶持计划成效显现。早在2018年,抖音就启动了“看见音乐计划”以扶持原创音乐,随着不断进行的音乐扶持计划,抖音的音乐生态也在逐渐完善。据《2020抖音音乐生态数据报告》显示,2020上半年抖音的音乐人入驻数量增长近3万;近半年抖音音乐人涨粉累计超3亿,其中涨粉超1000万的音乐人有6位,涨粉超500万的音乐人有23位。

而抖音扶持音乐计划的成功,也给字节跳动的音乐流媒体产品打了样。字节跳动在发展音乐业务时,也可以采用类似的策略进行音乐产品内容生态的完善。另外,部分抖音音乐人也可能成为字节跳动音乐业务的潜在音乐人,为字节跳动音乐业务的发展添砖加瓦。

其三,算法优势助力音乐业务发展。众所周知,算法是字节跳动的一大特色,今日头条和抖音能取得当前的成绩,与字节跳动的算法推荐不无关系。据悉,字节跳动的音乐业务主要由前台和市场、算法两大中台支持构成。在中台方面,由抖音的市场团队承担国内音乐人合作与版权宣发,算法团队负责提供智能配乐、安全风控等技术支持。

三、在线音乐硝烟起

无论是后版权时代的来临,还是字节跳动自身的优势都对其发展音乐业务大有裨益,但机遇与挑战并存,字节跳动在迎来重大利好的同时,依然面临着不小的挑战。

一方面,腾讯音乐的霸主地位难以动摇。在“取消网络音乐独家版权”尚未落地之前,腾讯音乐凭借海量的正版歌曲曲库以及持续建设的内容生态,稳居行业头部。据腾讯音乐发布的财报显示,今年二季度腾讯音乐的在线音乐月活跃用户数为6.23亿,仅月活跃用户数这一项指标,字节跳动在短时期内就很难与之相匹敌。

另一方面,网易云音乐的音乐社区文化别具一格。在被音乐版权“卡脖子”的时期,网易云音乐凭借其音乐社区文化,成功地从众多音乐平台中脱颖而出,浓郁的社区氛围也极大地提高了用户的黏性。另外,网易云音乐不断推出的扶持计划也增强了其内容竞争力。

网易云音乐的这些特色化优势,也将为其在今后的发展中提供助力,但对字节跳动来说,拥有这些差异化优势的网易云音乐,无疑是一位强劲的对手。

另外,快手也在音乐领域有所布局。早在2018年的时候,快手就推出了一款音乐产品“光音Mulight”;今年2月26日,快手推出了音乐K歌APP“回森”;5月份的时候,快手推出了音乐APP“小森唱”,该软件的核心功能是AI创作词曲用户进行演唱,在演唱之后还可以通过点赞评论等方式进行互动,最终达到社交的目的。随着快手在音乐领域的不断加码,也会对字节跳动音乐流媒体产品的发展产生影响。

目前来看,随着行业大环境的变化,在线音乐领域的竞争愈发激烈已经是无可辩驳的事实。无论是稳居头部的腾讯音乐,还是擅长打情怀牌的网易云音乐,亦或是跨界而来的快手,都是字节跳动音乐流媒体产品的强劲对手。而字节跳动能否在强手如云的音乐行业闯出一片天,仍待时间验证。

文章来源:人人都是产品经理  作者:韭菜财经

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档