当前位置:首页>>新闻

工业产品造型设计中妙用无穷的深色系背景

来源: 发布时间:2021-05-09 45 次浏览

工业产品造型设计黑暗系背景,或者说深色的背景,在UI设计中的应用至今都是一个相称有争议的议题。背景选取对界面的利用效力而言是至关重要的,公道的背景设计让界面更易用,相反,一个不恰当的背景则可能毁掉你精心设计的UI。今天咱们一起来探讨一下深色背景在UI设计中的利用技能跟留神事项。
影响配色计划跟背景致选取的因素有很多,深色的背景在网页跟APP UI 界面中应用时,优点跟毛病一样明显。Tubik Studio 的诸多设计名目标实际教训证明,深色背景自身确实可能带来良好的用户闭会,供给极具吸引力的解决计划。所以,咱们探讨一下如何在UI设计中更大水平地应用深色系背景。

深色系视觉感知
早在2009年的时候,ProBlogger 就曾做过相应的调研,当问及用户他们喜好什么样的博客背景之时,多少乎有一半的用户反馈喜好浅色的背景——这很公道,究竟博客是以文本内容为主,浅色的背景更合乎大家的日常浏览习惯。不过有意思的处所在于,大略10%的用户反馈会更喜好暗色背景,大略三分之一的用户则认为背景的色彩与网站自身的属性以及内容相干。同时,这也象征着有相称大一局部用户须要在设计师设计进程中被忽视掉了。然而,对非文字驱动类的网站跟APP当中,用户对深色调背景方面的须要可能还要高。用户调研在实际的设计名目中的重要性,由此可见一斑。
用户对背景色彩的感知法则在Richard H.Hall 跟 Patrick Hanna 的科学研究名目中得到了证明。工业产品造型设计产品设计和工业设计之间的混淆往往会出现在它们重叠的地方。产品设计师通常致力于设计生产许多我们日常使用的产品,但那些我们喜欢的产品通常是经过工业设计师设计的,至少在部分过程中是这样。早些时候,不同范畴的科学家专门针对网页的可读性进行了体系化的实验跟剖析,他们得出了这样的论断:背景跟内容两者之间的对比度跟可读性是成正比的,白色背景下的黑色文字领有更好的可读性。这个情理同样实用于黑底白字,把持好对比度跟清楚度,两位科学家又公道的设计全部实验。这项研究包含了很多不同色彩组合的有效性测试,对设计师而言有很重要的参考意思。

可读性方面
用户闭会范畴最有名的前驱之一 Jacob Nielsen 曾经说过:“文字跟背景应当利用高对比度的配色。白底黑字能将可读性晋升到更高,黑底白字在可读性上的后果多少乎是一样的。诚然两种配色方法对比度是雷同的,然而后者还是会让用户对文字的识别稍慢一些。受限于配色计划,白色的文本内容比较于白底黑字的情况,会显得更加细微、含糊,整体的清楚度切实是不如常见的黑字。这种情况在纯黑背景跟纯白字体的搭配下,最为明显。”
确,可读性是影响产品机能的最重要的影响因素,而可读性又不仅仅只关涉到文本,所有有意思的文本、标识、符号、数字、图案都存在可读性的问题。因此,当设计师准备利用深色背景的时候,应当在不同的设备上测试字体、图标跟图像在深色背景下的实际后果,用来支撑全部设计。
正如同Awwwards 网站所供给的更佳黑色细网站设计合集中所展示的,这些优良的黑色系网站跟APP页面为了在黑色背景上畸形显示内容,都精心筛选了公道的配色计划。这些优良的案例为咱们奉献出了如下教训:
·因为深色的背景会“接收”其余元素的“光辉”,所以元素之内、元素跟元素之间要留有足够的空间,确保识别度;
·较长篇幅的文本存在更好的可读性,对用户更轻易消化
·行间距跟文本的长度对可读性有明显的影响,尤其是在深色的背景之下,所以篇幅是非、字间距、行间距须要细心考虑
·深色并不象征着是纯粹的黑色,不同深浅的背景跟文字的搭配带来的后果也不尽雷同,所以应当怀着开放的心态多加实验
·色度、渐变跟光晕对可读性有着明显的影响
·非衬线字体在深色背景下可读性更强,衬线字体在深色背景下则会显得更加优雅。在实际设计进程中应当应用好两者的特点。
对比度方面
Webdesign.about.com 所给出的这个对比度的表单很好的为咱们展示了不同色彩在对比度上的实际后果。这个表格最有意思的处所在于,黑色这一栏证明了黑色多少乎是独逐个个能跟其余色彩都形成不错对比度的色彩。在进行界面设计的时候,尽量细心测试每种色彩,而黑色的这种特点使得深色背景下的色彩搭配领有更多的可能性。
同样的,对比度也是确保可动性的辨识度跟清楚的重要因素。
有个早期的考察是针对对比度跟清楚度的,考察表明:在黑暗的背景下,尽量不要利用纯白,应当将白色淡化为浅灰色,避免极其的对比使白色产生炫光,而消除炫光至少须要5%的灰色来达成后果。有趣的处所在于,这样的灰色在视觉中仍然被识别为白色。此外,将字体加粗也是放置白色被黑色“吃掉”的一种办法。
另外值得一提的是,深色,尤其是黑色比起其余的色彩来的更加深沉厚重,这也使得它更适合于展示图片、插画、海报等内容。良好的布局跟组织结构下,黑色可能明显的晋升其余视觉元素的表示力,让内容更存在吸引力。

情感感知方面
色彩心理学同样是须要考虑的因素。背景不仅仅是内容展示的平台,同时也想访客传递着信息。深色通常会显得更加优雅,也会展示走神秘感。从色彩心理学上来看,黑色传递出文雅、正式、名气、权力的感到,这兴许是为什么很多大品牌会缭绕着黑色来做视觉设计,并且利用黑白来做重要的配色计划。熟知黑色的这一属性,可能在UI设计进程中为客户供给优良、公道的设计计划,并可能给出清楚的说明。

深色背景的上风
综上所述,咱们可能总结出深色背景的上风:
·作风化,优雅
·给人神秘的感到
·带来奢华跟高真个气氛
·领有辽阔而良好的对比度
·更轻易发明视觉品位感
·发明视觉深度,让内容更轻易被获取
·视觉吸引力

值得思考的问题
另外,
工业产品造型设计深色背景也有费神的一面,假如不公道计划细节的话,用户轻易在布局间迷失。所以,咱们还有一些问题是值得思考的:
·用户研究:针对目标用户进行实际考察、实际研究跟实验,得出来的数据跟信息是发明有效跟有吸引力的配色计划的基本。
·竟品研究:对竞争对手、竟品进行是市场调研,调研结果会影响设计计划,让产品更轻易被理解,发明更加凝视标设计。工业形象设计在我们许多人出生之前,物品都是手工制作的,生产成本要高得多,这使得大多数人无法像我们今天这样消费。生产的工业化使大规模生产成为可能。大规模生产是指通过高度自动化的过程,以低成本大批量生产一种产品。
·用户测试:深色系背景在不同的设备、不同辨别率下的可读性、清楚度上的实际后果,通过测试寻求影响因素。工业产品结构设计如果没有工程师来简化和优化大规模生产过程,这一切都不可能发生,产品设计公司的产品设计师是工业革命背后的力量。不仅仅是工程师,产品设计公司的产品设计师也是艺术家,他们找到了很多方法,不仅可以让很多商品便宜,还能让这些物品美观。
·环境因素:剖析产品可供给给用户其余方面的支撑,以及用户觉得恶感的起因等外部因素。
·内容量:页面的内容的笼罩范畴跟背景深浅等典范因素之间的配比,以及它们对用户利用闭会、视觉感知的影响。
·内容属性:深色的背景对图形跟文本等不同属性的元素的影响。

相关新闻

  • 在线客服
  • 联系电话
    13543268180
  • 二维码

    扫一扫
    关注我们