文本和所处的背景的对比度至少为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

新阅天下logo,飞机稿

关于细节描写的延展思考

因为前些天画的那个豆芽快播的图标总感觉少些什么而让整个图标感觉不太好看。我想是不是快播的主体缺少了更多细节的修饰。

1。动画片

    《灌篮高手》看这个动画片的小伙伴都知道,一场比赛的最后三分钟能写成5,6集来演。整观《灌篮高手》这部动画片,大部分的是细节描写,而主线只给了一个大的框架,除了湘北对的比赛,其他比赛基本上都是一带而过。再整观一下日本的动画片,基本上全是细节描写为主体的动画片。

2.小说

     举个不合适的例子,黄色小说,男士们应该都看过,看的最精彩的部分也都是细节的描写,才让人...

1 / 3

© ux designer | Powered by LOFTER