黑暗还是光明?

主题在确定数字产品的体验中起着重要的作用。 一些产品使用浅色来给人舒适和简单的感觉。 而其他产品则希望使用鲜艳的色彩来强调自己的品牌,并为其创新或开箱即用的想法创造一种“新”的感觉。 从印刷术到点或线,可能有上千种谈论数字产品的感觉。 作为设计师,我们都知道我们在这项工作上所花费的时间和精力!

但是,这里有一个未解决的问题- 背景色 ! 有些人喜欢坚持白色,而另一些人则对黑暗主题感到惊讶。 有粉丝但没有正确的答案-我起初以为是这样,但是后来我拿起笔记本进行了以下研究:

  1. 可读性 -在这种情况下,白色背景无疑会胜出。 除非绝对没有必要,否则主要的博客都倾向于保持自己的肤色(当出现图片时,例如,接下来要讨论的新闻!)。 在白色背景上的眼睛很容易进行调查/表格。 文本繁重的平台(wordpress.com,medium.com,苹果笔记,日记等)正确地贴在白色背景上,以方便读者阅读。
  2. 图像大声 —图像在黑暗背景下往往会越来越亮。 为何很少有媒体公司总是对黑暗主题(spotify.com,netfilx.com等)感到兴奋。 虽然这里有个问题-图片繁重的平台(例如pinterest和instagram)在其图片上使用了灯光效果 ,因此它们的主题只是看起来很漂亮! (白色很简单,黑暗很神秘-接下来讨论)。 图像的答案取决于产品的想法,无论是主要浏览还是用户将更多时间花在一个特定项目上—对于音乐和电影而言,无疑都是赢家。
  3. 心理 -白色代表希望,简单,清洁,善良和纯正,而黑色则代表大胆,神秘,力量,优雅,邪恶和力量。 为什么有些人喜欢白色手机,而另一些人只想要经典的黑色机身(因此他们可以享受游戏,照片和电影!)的原因。 我喜欢Uber如何将自己打成黑色,但毫不犹豫地在其应用程序的大多数页面中使用白色背景来获得用户的喜爱。
  4. 链接和按钮 -黑色主题使按钮或链接比实际突出。 切记要相应地调整设计,而不是盲目地切换深色和浅色主题,或者在不改变颜色的情况下进行实验。
  5. 避免混乱 -可以完全避免混乱。 有趣的是,有些设计师选择浅蓝色作为浅色主题,或者选择深墨蓝色作为深色主题,而不是坚持使用全黑或白色背景。 我认为它非常明智和有用。

这是Google进行材质设计的示例UI设计模板。 它明确指出了一些要点,并强调了所讨论的想法-关于流行色,使用经过调整的背景色和按钮色。 还重新强调了感觉部分。

浅色与深色UI设计

请注意,所有内容与上述各点以及上述设计之间的关系是多么仔细—

  1. 加号在浅色背景上更加突出,因此可读性与具有清晰边缘的对象(如文本)的可见性有关。
  2. 黑色背景中的绿色已调低。 这是因为相同的绿色将因背景更加突出 。 它看起来几乎是闪光和对比的,所以已经变暗了。 您可以尝试自己的同一种颜色,只是看起来很难看。
  3. 最主要的是这些设计的感觉 。 左边的一个更适合清洁,而左边的一个可以是游戏/图形繁重的应用程序。
  4. 他们使用深色和浅色调的色调来避免混淆,因此设计背景不是完全白色或黑色。

这个想法很简单,可以避免夜班切换(Twitter和Youtube最近这样做了)。 这可能只是个人喜好问题,因此可以称为提供个性化体验,但是对于产品和品牌,弊大于利。

谢谢阅读。 设计愉快!