隨著人類繼續花費更多的時間與技術互動,深色主題爲與數字世界互動提供了一種更輕松的方式。
今天,北京分形科技,北京高端网站設計、高端网页設計公司,和您分享黑暗模式設計的技巧。
1.顔色的飽和度和對比度
通常,使用深灰色作爲主表面顔色要容易得多,而不是使用真正的黑色。在選擇顔色時,還需記住,飽和色通常會在非常黑暗的表面上痛苦地振動,從而使它們難以閱讀。降低顔色的飽和度將有助于降低對比度,並使您的網站更受歡迎。200-50範圍內的較淺色調在深色主題上具有更好的可讀性。此外,建議您在背景和文字之間使用15:8:1的對比度。
2.考慮色彩心理學
您需要记住,您是为主要是在寻求更轻松,更柔和的浏览体验的用户而設計的。颜色的心理学显示色彩的选择可以在任何环境下影响或破坏买家的旅程。但是,色彩心理学的一个经常被忽视的方面是,人们在黑色背景下对阴影的理解有所不同。例如,考虑绿色。在明亮的背景下,它传达了自然甚至财务财富。但是,在黑暗的背景下,同样的绿色可能会变成有毒,有毒甚至生病的东西。请务必考虑最终用户到达您的网站后将获得的印象。
3.用戶體驗
请记住,无论用户选择如何浏览,您都需要在两个主题中测试設計的性能和影响,以确保它们提供相同的体验。尽管暗模式应该为最终用户提供不同的体验,但仍然需要感觉好像他们在同一网站上浏览一样。这意味着您将需要尝试最自然的亮暗模式选项组合。
4.暗模式設計的其他重要技巧包括:
關注您的內容:確保您的內容在頁面上引人注目,而不至于太過壓倒性。
测试您的設計:在浅色和深色外观中,您都需要确保一切正常进行。
爲界面采用鮮豔度:鮮豔度有助于改善背景和前景之間的對比度。
使用語義顔色:語義顔色會自動適應網站的當前外觀。無法適應的硬編碼顔色值看起來更具攻擊性。
桌面著色:嘗試使用諸如透明度和過濾器之類的方法,使您的網站和應用程序略帶色彩-非常適合深夜浏覽
圖標:如有必要,可將單個字形和圖標用于黑暗和明亮模式。
更多黑暗模式設計技巧,高端网站設計、高端网页設計、網站建設等相关,欢迎您咨询北京分形科技!