您的网站设计应该使用暗模式吗。

随着黑暗模式设计的兴起,在黑暗中进行尝试也有了新的含义。这是过去几年最受欢迎的功能之一,苹果和谷歌都将黑色主题作为用户界面的重要组成部分。但这是为什么呢?有什么好处?有什么陷阱吗?这些都是在设计暗模式时需要考虑的首要问题,同理,这些问题考虑到了网站设计当中。

您的网站设计应该使用暗模式吗?(图1)

为什么要使用暗模式呢?

我们几乎一直在使用手机,一般人每天花在手机上的时间超过4个小时,而且这个时间每年都会增加。这些数据并不特别令人震惊,只要在大街上走一走,或者在公共交通工具上走一趟,您就会看到几乎所有人都弯着脖子,目不转睛地盯着屏幕。我们用手机做任何事情,从电话费到娱乐,这意味着我们随时都需要它们。这就是黑暗模式可以帮助的地方…

它可以减轻眼睛疲劳

除了颈部疼痛和拇指轻微抽筋之外,频繁使用手机也对我们的眼睛有害,据预测,三分之二的人会因过度使用手机而导致眼睛疲劳。暗模式可以帮助您解决这个问题,让您在夜晚或清晨等光线较暗的时候更容易看清屏幕。它对眼睛更容易,造成更少的压力,从长远来看是更好的。

节约电池

暗模式也被发现可以延长电池寿命,根据PhoneBuff最近的一项测试,iPhone的电池续航能力可以达到30%。然而,这只有在用户使用OLED屏幕时才成立。在这种情况下,黑色的像素点不显示电量,而LCD对应的像素点无论显示什么颜色,显示的电量都是相同的。

您可以尝试更多的设计

通过实现网站设计的暗模式,您可以尝试不同的功能,这不仅仅是将白色转化为黑色。您可以在颜色和外观上比来比去,看看哪个更好看。这也可能意味着您在灯光网站设计的某些变化上受到了启发。

事情需要考虑

切换到黑暗模式并不是一个神奇的解决方案,也不是每个项目都适用。仔细考虑暗模式的使用是很重要的。

专注于您的内容

暗模式更强调界面的内容区域,允许某些内容突出,而周围的区域则更容易淡出背景。在设计暗模式时一定要记住这一点,并确保最重要的内容具有很强的焦点。

在明暗模式下测试您的设计

我们已经确定,您不能只是颠倒您的颜色,使网站设计在黑暗模式下工作。但是您也不能忘记在两种模式下测试您的网站设计——毕竟,您不希望这两个界面在美学上有太大的不同,以至于您不能分辨出它们是同一个网站设计,否则用户会感到困惑。

找出您的调色板

确保您的默认调色板是由功能而不是由颜色定义的——不要害怕添加更好的新颜色。在暗模式下,您将使用一个前景色更亮,背景色更暗的调色板。找到一个柔和的配色方案,它工作得很好,没有太多的颜色-最好保持简单。如果您需要一个白色背景,确保它是一个稍微暗一点和柔和一点的白色,这样可以防止背景在周围的黑暗内容中发光。最佳实践建议在文本和背景之间使用至少15.8.1的对比度。

不要忘记文字

如果用户将屏幕亮度调到最低,则需要确保文本仍然清晰可见。毕竟,您希望它是深色的,但仍然可以使用。检查它是否有足够的对比度和某些元素,意味着要区分彼此,确保原色和副色是分开的,并且容易分开。在深色背景上的浅色文字可能会比其他背景更醒目,所以您可能想要在深色模式下使用更轻的字体——试验一下,看看哪种效果最好。

确保用户可以在常规模式和暗模式之间切换

一些公司采取的方法是,让系统决定何时关闭和打开黑暗而常规的主题,在它认为最好的时候在两者之间切换。这可能会让用户感到沮丧,让他们不想再使用网站设计或程序。虽然它可能是为在特定时间的最佳使用而设计的,但是让用户自己做决定并进行控制。有些人可能更喜欢一直使用暗模式或亮模式,而不想切换;允许用户根据自己的需要轻松地打开或关闭黑暗主题。使切换容易找到,否则用户可能会感到沮丧并关闭网站设计。

确保目标受众被牢记

在直接跳到重新构建一个新的暗模式界面之前,重要的是要考虑用户是谁。如果他们是年轻时髦的用户,白天和晚上都在使用手机,那么暗模式可能是个好主意,但是如果他们年龄更大,更传统,他们可能会更喜欢"纸质"界面。做一些研究,弄清楚谁使用这个网站设计和什么目的。暗模式往往会降低可读性,所以如果网站设计是一个博客或新闻,那么暗模式就不太可能做得很好。如果它有简单的内容,或者专注于图像或视频,暗黑模式就很好——Netflix就是最好的例子之一。

黑暗模式的陷阱

暗模式并不适用于所有网站设计

如果您正在设计的网站设计是一个文本或数据非常多的网站设计,或者包含了大量的元素,如文本、图像、数据和下拉列表等,这对设计是一个挑战。这样做的主要原因是试图保持足够的对比,这对所有元素都适用。一般来说,所有的颜色(除了最淡的,很难看到)都适用于白色背景,而深色背景会大大减少您可以使用的数量。

黑暗模式并不总是更好的眼睛

虽然在光线较弱的情况下(比如当您要睡觉或起床时)使用常规模式会更好,但人们发现暗模式并不总能解决问题。在明亮的光线条件下,文字会被洗掉,这实际上增加了眼睛的疲劳。

暗模式可能与现有品牌不符

由于事实上您需要一个更受限制的调色板和许多标志设计与白色背景在脑海中,黑暗模式可能不符合公司现有的品牌。当平台有很多元素时,这是很有挑战性的,并且站点在切换模式时可能看起来非常不一致。

暗模式使工作负载加倍

作为一名设计师,在不添加全新网站设计的情况下,在正常模式下做网站设计已经有很多事情要做。虽然核心元素是相同的,但它仍然需要重新制作和修改,以充分适应黑暗模式。这是作业的整个额外部分,可能没有考虑到。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/226825.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月22日 20:57
下一篇 2023年2月22日 20:57

相关推荐

  • 实战复盘!拿下 iF 设计奖的 CleanMyMac X 是如何设计出来的。

    编者按:这篇文章来自英国资深设计师 Dmitry Novikov,他是著名 Mac 管理类工具 CleanMyMac X 背后的视觉和体验设计师,他将设计的过程和想法发布到他自己的 Behance 当中: CleanMyMac 可能是 Mac 平台上最常用的 …

    2023年3月1日 SEO操作
    01
  • 公司网站设计如何把控好细节?

    网站设计,现在对于一个企业来说,建立网站是非常有必要的,但是首先也要弄清楚建立网站的要点,这样才能够更快更好的将网站建立起来,并且让网站发挥自身的重要作用。那一个好的网站建设也离不开对细节的把控,在…

    2019年10月23日
    0270
  • Behance设计官网上的行为艺术。

    Behance设计官网首页上被热捧的作品通常包含网页、插画、摄影、品牌、包装、产品外观造型等等领域。今天分享到的是一组非常趣味的行为艺术摄影作品及手绘水彩作品。在全球新冠状病毒疫情袭击下,很多设计大神仍然坚…

    2023年2月22日 SEO操作
    00
  • 细说说 Apple 魔鬼式的网页设计。

    Apple 致力于让每件产品都赏心悦目,与其说官网是产品展示平台,倒不如说它是苹果产品分支的延续。 我相信,从 Apple.com 找设计灵感是每一位设计师都做过的事。那它到底有何魅力?跟我来一探究竟吧。 沉浸与交互式…

    2023年3月1日 SEO操作
    01
  • 经验分享企业网站建设方法。

    企业网站建设方法包括需求分析、规划设计、技术实现、内容策划、测试上线和运营维护等步骤。 (图片来源网络,侵删) 企业网站建设是企业在互联网世界中的一张名片,它不仅可以帮助企业展示自身的形象,还可以通过…

    2024年7月1日
    03
  • 拒绝千篇一律!企业官网设计升级的超全实施手册。

    官网作为连接产品/企业与用户的第一道门,给到用户的第一印象至关重要。官网就像一个会自述的虚拟人物,我们通过视觉设计赋予它形象,它用符合人设性格的话术,向用户介绍产品/企业。怎样的形象、表述能获取用户好…

    2023年3月7日 SEO操作
    03
  • 我来教你如何创建自己的网站。

    购买域名和主机,设计网站布局,编写代码或使用网站建设工具,上传内容并进行优化。 (图片来源网络,侵删) 创建自己的网站是一个既有趣又富有挑战性的过程,无论你是想要分享你的想法,推广你的业务,还是仅仅为…

    2024年7月1日
    02
  • 我来教你现代网站设计的六大要素是什么。

    现代网站设计的6个要素,每个领域都有其发展趋势。有些东西变得流行起来,而有些东西则变得无足轻重。同样的规则也适用于现代的网站设计,传统的规则和趋势是不断变化的。如果经典的样式使你的网站时尚和易于识别,…

    2023年6月13日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息