捣鼓 wordpress 时,发现系统里的星级评分的设计方式挺新奇也挺实用,特别是在图床挂掉时还能保持色块指示,在可访问性方面要比普通方法做的更好。

视点:

中部镂空,周围用背景色覆盖的背景图是这个设计的亮点,正好和常规背景图设计相反,很有想法。

将此图放大,可以看的更明白些:

正常状态:

设置其他颜色和透明度:

这种设计的好处在于

  1. 可维护性:方便星星的颜色定制,方便换肤
  2. 可访问性:图床挂掉时还有背景色做保障,CSS 未加载也能通过内部文字体现涵义
阅读全文
 
, ,