设计细节很弱,如果按「像素眼」的要求,针对 demo 页,我提几点个人感受
1.阴影很虚,全部使用 0 0 Xpx 的阴影,会让整体看起来很不自然
2.间距很诡异,看到很多 10px 、25px 、16px 、.5rem 的值,使用的很随意,没有规则,导致多处看起来有的间距过窄、有得过大,建议使用按一定规则计算后的间距值,同样的问题在圆角处也存在
3.正文标题栏,存在外边距塌陷问题,导致上边距高 10px ,看起来没有垂直居中,很膈应;页面视图全屏切换时,字体大小、间距抖动很厉害,切换后正文 table 表格会变得偏左对齐,应该是个 bug
4.正文字体 13px 在大屏幕小有点过小了,各级标题对比、行间距这些看起来也有点过密集,建议多一些间距和留白
5.色彩上,如果页面不是纯黑白灰,背景不建议使用纯灰色(R G B 值相同),混一点其他颜色会更高级;正文中文字颜色好像只有#333 一种,建议标题更黑一点、正文稍浅一点,阅读效果会更好; table 表头建议改为更深的颜色或使用更浅的背景色+深色文字,现在的浅色背景+灰色边框视觉上感觉像是表头窄了 2 像素
举点个人觉得设计不错的例子
中文文档,石墨文档
https://shimo.im/设计细节,即时设计官网做的不错 https://js.design/