暗黑模式有什么用|暗黑模式设计解析( 五 )


文章图片

5)分割线
分割线在暗黑模式中建议根据界面中常用的背景色 , 通过透明度换算成实色使用 , Ant Design 中分割线主要有 #434343 和 #303030 两种颜色 , 分别对应浅色模式下的 #D9D9D 和 #F0F0F0 , 这样做的目的主要是为了避免带来额外的交错叠加 , 尤其对于表格类以及很多带有 border 属性的组件 , 实色会更为稳妥便于记忆 。
暗黑模式有什么用|暗黑模式设计解析
文章图片

五、结语暗黑模式最近越来越受到人们的关注 , 与某一特定产品的暗黑设计不同 , Ant Design 的暗黑模式更多以设计体系的角度考虑企业级这个大场景下的内容 , 在易用性、扩展度、复用度等方面还有许多需要完善和继续研究探索的地方 , 我们会在未来的迭代中逐步进行 , 先完成再完善 。
希望上述内容能对大家在暗黑模式的设计上有所帮助 。