文本和所处的背景的对比度至少为4.5:1

根据WCAG的规定(https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html),文本和所处的背景的对比度至少为4.5:1。这套规范主要是要确保弱视者、色盲看清楚屏幕上显示的文字内容。

这也就意味着,如果你的文字大小为24px,19px粗体的时候,文字的灰度最少也得是#959595.

对于最小的字体,能用的灰色最低也得到#767676,如果你的背景本身就是灰色的,那么文字的用色还得更沉才行。


下一个案例是BBC的网站,他们使用不同的色彩来强化对比,很明显他们的网站在对比度上做过很深的功课...

过年邀请函

1.5px的图标。

本可以更好

建模还是不够好呀,都没有个好点的足球建模方法嘛

视觉层次和逻辑层次,不相同的时候?

移动端会出现这样的问题,视觉层次和逻辑层次不相同的时候,是设计水平没到位?

还是不用考虑展示给用户的逻辑层次?

启动icon和排版设计

广告启动图。

页未央海报模版和电影模版。

做的一个app,夏花APP,部分界面。

新浪博客飞机稿。

很久以前的飞鹤奶粉

360浏览器redesign

新浪博客十周年部分页面

AE练习作品,持续更新

字体练习,持续更新。

公司内部浪去app

亮虾眼app

新阅天下圣诞节设计飞机稿

banner练习。。。。

黑灯app

1 / 3

© ux designer | Powered by LOFTER