一页米粥 设宝
13天前 浏览:572 设宝 作品版权由 一页米粥 解释, 禁止匿名转载;禁止商业使用;禁止个人使用

#Antd# #像素# 一个非常纠结的设计小问题,秉着求真务实(钻牛角尖)的态度,总算理清楚一些了。
图1:之前看UI体系里面发现Antd喜欢用15%的不透明度的黑来做boder(button的和input的等等),其官方设计资源里面就是这样(如图1)。每次从kitchen里调用的也是。
图2:但是这样会出现一个问题,当fill颜色不一致的时候,boder显示的颜色就会出现差异。比如网页输入,固定内容的边框就会明显深,强迫症就受不了了。每次看antd这个资源组件都觉得不太对。后来看element的组件,其boder用的都是非透明色,就直接解决了这个统一的问题。
图3:后来我去用F12翻Antd官网的样式,发现样式表里写的boder基本都是纯色D9D9D9,不是透明度的纯黑,简直呵呵了。和资源里的不一致。
图4:事实证明,在纯白bg下,d9d9d9和15%的000000观感是一样的。



最后,我决定去改下component的样式。

  • 设宝
  • 设宝
  • 设宝
  • 设宝


收藏
3
转发
相关推荐 换一批
评论更精彩
表情
并转发到我的设会



把细节放大
12天前
回复| 0
设宝协议设宝指南版权协议授权方式
举报投诉 ·  联系我们 @  sheboo@qq.com


如何成为推荐设计师>>