公司动态| 关于联合企邦| 大连网站建设常见问题| 建站专题
当前位置:首页 > > > 黑暗模式设计的技巧有哪些?
来自:大连网站建设联合企邦
2021-03-29
浏览:次
随着人类继续花费更多的时间与技术互动,深色主题为与数字世界互动提供了一种更轻松的方式。
1.颜色的饱和度和对比度
通常,使用深灰色作为主表面颜色要容易得多,而不是使用真正的黑色。在选择颜色时,还需记住,饱和色通常会在非常黑暗的表面上痛苦地振动,从而使它们难以阅读。降低颜色的饱和度将有助于降低对比度,并使您的网站更受欢迎。200-50范围内的较浅色调在深色主题上具有更好的可读性。此外,建议您在背景和文字之间使用15:8:1的对比度。
2.考虑色彩心理学
您需要记住,您是为主要是在寻求更轻松,更柔和的浏览体验的用户而设计的。颜色的心理学显示色彩的选择可以在任何环境下影响或破坏买家的旅程。但是,色彩心理学的一个经常被忽视的方面是,人们在黑色背景下对阴影的理解有所不同。例如,考虑绿色。在明亮的背景下,它传达了自然甚至财务财富。但是,在黑暗的背景下,同样的绿色可能会变成有毒,有毒甚至生病的东西。请务必考虑最终用户到达您的网站后将获得的印象。
3.用户体验
请记住,无论用户选择如何浏览,您都需要在两个主题中测试设计的性能和影响,以确保它们提供相同的体验。尽管暗模式应该为最终用户提供不同的体验,但仍然需要感觉好像他们在同一网站上浏览一样。这意味着您将需要尝试最自然的亮暗模式选项组合。
4.暗模式设计的其他重要技巧包括:
关注您的内容:确保您的内容在页面上引人注目,而不至于太过压倒性。
测试您的设计:在浅色和深色外观中,您都需要确保一切正常进行。
为界面采用鲜艳度:鲜艳度有助于改善背景和前景之间的对比度。
使用语义颜色:语义颜色会自动适应网站的当前外观。无法适应的硬编码颜色值看起来更具攻击性。
桌面着色:尝试使用诸如透明度和过滤器之类的方法,使您的网站和应用程序略带色彩-非常适合深夜浏览
图标:如有必要,可将单个字形和图标用于黑暗和明亮模式。
感谢关注winnet.cc by 大连网站建设,大连网站制作、大连响应式设计第一品牌,联合企邦致力为企业用户提供高效、快捷、质量高的互联网技术服务。业务范围包括响应式网站制作、微网站、电商平台、微媒体、android/ios开发、域名注册、云主机及互联网技术服务。
TAG:大连网站设计
上一篇:要避免的基本Web设计错误有哪些?
下一篇:电子商务网页设计趋势是什么?
交互设计是一门新的学科,专注的是交互体验。在 网站设计 中交互设计有哪些设计技巧呢?今天和您分享网页交互设
已回答在 网站制作 中,创建暗模式UI时,某些过程需要正常运行。毕竟,您希望您的网站发挥作用,对吗?那如何使用暗模
已回答在网站策划和设计过程中,我们经常听到这样的讨论:“这个功能设计得太重了”又或“我们希望能够处理得轻一些
已回答有特色的页面才能吸引用户,留住用户,所以页面设计的好坏直接影响网站用户的体验, 在这个网速飞快的年代,用
已回答纪念馆是纪念重大历史事件,革命人物的场所,展示的不仅仅是历史物件还需要利用照片,音频,视频绘画等元素来
已回答