020-29815005
预约专线时间:09:00-23:59

UI设计中黑白如何搭配

新闻来源:优漫教育 日期:2021-08-13
我们都知道,色彩在ui设计中扮演了一个重要角色。恰当的配色将瞬间增强用户的体验,延长用户的停留时间,间接提高用户的转化率。因此在众多色彩中,今天我们UI设计培训学校主要来谈谈黑色与白色的搭配。
 一、影响颜色搭配的因素。

  商品色彩风格的确定要综合多种因素,其中包括色彩方案制定初期要考虑的因素。

  二、可读性

  画面背景颜色的选择对内容的可读性有很大的影响,而这也是产品用户体验中最重要的部分。由于我们主要通过眼睛来获取信息,如果本产品的屏幕内容看不清,就没有继续使用的欲望。特别对以文本为主体的app或网页来说,可读性不佳,会导致用户忽略重要信息,增加用户的阅读成本。使用者必须花费很多精力来获得信息。因此,即使你的产品在其他方面表现出色,缺乏可读性也会让你失去很多用户。


UI设计培训学校


  三、适应性。

  无论是设计应用程序页面还是网页,我们都要记住,用户将在不同的设备下使用我们的产品。在高分辨率屏幕下,有些很酷的效果会被低分辨率的屏幕弄脏,原有的效果无法体现。所以,设计师应该注意不同屏幕下的产品搭配。当然,在设计的早期构思阶段,应该考虑哪种布局和配色能很好的搭配。举例来说,一个卡片设计可以分割和重组页面内容,以适应不同的屏幕。卡片本身也有强大的可扩展性,可以大或小。卡片设计能够在不同大小的屏幕上保持统一的视觉风格。


  四、运用情景

  另外,当你选择合适的配色方案和背景类型时,还要考虑用户的使用场景。例如,在自然光线的投影下,黑色背景会产生反光效果,特别是平板电脑和智能手机的屏幕,会影响使用者对屏幕内容的阅读。另外,在光线不好的情况下,暗底导航更适合用户。所以设计者应充分考虑不同的使用场景、色彩组合、对比度和使用阴影。


  五、可视层次

  同一个网页的内容具有不同的优先次序,有些内容很重要,或者我们首先想让用户看到,这种优先级高的内容在设计时要着重于性能。利用颜色搭配,可以建立网页的视觉层次,突出用户需要关注的信息。模煳效应是衡量网页视觉层次的重要测试手段。

  模煳性的效果可以帮助我们确定网页的视觉重心,从而了解用户的注意力是否集中在我们想要关注的内容上。这个方法实际上很简单。只要把图片输入到Photoshop中,图像的模煳程度在5-10px之间。正如上图所示,经过模煳处理的页面模拟了用户首先看到的场景:用户对页面的总体布局有一个大致的理解,但是并没有注意到细节。假如我们无法在模煳的状态中找到任何焦点,这意味着重新进行一些调整。


  六、确定产品目标。

  该产品存在的意义在于能够满足用户的特殊需要。例如美食外卖app解决了用户不出门就能享受美食的需求;微信解决了用户相隔万里却想要沟通的交流需求;微博满足了普通用户不出门就能享受美食的需求;我公司产品的核心价值是针对用户的具体需求,也可以理解为产品的核心竞争力是满足用户的特殊需要。因此,在开始设计网页之前,要充分理解产品的核心功能定位。

  若您的产品是博客应用程序或电子图书,浅色背景可能更好。由于这些产品都是以文字为主,内容的可读性占据用户体验的第一位。经过实验研究,科学家发现深色文字在浅色背景下表现更好。由于浅色会增加页面的空间感,不会显得沉重而拥挤,用户更容易关注内容。

  相反,如果你的产品需要在视觉上具有强大的吸引力,黑色的背景会更适合。因为黑色背景虽然看起来比较厚重,但是它会吸收页面中其他元素的光线,更有利于它呈现非文字形式的内容。因为产品的内容不仅仅是关于文字的,而且图标、图片、符号、数字等等都属于内容的范畴。此外,深色背景可以为产品创造独特的奢华神秘感,并能从深层中反映内容。


  七、定义和分析目标用户群。

  知道你的用户是谁,知道他们希望从你的产品中得到什么,这将为你下一步产品的界面风格定位提供一个主要的指导。中年用户喜欢浅色的背景界面,因为内容更直观,导航更清晰。年轻的人喜欢黑色的背景,因为它更自然,更时尚。年轻人对快乐明亮的界面没有抵抗力,一些有趣的细节设置也能吸引低龄用户的注意力。

  1、学习竞争。

  除了你们的产品,你们还得面对许多同类产品的竞争。所以,我们要研究市场上的同类产品。在此基础上,我们可以了解到哪些设计方案已被竞争对手所采用。另外,最糟糕的情况是,当产品进入测试阶段,并且即将上线,你会发现市场上已经有非常相似的产品。所以,在产品研发的初期,市场调研可以抛弃一些过时无用的设计方案,避免失败。

  2、生产试验

  为了保证设计方案在不同设备下具有相同的用户体验,在测试阶段应对不同分辨率、不同屏幕环境下的产品进行测试。