首页

还不知道什么是汽车HMI设计?进来带你快速了解

lanlanwork


什么是汽车HMI?

什么是汽车HMI呢?咱们先把这个概念拆分成两个关键词:汽车+HMI

先来说一下HMI,HMI是Human Machine Interface的缩写,“人机接口”,也叫人机界面。

HMI(人机界面)是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

知道了HMI的定义后,我们把“汽车”这个前缀加上,汽车HMI是指用户与汽车系统之间进行人机交互的媒介

图片

当然汽车HMI并不局限于界面中,而是作为功能的集合,例如汽车仪表盘、HUD抬头显示器、交互媒介(语音、触觉)等,都是汽车HMI设计包含的内容。

 

聊聊汽车HMI的发展

目前我们说到的汽车HMI最早是在80年代初推出的。

在当时,普通汽车需要实现的功能在迅速增加,设计师的任务之一就是为驾驶员提供控制,保证驾驶员能够使用和管理这些新功能。

对于新功能的增加,主要遵循两种方法:

  • 一是添加模拟控件,为新功能添加物理按钮。例如想在车内开空调,需要空调开关控制按钮;想在车里听音乐,需要添加换歌/调节音量按钮。
  • 二是添加具有动态内容的汽车屏幕系统。例如展示车速的动态仪表、可以导航的动态地图。

图片

第一种方法在德系车中比较流行,而第二种方法在美系和日系车中比较流行。

现在看来也是这样,虽然现在汽车都在用车载大屏来代替物理按键,但德系车的物理按键仍然要比日系车多。

别克汽车在1986年最早推出了车载屏幕系统,用户可以在单色触摸显示屏中控制电台和天气。

图片

另一个典型的案例是日产推出的CUE-X概念车,具备可触摸和彩色图形的车载系统。能够看出来,当时车内功能控件的位置和设计跟现在的车内饰已经很像了。

图片

现在的汽车HMI更像是汽车控制中心与娱乐系统混合的数字座舱,提供的功能更多更强大,同时兼备娱乐属性。

图片

 

汽车HMI设计重点关注这些原则

设计美观有效的HMI,需要将艺术性与功能性合为一体。艺术性和功能性应该是平等和谐地协同工作,让用户沉浸在体验中。以下是一些基本的设计原则:

 

给用户控制感

汽车HMI应该始终在合理的时间内,通过适当的反馈,告知用户当前的状态

这一点在用户开车时尤为重要。如果系统在没有通知驾驶员的情况下就采取某个行为,很可能会对驾驶员造成干扰,产生不好的后果。

驾驶员驾驶汽车,实际上就是在控制汽车做出各种行为。这既是一种控制,也是一种反馈,控制的是汽车的功能,反馈的功能带来的结果。例如利用指示灯、速度仪表等各种动态化信息,随时告知驾驶员当前的状态。

 

遵循“安全第一”法则

HMI系统主要的好处是可以帮助我们避免事故。现代汽车配备了许多传感器,传感器可以收集信息,再利用这些信息跟踪驾驶状况。

HMI系统可以实时监控情况,防止交通碰撞和事故的发生。系统对条件的响应包括:

反应型:系统会通知驾驶员刚刚发生的事,例如胎压过低或疲劳驾驶,并向驾驶员发出警告。

主动型:系统分析状况,预测可能发生的情况,并基于潜在的不良情况向驾驶员发出警告。例如系统分析天气状况,并建议用户避免在道路结冰的日子开车。

图片

在设计系统响应时,重要的不是用大量信息淹没用户,而是要制定可靠的通知策略。发送给用户的反馈应该是:

  • 有价值的:用户只看到他们关心的反馈。
  • 及时的:反馈应该在需要时准确发送给用户。
  • 清楚的:在设计信息反馈时,依据模块化和格式塔原则很重要,确保用户能够快速理解反馈表达的含义。这些信息越容易理解,安全性就会越好。

 

认知负荷最小化

认知负荷是使用系统需要付出的脑力成本、思考成本。用户在使用产品时付出的成本越小,说明这个产品至少是简单易用的。

话说回来,如果一个车载系统要求用户承担大量认知负荷时,说明这个系统存在很大的改进空间。

首先,不要去强迫用户记住汽车驾驶相关的信息。大家都知道,用户在短期记忆中不能记住太多信息,特别是多个容易混淆的功能或抽象的概念。

预先考虑用户在驾驶过程中可能遇到的问题,例如机舱温度是多少?现在在听什么音乐?怎么导航去商场?基于这些场景和问题进行系统的设计,以此来解答用户的问题。

图片

其次,基于现有的心智模型构建HMI至关重要。为什么大多数汽车的仪表、中控的分布位置都很相似呢?

实际上这些都是在用户与汽车的交互行为中建立起来的使用习惯,遵循熟悉的设计方式,能最大限度减少学习使用系统所需的工作量。

 

减少不必要的分心

驾驶过程中,驾驶员没有什么理由去看手机,因为HMI能够做任何在手机上能够做的事情。可能会有人说,现在车载大屏尺寸那么大,会吸引用户的注意力,对驾驶造成一定影响。

所以现在越来越多的智能汽车推出各种车载语音助手,将声音——而不是触摸,作为用户与系统交互的主要媒介,通过语音来控制场景,例如切歌、拨打电话、调节温度等。

 

不言自明的导航体验

可发现性(在系统中找到特定功能)和导航体验应该在设计中处于最高级别。

现在很多车载系统面临着操作层级过多/过深的情况:用户需要点击很多次才能找到他们想要做的功能。

通过仔细规划系统的信息架构,将常用的功能放置在第一层级,可以避免这种情况。

图片

想调整座椅的高低,我们只需要上下移动座椅旁的把手就可以。如果用系统来控制座椅,需要将控制座椅的功能放在用户触手可及的位置,否则会增加用户的操作成本。

 

改进视觉效果

美即适用效应的影响下,用户更倾向于认为好看的、有吸引力的产品更实用。

设计师可以通过改进系统的视觉效果,改善用户对系统的感知态度。例如为导航渲染逼真的3D模型,能帮助用户更快地理解他们现在所在的位置和要去的地方,并获得很好的体验。

图片

验证HMI是否合理,不仅要衡量操作完成的时间和发生错误的数量,还要注重用户满意度。

尝试向真实或潜在用户进行可用性测试时,向用户询问,“这个设计让你感觉如何?”。如果发现用户的体验感觉不好,设计师可以提出更具体的问题,以确定需要改进的地方。

 

最后

用户对汽车HMI的期望很高,有时候甚至会依据汽车HMI体验的好坏来决定是否购买汽车。

如果你下次设计HMI系统,可以将这些要求作为基准:

  • 给用户一种控制感;
  • 提供良好的学习能力;
  • 避免分散注意力;
  • 不断了解用户偏好并提出更改建议;
  • 激发用户积极的情绪反应。 

 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》还不知道什么是汽车HMI设计?进来带你快速了解

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


2022最新盘点,这些设计趋势今年会怎样?

lanlanwork

咕噜噜

 

色彩趋势 

轻量渐变
首先值得一说的是轻量渐变,轻量渐变属于弱渐变范畴,其特点为渐变色彩邻近,幅度轻柔,节奏缓慢,融合感和细腻感较强。

因为轻量渐变多会选择那些明度高、饱和度低的邻近色,所以能很好地表达出设计中的“呼吸感”。这种呼吸感和通透感给人的感觉非常清新,所以在2022年应该还会持续地流行下去。

 

高饱和度撞色
高饱和度色系的应用在2020年就已经成为了重要趋势之一,因为高饱和度的色彩更能吸引人的注意力,从而有效的吸引用户的视觉落点。

可尽管“吸睛”对品牌来说非常重要,但我们在使用时仍需克制,因为过高饱和度的搭配,往往会给页面的一体性造成一定程度上的背离,且非常容易带来视觉疲劳。

 

所以设计师在使用这类颜色时,也通常会对其饱和度和明度进行一定程度的降低,让颜色“丰盈却不拥挤”,从而保证我们视觉上的舒适性。

另外,从高饱和的UI案例中我们也能够看到,在搭配色彩时,选用大量的邻近色营造氛围,再用一两个对比色产生冲突,就会使得整个页面轻重相平衡,带来不错的视觉体验。

 

糖果色
糖果色以粉色、粉蓝色、粉绿色、粉黄色、明艳紫、柠檬黄、宝石蓝和芥末绿等甜蜜的女性色彩为主色调,它能带来一种纤细,柔软的感觉。所以哪怕一个画面中出现过多的色彩,也不会让人觉得很冲突和背离!

 

 

图形趋势 

emoji表情
表情符号在现如今是一个超越文本并且能够得到广泛认知、跨越文化和多领域的一种视觉语言,在文字段落的末尾加上 Emoji 能够更好传达情绪,这使得表情符号不仅在网页、文本甚至在海报中作为主视觉,都能带来非常不错的氛围感。

在2021年,emoji不仅被广泛应用起来,还被广泛3D化。加上阴影效果的emoji,其情绪的传达也变得更加丰富。

 

2022,emoji的表达依旧会持续进行,只是其形式会更加丰富,例如这种“假3D”效果等

 

3D化
说到了emoji的3D表达,就不得不说2021最为流行的一个设计趋势,那就是大量的平面内容通过增加了阴影的效果而被立体的表达了出来。

像我们熟悉的苹果应用程序icon等,其设计细节都因此变得更加的丰富而有层次。

而2022,3D设计趋势也会通过不断的发展进一步明确了其自身的地位。它能够为设计师提供无限的可能性,为任何你能想象的东西提供更多可发挥的空间。

2022年我们也会看到更多关于2D和3D之间完美结合的设计,像下图的案例,手绘线条的手指和球体表情之间的互动,不仅让整个页面显得更加有趣生动,还能使2D3D这两种设计方式的优点都能得到更充分的展现。

270e8f3a9045870bffea3c57e2842255.gif

 

玻璃拟态
同样,在2021年超级流行的毛玻璃效果,我们也会在2022年看见更加丰富的表达~

比如最近在dribble上很火的这组效果图,就是在平面的基础上,将毛玻璃的效果运用在3D的物体上,让整体的虚实感更加的生动,也会给设计增加一点与众不同的活力。

270e8f3a9045870bffea3c57e2842255.gif

format,png

除此以外,我们还可以看到的,这一趋势已经明显转移到了玻璃和水晶质感上,而且以令人难以置信的用立体拟真度将图形设计提升到了一个全新的高度。所以,2022我们也将看到更多与全息和3D趋势相辅相成的透明质感和逼真的玻璃背景等元素的设计。

c7228e64d6a33bb24b7f5ed12d5469d3.gif

 

几何抽象
完全不同于写实的3D风格,2022年的设计风格可能也会开始往抽象发展。用几何图形来表达意象,用色彩传达情感。少了繁琐的装饰,用更简洁有力的方式去传达设计理念。

当分形形状与色彩完美结合时,就可以创建出极具吸引力的视觉效果。

c7228e64d6a33bb24b7f5ed12d5469d3.gifa1bce1da9d209654d9c8ca39b749f270.gif

 

结语 

的确,每年的设计趋势似乎总有相似的地方,2022年的设计风格也是在2021的基础上进行演变和发展的。所以更重要的是,我们要学会持续地积累这些设计素材,并不断地审视自己的设计作品,学会将他人的设计思路结合在自己的设计灵感上,才能成为一个一直拥有输出能力的设计师~

 

原文地址:CSDN

作者:摹客

转载请注明:学UI网》2022最新盘点,这些设计趋势今年会怎样?

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



2022年,B端设计的趋势有哪些?

lanlanwork


 

视觉趋势

1. 3D设计风格

虽然 3D化 的视觉风格早已到来,但是在B端市场上,3D风格在此之前依旧表现的十分克制。

随着 C4D、Blender 这些 3D 建模软件的不断普及,再加上互联网上关于 3D 建模教程的增多,你会发现 3D 风格的视觉表现,是一个 B端视觉设计师 的基本要求。

而3D风格用在B端软件当中,会有两个使用场景:

 

图标

因为在B端产品当中,图标本身就是非常难以去表现,比如“物联网,大数据”。

许多的抽象词汇,很难通过一个具象的事物进行表达,而在企业官网当中,在视觉表现上的要求又十分的高。因此你会发现,在视觉风格上的选择,往往只有 3D 图标 + 插画 这一条路。

图片

并且 3D 图标的使用场景不会太过于局限,也可以用于产品的工作台、运营营销工具箱 等页面,因此 3D 图标的出现,它的应用场景也会相比之前 要更加的广阔。

图片

 

可视化大屏

大屏设计 也在不断的“内卷”,因为传统的 2D 可视化大屏 所搭建出来的大屏已经满足不了企业的野心, 像DataV 腾讯云图 ,大家都在朝着 3D风格 炫酷的方向进行延展,因此也就会导致 3D 的视觉风格需求 激增,而 3D 建模仿佛就是大势所趋。

图片

 

2.新拟态

虽然新拟态是在前两年的产物。这个设计风格背后,遭到了很多设计师的质疑与排挤。

但是随着这个风格的不断成熟,感觉它在B端视觉领域(特指的是 官网 ),是非常受到欢迎的,因为整体的风格,与官网的设计形式趋同。

同时作为B端产品的官网,其实是更需要新拟态这种风格。因为电脑场景下鼠标光标对页面进行 Hover 操作 给出的真实反馈,而使用了新拟态的官网按钮,给你的反馈非常真实。

这里安利一下腾讯云的首页官网,大家就会发现在设计风格上,大量的采取了新拟态元素,并且配合 3D 风格的图标,以及毛玻璃材质的设计,让它的设计瞬间加分不少。

图片

 

3.开源的设计系统

在去年,设计系统迎来了一波发展的高峰期,随着字节、腾讯,三大设计系统(Arco Design、TDesign、Semi Design)的开源,其实是给我们很多B端设计初学者,有了更加完整仔细的B端入门教程。

比如 Arco Design 的组件用法 https://arco.design/docs/spec/link

图片

就清晰的讲清楚了每一个组件的使用方式,以及注意事项,仔细阅读这里面的内容,其实就是B端设计的入门学习。

而未来,国内的环境,开源的系统也会越来越多,大家可以针对这几大类不同的设计系统,进行对比,或许会有一番收获。

 

产品趋势

超级app

这里的 超级app 可能和大家潜意识里的 支付宝、微信 这些软件不太一样。

在B端行业,随着疫情的不断扩散、再加上了两年时间的发展,很多B端产品的功能架构都出现了一个现象,产品的功能开始变得非常拥挤。因为B端软件的核心价值其实就是靠着一个又一个功能去累积,也就意味着随着B端产品的发展,功能模块在不断的累积,导致在设计层面,这样的现象变得更加严峻。

你会发现左侧的导航菜单已经完全没有办法装下这些导航内容,而这一现象也反映在很多产品当中,比如我了解的 飞书管理后台、薪人薪事 等等诸多B端产品,它们在整个导航内容上,已经增加到一级导航 15+  、二级导航 40+ ,这无疑会开始对设计师的能力造成巨大考验。

图片

面对这一情况,许多导航菜单都将会迎来前所未有的挑战,最近也在深入研究导航菜单过多时的解决办法,发现了一些新的 导航菜单 设计方法,有机会咱们重新梳理一下 导航菜单 的内容,将B端设计指南 文章进行更新。

图片

 

低代码定制化

低代码一直是我关注的一个领域,先给不明白低代码的同学简单科普一下。

低代码,一种快速开发应用的软件,将通用、可重复利用的代码形成组件化的模块,通过图形化的界面来拖拽组件并形成应用。低代码能够实现只写少量代码或不写代码,类似用“乐高积木”的方式来开发。

在国外有很多著名的低代码成功案例。Outsystems(国外非常出名的低代码平台)帮助施耐德电气在20个月内推出了60款应用程序,开发过程加速了两倍,仅在第一年就节省了650人天的工作量;在2012年即将推出Model S之际,特斯拉放弃了SAP的ERP产品(可以思考一下为什么),改用低代码开发平台Mendix,用25个人四个月时间自建ERP系统。

去年,低代码平台,也有很多新产品面世,其中就包含:

图片

因此你会发现,其实低代码就是在解决一件事,围绕着某一个业务场景,通过平台的持续完善优化。

让所有的功能都能围绕这个业务展开,其中包括:权限、时间轴、流程、表单、公式等等,能够解决很多特殊的业务场景。

而低代码会涉及到设计思路上的转变,以及低代码编辑器的出现,如何去设计如此复杂的配置流程,如何能够让用户能够快速上手,如果你能够有比较完整的思路,这些都会成为我们设计的新机会。

 

行业细分

随着互联网市场的不断发展,用户会越来越关注产品在自己行业的应用,比如CRM,其实只是一个笼统的称呼,现在CRM市场又会分为 SCRM、运营CRM,等诸多产品。

PaaS类的平台也出现了 负责从虚拟主机和数据库层面入手的 iPaaS 以及 从应用和数据层面入手的 aPaaS。

即使是大家经常使用的 钉钉、企微、飞书,它们也在各自的领域有所擅长。

图片

因为B端产品,在底层逻辑上是不能允许趋同的产品出现,如果你和别人的产品一样,其实是没有办法在目前的市场上立足。

因此你会发现,虽然产品形式都会比较相同,但是B端市场十分广阔,大家都在去寻找自己产品的差异化。

当然市场是瞬息万变的,这里也只是简单聊聊我自己的看法,希望对你有所帮助。最近拖更确实比较厉害,准备之后几天给大家抽些书,可以多留意留意公众号的文章。

 

原文链接:CE青年(公众号)

作者:CE青年

转载请注明:学UI网》2022年,B端设计的趋势有哪些?

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


11本值得一读的设计书

lanlanwork


01.

超越平凡的平面设计之
《版式设计原理与应用》

图片

这是一本很经典的版式设计书籍,内容主要包含排版、色彩搭配,通过这本书你可以学到如何选择合适的字体?如何裁剪图片?如何设计封面?如何排版?如何配色等知识。设计师在这本书里分享了很多案例的设计过程和优化过程,包括画册设计、折页设计、唱片设计、网页设计等等,清晰的展示了他的每一步都是怎么思考的,逻辑非常缜密。
虽然里面的案例已经有些历史,但是其设计的方法和理念在今天仍然受用。 
 

02.

《超越Logo设计》

图片

这是一本有超级多干货的logo设计书,作者在书里不仅分享了31条logo设计的实用秘诀,还分享了如何谈业务?如何与客户合作?怎样提高过稿率?如何做好前期的准备工作?如何构思?等问题,它能加深你对logo设计以及logo设计之外的知识的了解。
 
 

03.

《文字怡人》
图片
这本书由日本著名平面设计师高桥善丸所写,虽然设计的是日文,但由于日文中也有很多汉字,所以中国设计师也能从中学到很多东西,另外我推荐他的原因是,通常到达一定高度的设计大师,都不会放下身段去写一些设计技能、设计方法的书,大多都在讲理论,这也使得设计师们错过了很多向大师学习设计执行的机会。
而高桥善丸给了我们这样一个机会,这本书主要是通过分享他的各种字体设计案例,来讲述不同的字体设计技巧,并且这些字体设计案例并不是作为个人练习单独存在的,而是作为真实案例运用在书籍封面设计和海报设计中。
 
 

04.

《设计中的设计》

图片

这本书很多设计师应该都熟悉,由日本当代平面设计大师原研哉所著,出版至今已经被加印了近二十次,足以证明这本书有多牛。
很多年轻的设计师认识原研哉可能是通过小米的logo和KURASHICOM的logo这两个案例,甚是还会因此对他的设计理念冷嘲热讽,如果你读了这本书,我相信你一定会对他有新的看法。在我看来,他对设计的认识已经超越了绝大多数人,也远远超出了技术层面,但他又不像很多大师把设计做成了艺术,而是始终围绕设计的本质:信息传达,来做研究和深化。
什么是设计?什么是视觉传达?设计的目的是什么?无印良品的地平线系列海报是怎么诞生的?等等问题,你都可以在这本书里面找到答案。
 
 

05.

《超级符号就是超级创意》
图片
该书由华与华的创始人华杉所写,华与华是一家知名的战略咨询公司,在设计圈里的争议很大,他们的设计作品可能不太受设计师的认可,但是华与华的方法确实影响了中国的整个策划圈和设计圈。
初读这本书时,其中的很多观点也给了我一种醍醐灌顶的感觉,作者在书中分享了什么是超级符号?如何打造超级符号?现代商业设计中有哪些问题?如何建立企业战略?等知识。
葱爷当时读的是左边黄色这本,现在最新的是右边蓝色这本,据介绍是新增了50页,包含华与华最新的案例和跨年演讲等内容。
 
 

06.

《香港新生代平面设计访谈》

图片

这本书是我去年才读的,书中收集了港澳地区共12位新生代知名设计师,他们来自平面设计、品牌设计、网页设计、字体设计、服装设计、IP设计等多个不同领域,年龄跨越了70后到90后,每个人都有许多经典的代表作,每个人都拿过很多荣誉,他们的故事和发展经历也很精彩。
 
 

07.

《设计工作室生存手册》

图片

几乎每一个设计师都有成为自由设计师,或者是创建设计工作室的梦想,所以这本书值得每一个设计师读一读。读完这本书你将会了解设计师的工作和职责是什么?如何获取客户、筛选客户?如何收费?如何与客户签订合同?如何管理团队?如何与人合作?等多个很实际、很实用的问题。
这一本薄薄的小书,原本是作者写给他儿子的,文风幽默风趣,言辞犀利,快人快语,读起来很带劲。看完以后记得要冷静冷静,别立马急匆匆跑去辞职创业。
 
 

08.

《田中一光自传》
图片
田中一光是日本平面设计领域国宝级的人物,也被誉为无印良品之父、日本设计中心之父,创作过很多经典的案例,获奖无数。这本书详细讲述了他从小到大的经历,以及怎样一步一步成为了享誉全球的设计大师。
老实说,读自传通常不能让你学到什么具体的技能,所以这不是一本教你怎么做设计的书,读名人自传的主要作用是让你对某些事情、某些行业产生兴趣,并可以把对方作为学习的榜样。读完田中一光自传这本书,我深深地“爱”上了他,他的人品和设计才华都深深的吸引了我,让我一度想去买他的其他书籍,并把它作为我人生的榜样。
 
 

09.

《日本版式设计原理》
图片
这本书的内容形式应该是很多设计师都会喜欢的,即:改稿,作者通过展示50个设计案例修改前和修改后的对比效果,从而向大家解释了如何正确的布局?如何正确地使用文字?如何进行正确的色彩搭配?如何正确地使用图片?这四大块内容。
另外,这本书里展示的案例也是非常接地气的商业作品,而不是自嗨稿,所以其中的设计思路和设计技巧可以很容易用到你的设计工作中去。
 
 

10.

《平面设计中的网格系统》
图片
这本书是瑞士知名设计师约瑟夫·米勒-布罗克曼所著,他是第一批把网格系统运用到平面设计中的设计师,网格系统是版式设计中很重要的一个工具,可以使排版更加有章可循、更严谨,在这本书中,作者不但介绍了网格的绘制、网格的分类、网格的使用,甚至还把网格延伸到了建筑设计中,想了解网格系统的人可以读一读。
 
 

11.

《design360杂志》
图片
图片 
 
 
这个年代还会看杂志的人应该已经不多了,看设计杂志的那就更少,然而这本2005年诞生于广州的《design360》却能够存活至今,并且有超过3万忠实的读者,可以说是亚洲最优秀的设计杂志之一了。你既可以购买它的某一期,也可以按年订阅,一年共6期,每一期的内容都不同,包含了平面设计、插画、产品设计、建筑设计、景观设计、设计组织、工作室访谈等内容,这本杂志除了可以拓宽你的知识面、加深你对设计的认知以外,你还可以从中认识到很多国内外的优秀设计师和设计工作室。  
 
图片
以上11本书是我个人觉得不错,值得一读的设计书,当然并不是设计师必读,也不是适合所有人,因为我觉得根本就不存在哪一本书是必读的,但如果你想对设计有更深入的了解,想提升自己的设计认知,选择一两本自己感兴趣的书读一读,肯定是有好处的。没必要买太多,不然肯定避免不了吃灰的命运。 
 
 

原文地址:葱爷(公众号)

作者:葱爷

转载请注明:学UI网》11本值得一读的设计书

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



如何培养设计美感,这个方法掌握了,想不进步都难!!

lanlanwork


1.从大量阅读开始

为什么我们读小学时候,每天很早去学校晨读,目的通过这样刻意练习加深学习记忆。

长久以往,我们对文字理解,对写作文就会构建起丰富的背景知识。

那么在设计中也是一样的,在前期,一定要每天坚持大量的阅读,培养你的眼界。

阅读什么呢?我觉得可以针对性一些,比如:

 

a.大量看UI设计作品

网上因为作品有好有坏,如果你早期无法判定好的作品,可以去看一些获奖的作品,比如kdesignaward、Adobe设计大奖,IF设计大奖等。

图片
图片
Bomapp(kdesignaward)
图片
DuerOS(百度车联网)kdesignaward

 

b.创意性网页UI作品
图片
图片
图片

 

c.品牌设计作品
图片
图片

 

d.插画设计作品
图片
图片

 

e.版式设计作品
图片
图片
图片
当然不止这些,比如你还可以看看一些装置艺术、科幻艺术、三维作品、摄影作品、文化类作品,总之早期一定要坚持大量阅读。
我们大量阅读是为了建立丰富的背景知识库,积累越多,你的审美自然也会跟随提高,当然做设计的想法就会有更多。

 

2.什么情况下知道,我的审美提高了?

前期大量阅读了很多作品,这时候你需要把牛逼的作品收集起来,等半个月后,再去看看之前搜集的作品,如果发现有部分很丑,那么恭喜你又往前走了一步。

成长是需要一个过程,切忌操之过急,关键是需要自己动手去执行,不能等着被改变。

图片
https://www.pinterest.com/Tonyrosie666/_saved/

我们可以去建立一个图板,虽然很多人有这样做,但是真正做到复盘,然后去删除之前采集的人很少。

如果不去复盘,不去思考,进步当然会缓慢,抱怨也是没用的。

低头赶路,也不要忘了抬头路,我们要随时知道是朝着正确的方向努力。

 

3.学习一些理论

当看了大量的作品,对美有些认知,但是你还是不知道怎么表达美?这时候,你需要学习一些理论的支撑。

我们通过阅读大量作品构建审美认知,通过阅读书籍、文章理论构建审美体系。

比如,德国工业设计师迪特·拉姆斯提出好设计十项原则:

好的设计是创新的
好的设计让产品更加实用
好的设计是美观的
好的设计使产品更易理解
好的设计师谨慎克制的
好的设计是诚实的
好的设计是经典永恒的
好的设计是细致的
好的设计是保护环境的
好的设计要尽可能简单

又或者:

我们可以从形、色、质、字、构、动等6个维度去拆解,又或者可以利用格式塔心理学来进行设计质量的评估,比如我们常说的相似性、亲密性、连续性、焦点归一等。

再比如,当你看到一个吸引你的设计作品,你可以这样思考吸引你的点在哪?

比如:是图形运用很巧妙还是质感表达很新潮?又或者色彩创意很棒,一般一个好的设计都会满足形、色、质、字、构等,至少要3个以上维度。

当然还可以通过看书积累对设计美的表达,总之就是要大量输入,构建丰富的知识库。

 

4.推荐一些网站

提升审美必须每天坚持看,这个是毋庸置疑的事情。这里,推荐一些我常常去看的网站。

a.savee

图片
https://savee.it/

 

b.pinterest

图片

https://www.pinterest.com/

 

c.designweek

图片

https://www.designweek.co.uk/

 

d.designcollector
图片

https://designcollector.xyz/design

 

写在最后

提升设计审美,前期大量阅读只是一个开始,我们还需要做的是不断思考总结。

同时还需要学习设计理论,这些我们可以通过看书或者和别人交流,在讨论过程中,你自然知道他们是怎么评价这个设计的。

路漫漫其修远兮,学习是一个长期的过程,培养审美也是。

积小步,成大步,没有一蹴而就的成功,一切都是量变的积累。

 

原文地址:功夫体验设计(公众号)

作者:Tony

转载请注明:学UI网》如何培养设计美感,这个方法掌握了,想不进步都难!!

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



提高用户体验的10个优秀案例

lanlanwork


一、特殊场景下的差异化设计

根据用户使用场景和特殊情况出现时,产品会结合变化呈现不同的功能或者服务,这种差异化的设计更能体现情感化设计的一面,提高用户对于产品的认可度。

腾讯新闻 APP 在东航事故出现时,在底部操作栏新增了祈祷的图标,方便用户表达祈祷的心情。特殊情况下的差异化设计满足了用户的情感需求,也体现出了产品的温度,带给用户更强的粘性。

图片

 

二、优化指引路径提高操作效率

通过提取本机号码一键登录减少了繁琐的注册流程,提高了登录的效率,减少用户的操作路径。在登录时都需要用户同意一些条款协议等内容,当用户未勾选时通常都是提示用户,指引用户选择后操作。这样的设计增加了用户的操作路径,使用体验不是很好。

网易云音乐 APP 在同样问题出现时,提供了一个弹窗进行指引,用户无需重复操作,直接点击“同意并继续”即可完成登录。在用户误操作出现时,无需用户过多的操作路径,给出了更高效的操作解决方案,提高了用户使用体验。

图片

 

三、温馨提示降低用户的过度依赖

随着互联网时代的到来,太多的娱乐产品占据了我们的时间,过度依赖和使用耗费了大量时间。特别是短视频的走热,刷视频容易带来过度依赖,影响用户的视力等健康问题。

抖音 APP 作为用户量庞大的短视频产品,提高用户体验至关重要。为了降低用户的过度依赖,提示用户注意休息,特意设计了温馨提示。用户可以设置提示时间和进行管理,APP 也会定期提示用户。温馨的设计提高了用户对产品的好感度,也能辅助用户做好时间管理,以免过度依赖而影响休息时间。

图片

 

四、隐藏式设计提高版面利用率

对于用户来说希望内容具有较高的可见性,提高内容的曝光度才能被关注。在控制内容的优先级时,通过隐藏式设计可以满足更多内容的呈现,不过需要做好隐藏内容的引导,提高隐藏内容被发现的概率。

网易云音乐 APP 在云贝中心签到设计中使用了隐藏式设计,将签到相关的附属内容隐藏在展开卡片中,为更多主要内容提供了展示空间。为了提高展开的交互设计,在每天初次访问时会默认展开,然后再收起隐藏,这个动态的指引提高了这个交互动作的曝光度。利用隐藏式设计满足了产品需求,通过动作引导提高了用户知晓度,是一个具备较好体验的设计解决方案。

图片

 

五、更人性化的模式设计

随着用户群体的跨度增加,为了带给不同年龄段用户更好的体验,众多产品都针对不同用户提供了定制化模式。特别是针对老年用户而进行适老化设计,还有针对青少年儿童设计的时间管理等,不同模式满足了更多不同年龄段的用户需求。

比如优酷 APP 在个人中心设计了“模式切换”,点击可以设置长辈模式、青少年守护、儿童守护。针对不同年龄段对于产品的使用需求进行定制化,带给用户更加人性化的使用体验。

图片

 

六、定制化的播放页模式设计

不同用户对于产品的使用需求有所差异,固定的模式虽然可以减少产品的开发成本,但是单一的体验不够人性化。针对不同用户提供更多选择,可以带给用户更加人性化的体验。

MOO 音乐 APP 为了满足不同用户对于播放页的体验差异,设计了播放页模式定制化切换,用户可以选择以专辑封面或者背景大图进行展示。为了直观的方便用户做出选择,模式设计以可视化的图形展示,便于用户更快的做出选择。定制化的模式虽然把繁琐的事情留给了产品开发者,却把更好的体验带给了用户。

图片

 

七、缩放预览满足对细节的体验

随着短视频走进更多用户的视野中,短视频的形式也是越来越丰富,满足不同用户的使用体验至关重要。特别是图片形式引入短视频平台,对于细节的体验因人而异,缩放画面满足对于细节的体验才能更加人性化。

抖音 APP 无论是针对视频还是图片形式作品都可以缩放预览,配合缩放的手势交互带给用户放大细节查看的体验,满足了不同用户对于细节的需求。手势交互也是产品设计师需要多多探索的方向,更加便捷的操作有助于提升用户对于产品的使用体验。

图片

 

八、满足用户好奇心的设计

用户从小白到依赖是一个逐步探索的过程,好奇心的用户会点击尝试任何的功能,甚至连一个图标或者 LOGO 都希望获得彩蛋。作为设计师来说设计出来的每一个元素都需要考虑用户体验,给予反馈式的设计才能满足好奇心的驱使。

爱奇艺 APP 首页左上角的 LOGO 展示你有注意到吗?有没有尝试去点击体验,作为好奇心驱使特意尝试了一下。点击之后会跳转到皮肤等设置的页面,为该功能的曝光新增了首页入口,用户也可以通过个人中心“装扮”进行设置。该设计解决方案不仅满足了用户点击的好奇心,也赋予了 LOGO 展示功能化的作用。

图片

 

九、可以标记和叠加的点赞设计

点赞设计在众多产品中均有体现,这是用户表达对于内容的喜欢,以此来增加作者和用户之间的互动性。为了吸引用户点击和带来差异化的体验,点赞设计也被脑洞大开,在表情化、叠加点赞、点赞标记、微动效等方向不断探索。

小宇宙 APP 在播放页中对音频进行点赞时,可以多次叠加点赞,点击之后会针对音频播放进度条进行点赞标记,反复点击也会使得进度条纹增高,以此来强化点赞的程度。该设计解决方案不仅丰富了点赞的设计,也能通过标记和进度条纹的高度让用户记住关键的部分,方便后续回顾的时候知道哪些时间段是重要内容,提高用户对于产品的使用体验。

图片

 

十、差异化的短视频推荐设计

作为新闻资讯类产品来说,大部分用户的习惯还是图文结合的阅读形式,不过随着短视频的出现,改变了一部分用户的阅读习惯。通过短视频获取新闻资讯、搜索指定内容、学习生活技巧或者专业技巧等均可实现,改变了用户的阅读习惯和获取内容的形式。

央视新闻 APP 作为新闻资讯类的专业平台,在满足用户阅读新闻的同时,也跟进了短视频观看新闻的体验。在底部标签栏以舵式导航的形式作为短视频新闻入口,点击之后会有推荐视频展示,差异化的推荐设计不仅提高了内容的曝光度,也吸引了用户的关注度。

图片

 

小结

本期为大家总结了提高用户体验的十个优秀设计解决方案,体验、分析、总结是为了掌握别人的设计经验,积累设计灵感并运用到项目设计中。灵感的积累离不开总结,探索细微之处的差异化对于 UX 设计师而言至关重要。

本期分享到此结束,仅为个人角度的体验总结,希望可以带给大家更多灵感启发。

 

 

原文地址:黑马家族(公众号)
 
作者:黑马青年
 
转载请注明:学UI网》提高用户体验的10个优秀案例

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

没想到用上圆形后,设计感瞬间强了很多!

lanlanwork


1.圆的线性语言

图片

线性圆形,它的粗细可自由变化,根据当前设计语言的风格调性特征决定的。线性圆形的作用绝大部分都是装饰,丰富画面视觉感官,它们大多情况下都是以单色或者黑白灰出现。

图片

如果我们把上图的圆形线条去掉,设计感自然就弱几分。当然如果非要去掉也不会影响阅读,有了圆形形式感自然增强许多。

图片

LOGO符号应用,变为粗线条

图片

UI界面中应用圆形

 

2.圆形的渐变语言

渐变圆形基本都是以粗块面为主,它可以呈现出丰富细腻的质感、厚度、虚实变化的光影。

图片

Sedigas

 

西班牙天然气协会Sedigas的品牌LOGO更新,通过圆形设计语言提取,在多场景下贯穿圆形的应用。

Sedigas(可点击图片查看视频或 点击Sedigas查看原文中内视频)

 

在品牌视觉语言动态介绍过程中,我们可以看到圆形的应用和丰富的变化,圆形与物理世界万物连接。

来看看其他案例

图片

图片

 

3.圆形面的特征

当圆形以块面的姿态出现时,它更随和,更加温润。块面的圆形和线性的不一样,块面圆形更加厚实,整体性,更聚焦。大部分情况下作为背景或者承载内容的容器。

图片

UI界面中,有时候圆形也可作为功能承载,操作区域更直观可视化。

图片

当以时装饰元素使用, 圆形一般都会用作强调一些重要信息,同时也增加设计形式感,张力,可玩性。

图片

图片

图片

 

4.圆形参数化特征

参数化圆形,它简单纯粹,以一种单一形态不断重复几个甚至几十个上百个的相同的形态,这些重复出现的圆形,大部分都是以装饰视觉效果呈现。

图片

我们可以看到大部分圆形以线性姿态不断重复,而且重复中带有规律可循,比如朝着某个方向拓展开,这个方向可以是斜方向、水平或者垂直。

图片

以同心圆的方式向外计算扩散开。

图片

图片

图片

 

5.圆形的肌理

上面我们讲到了圆的线,块面圆、参数化形态和渐变特征,那么在最后这个模块,我们可以看到圆形还有一种特殊的存在,那就是肌理,这里说的肌理不是贴图的那种材质,而是通过几何演变来实现的,比如通过多条线的组合而形成,下面来看看。

图片

上图的圆形,由多个长条几何形状不断重复形成,这些重复几何条状物就形成了一个大圆形的肌理视觉特征。

图片

右上角圆形线性阵列,通过重复小短线条而形成,在一些特殊场景下,这种阵列圆形图还可以用来打造视觉记忆点或者品牌DNA序列。

图片

图片

圆形应用远远不止这些,比如还有立体、真实物理质感,还有多形态、空间感营造等等。

 

今天列举出来的这5种形态是我们设计中常用,不过在使用时候还是需要依据产品视觉调性合理应用,形式要追随功能。

原文地址:友设青年(公众号)

转载请注明:学UI网》没想到用上圆形后,设计感瞬间强了很多!

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


设计效率工具趋势 | 综述篇

lanlanwork


一、日常积累

设计师日常除了应对当下的需求,每天可以拿出一定时间保持学习的习惯。不仅可以让我们紧跟最近的设计趋势、设计潮流、设计方法,也可以让我们潜移默化中得到提升。

Panda|全而美的设计订阅平台

图片

Panda帮助设计师不错过每天的设计灵感和资讯,包括新的设计方法理念、流行潮流、也有一些新产品推出。我们可以把Panda替换Chrome主页,每次打开浏览器页面都可以随时看到最新的设计资讯。一些英文的订阅也可以用chrome浏览器的翻译功能可以粗略查看。

地址:https://app.usepanda.com/#

 

Topys|创意内容平台

图片

全球顶尖创意内容平台,作为中国成立最早、最受欢迎的创意垂直网站,以 “Open Your Mind” 为宗旨,始终专注在全球创意、艺术、灵感、人文领域寻找最有质感的声音。

地址:https://www.topys.cn

 

Voicer|分享生活和设计的美学

图片

我们总在生活中与「一瞬间的感动」相遇。Voicer的理念即是发现这「感动」, 将它传递给更多热爱生活的人们。内容包括创意内容品牌、在线杂志等。致力于分享生活和设计之美。

地址:https://www.voicer.me

 

Design better|优质设计读物网站

 

涵盖设计商业思维、产品设计原则、设计系统等关于推动设计团队前进的实践读物,同时提供PDF和有声格式。

地址:https://www.designbetter.co

 

二、研究分析

设计师在调研过程会研究用户、记录用户的行为和需求,会使用一些高效的记录工具。同时繁多的调研的信息需要汇总整理,协作整理,这里会推荐一些记录和整理的工具给大家。

Noted|录音笔记好工具

图片

Noted 是一款将录音和笔记相机相结合的软件。我们做访谈用户或做会议纪要的时候,经常错过记录的内容,如果通过一些软件录音的话,后期回听需要比较多时间成本。Noted可以在记录笔记的同时记录输入文字的时间点所对应的录音,输入的每个字的时间点都会对应到。当内容没记录下来时可以随时跳到对应时间的录音进行回听,方便在漫长的录音文件中快速检索。

 

Marginnote|文献收集箱

图片

重塑学习方式的阅读笔记工具,更加高效阅读书籍和学习,可以在阅读时摘录笔记,制作学习卡,提取关键词,根据笔记生成思维导图,梳理知识框架。非常适合阅读专业书籍,阅读论文以及复习。

地址:https://www.marginnote.com/chinese/home

 

GoodNotes|手写笔记

图片

一款功能强大的手写笔记软件,拥有多种笔记封面和纸张模板可以选择,支持自定义模板,可以简单处理图片,可以导入pdf、ppt等文稿并做标记,也适合做电子手账。

地址:https://www.goodnotes.com/zh-cn

 

腾讯文档|在线协作

图片

调研阶段方便多人一起搜集资料和汇总,多人同时在线编辑,内容实时同步。随时随地高效协作,轻松创作。

地址:https://docs.qq.com/home

 

Xmind|思维导图

图片

功能强大的思维导图软件,极简设计,流畅体验,多种结构图风格选择,方便资料的汇集和思路的整理。

地址:https://www.xmind.cn

 

三、设计创作

当设计目标确定时,接下来进行具体的创意设计。设计师除了通过脑暴进行发散方案以外,一些高效的设计工具可以让我们事半工倍。

3.1 灵感搜集

Collect UI|界面灵感

图片

UI设计灵感库,基于dribbble平台精心挑选优质内容,提高效率便捷,为设计师提供专项更好的灵感。同时支持邮件订阅推送。

地址:https://collectui.com

 

Adobe Color|配色灵感

图片

Adobe color不仅从各个维度解决了我们的配色需求,同时也提供找图需求。其中包含 9 种智能调色模式可以选择。拾取主题色、拾取图片中的渐变色、协助工具可以合理帮助检查不同颜色的对比、探索behance趋势。

地址:https://color.adobe.com/zh/create

 

Useanimations|图标动效灵感

图片

图标动态效果库,当绘制的图标需要一些巧妙的微动态效果时可以参考。

地址:https://useanimations.com/index.html

 

3.2 设计打磨

FigmaEX|插件可视化

图片

当插件特别多时候,FigmaEX极大的改善了Figma中使用插件的体验,将插件可视化。可以进行展开,同时显示插件的名称与图标。可以通过拖拽调整插件的顺序,调节高度。

 

Autoflow|流程图插件

图片

输出交互设计稿的时候,方便快捷的在不同画板之间连线,提升输出效率。

地址:https://www.figma.com/community/plugin/733902567457592893/Autoflow

 

Skewdat|倾斜插

图片

这是一个非常简单实用的 Figma 插件,它可以帮你将任何形状元素倾斜过来。

地址:https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio

 

Undraw|插画素材

图片

最棒最全的插画库,支持快速搜索,一键调整颜色。

地址:https://undraw.co/illustrations

 

Magic Eraser|轻松移除杂物

图片

一款免费的在线服务,它通过 AI 自动去除图片中不需要的部分,只需要上传图片,等待几秒钟即可。用鼠标把不要的部分划掉,松开鼠标就会闪几下,被划掉的部分就消失了,比如去水印之类的小东西,如果用 PS 的图章,估计要十来分钟,而用 Magic Eraser 就几秒钟,简单易用,推荐使用。

地址:https://www.magiceraser.io

 

3.3 设计验证

Checklist Design|设计清单

图片

设计输出后可以通过这个清单去做最后的检查。网站列举了一些通用场景(页面、元素、流程、主题、品牌)下的基本设计要素。可以检查你的设计在这些场景下是否符合规范。样式、颜色、命名、易用性等是否合适。

地址:https://www.checklist.design/?ref=prototyprio

 

四、测试评估

好的方案不是一蹴而就的,设计方案需要不断的打磨和迭代。方案需要持续和用户进行沟通和测试,才能得到完善的方案。也需要和开发工程师不断沟通,以达到最佳的实现效果。

4.1 用户测试

腾讯文档|在线收集表

图片

用户测试阶段方便高效的收集用户反馈,一般用于定量的用户测试。

地址:https://docs.qq.com/

 

Hawkeye|眼动追踪工具

图片

一般的眼动跟踪设备比较昂贵,使用繁琐。这个名为鹰眼的眼动追踪APP,可以通过手机前置摄像头捕捉用户在使用产品时的视觉动向。

地址:https://www.usehawkeye.com/?ref=prototyprio

 

4.2 评估还原

CoDesign|腾讯自研设计协作平台

图片

覆盖产品经理、设计师、工程师协作需求。设计交付更轻松,有效管理和使用设计资产。

地址:https://codesign.qq.com/

 

Pixel Eye|高效视觉还原

图片

在项目上线前设计师都会对最终的产品实现效果进行走查,以保证设计还原的准确性,体验的流畅性。这是一款视觉还原工具,帮助前端工程师在页面重构阶段就能快速发现开发稿与视觉稿的差异,实时对比、实时修改,减少工程师与设计师的沟通成本,提升整体开发效率。

地址:pixeleye.暂未对外开放敬请期待

 

五、对外宣传

设计完成后汇报展示、产品的宣传包装等,提供更便捷优秀的展示形式。

5.1 效果展示

Mockup World

图片

样机的类型全面而且免费,综合质量很高。

地址:https://www.mockupworld.co

 

ls.graphics

图片

素材非常优质精美,有免费和付费的资源。

地址:https://www.ls.graphics/#UI

 

5.2 在线作品集制作

Adobe Portfolio

图片

主要面向设计师群体,帮助设计师建立个人在线作品集。几分钟就可以建好一个作品集网站,提供精美模板选择。最大的特点是易于操作,无需懂网页程式,都能在建立一个网站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收费。已订阅用户可免费使用。

地址:https://portfolio.adobe.com/start

 

Portfoliobox

图片

针对设计师或者创意人员的作品展示工具,可以直接在网页浏览器中搭建属于你的作品展示平台。

地址:https://www.portfoliobox.net/cn/

 

结语

此综述篇大家有了比较整体的了解,在设计流程中每个环节,介绍了一些比较好用的工具,后续的设计工具系列文章会针对某一环节进行更深入的探索。

图片

感谢阅读,以上文章由腾讯ISUX团队创作,版权归腾讯ISUX所有,转载请注明出处,违者必究,谢谢您的合作。 

 

原文地址:腾讯ISUX

作者:ISUX设计

转载请注明:学UI网》设计效率工具趋势 | 综述篇

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



B端产品-StreamLake-RTC

lanlanwork



(本作品所有数据均为Demo演示,非真实数据,知识产权属快手所有,未经许可不得转载)

(本作品所有数据均为Demo演示,非真实数据,知识产权属快手所有,未经许可不得转载)

 

原文地址:站酷
作者:三鱼先生

转载请注明:学UI网》B端产品-StreamLake-RTC

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



B端产品-BI分析工具

lanlanwork


(本作品所有数据均已脱敏,非真实数据,知识产权属快手所有,未经许可不得转载)

(本作品所有数据均已脱敏,非真实数据,知识产权属快手所有,未经许可不得转载)

 

原文地址:站酷
作者:三鱼先生

转载请注明:学UI网》B端产品-BI分析工具

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


日历

链接

个人资料

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

存档