广州设计培训学校
全国服务热线:400-6156-870

位置:广州设计培训学校 > 学校动态 > 网页设计中布局比颜色更重要

网页设计中布局比颜色更重要

来源:广州设计培训学校时间:2020/3/1 16:42:02

  我们在做网页设计中容易忽略的一个问题和一个使用群体,因此特意拿出来重新进行翻译整理,希望能够帮助大家做出更好的设计!

  颜色,是个强有力的工具,特别是对于设计领域来说。

  它能够传递情绪和感情,给设计增添存在感并提高品牌认知度。但是我们经常看到,存在色觉障碍的用户会在五颜六色的界面上因为导航而痛苦不堪。考虑到这部分人,我经常建议设计师要时时牢记无障碍性这个问题,并在灰度格式下对网页进行测试,保证在颜色无法正常表现的情况下也能达到完善的实用性。

  存在色觉缺失的用户可能会难以分辨某些颜色之间的区别。常见的色觉缺失就是红绿色盲,这个人群看红色和绿色感觉是一样的。

  下面是一张来自Color Matters的常见色盲表格图示。

  通过这张表格我们发现,要填写这张在线表单,就必须靠考虑到存在这种色盲问题的用户能不能看到红色的错误信息。

  再来看看Avis给我们的主页预订表单。我在没有填写任何东西的时候点击了“继续”按钮,所显示的“请输入接取位置”信息是以纯红色文字显示的。

  下面我们使用Colblindor这款色盲模拟器看看透过红色色盲用户的眼睛看待同一布局时的情形。

  我们发现红色错误信息的高亮对比效果没有了,取而代之的是绿色的文字,这些文字和页面上黑色的内容几乎完全融合,非常容易看不到。

  再看一个来自Budget主页预订表单的示例,这里我点击了“以客人身份继续”的按钮,收到了错误信息。在这种情况下,红色的错误信息表现为红色文案遮盖住了输入框的标签,同时实际输入框外面有一圈红色边框。

  下面我们使用色盲模拟器看看透过绿色色盲用户的眼睛看是什么效果。

  我们发现红色看不见了,取而代之的是淡绿色。绿色的文案没有足够的对比效果,无法引起人的注意,同时输入框的边界也没有了高亮效果。

尊重原创文章,转载请注明出处与链接:http://www.gothiccam.com/71/news/162069/违者必究! 以上就是广州设计培训学校 小编为您整理 网页设计中布局比颜色更重要的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-6156-870

>
小金棋牌 快乐飞艇大小 快乐飞艇怎么买 快乐赛车app下载 快乐赛车哪个网站有 快乐赛车是哪个国家的 快乐赛车代理资源怎么找 山东十一运夺金开奖结果 快乐赛车大战破解版 快乐赛车微信群