郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
网页扁平化设计与可访问性的关系是什么?
发布时间:2016-04-18 17:44:47

 这几年互联网网页设计变化好多,我们在网上浏览的方式也一样。在本文中,我们将看一下最近扁平化设计带来的可访问性提升以及使得互联网或多或少更开放和可用性。


  扁平化元素


  拟物化设计模仿颜色、纹理、形状甚至实际生活中特定的实际形状,因此能对不喜欢新技术和更喜欢仿现实环境的人非常有帮助。然而,对视障用户能有多少用户呢?坚持这种设计方法对他们会有价值吗?好吧,和拟物化设计相对应的,扁平化设计,有很多优势可以帮助到这些特殊需求。因为扁平化设计使用基本的形状,比如,正规/不正规的多边形,它们更容易识别。


  在上图中,左边的,扁平化设计展示了方形/矩形元素和高对比色的按钮。而右侧的拟物化计算器,使用了低对比色和大量的立体和阴影元素。


  扁平化和拟物化的两个计算器对比展示了两种技术之间的不同。扁平化设计给予按钮本身较小的重要性同时增强了内容(本例中的数字和数学符号)。另一方面,拟物化设计通过给予按钮更大的重要性而使得它们很突出,而内容却因为低对比度而不太醒目了。


  大字体和小图标


  不只是在扁平化设计中,极简主义设计也一样,大字体元素是最重要的一种表现。字体能让用户聚焦在内容,从而成为设计流程中最重要的一部分。当前设计中的趋势包括高对比色的大字体、清晰的自定义字体和平衡的段落的使用——基本上就是,把传统印刷排版带到Web中来。这些原则增强了易读性和可读性,提高了易用性的另一个方面。毕竟,高对比色的自定义字体能提升可访问性是一个众所周知的事实。


  这里的共用元素是使用大而清晰的高对比色字体增强可读性(比较像Sans-Serifs)


  此外,清晰的大字体可用于基本元素中以创建Web和UI中强对比色的按钮,从而帮助用户轻易地识别指定元素的功能并将之与别的元素区分开来。说道元素,这些扁平化的元素在设计过程中变得真的很重要,因为它们有助于给于扁平化设计流程个性和强度,从而构建更好的所有按钮和界面元素的表现、可见性和清晰性。


  基本形状、实色和简单的图标组成了这个优秀的iPhone皮肤的一部分,它展示了最好的扁平化UI元素。


  实色与高对比色


  到现在为止,我们讨论了应用于大字体和图标的高对比色。现在,让我们看下细节方面。在网页设计中使用高对比色不是一个新的理念。事实上,多年来,高对比色被用于为网页设计中特定的关键元素提供更好的视觉效果。


  网上由很多出色的教程和工具来帮助你创建精确的色彩组合。比如,


  同时,高对比色也可以被用于颜色之外,比如形状、分派、高度、线性、纹理和字的粗细。事实上,玩转这些所有元素及其相应的对比度能提升你的设计的表现,并使你的设计让视弱的人更易用。


  高对比色网站及其灰度实例


  这里是一些高对比色网站及其灰度版本,有的做了负反转,展示出漂亮的设计是如何天然的兼容了可用性和易用性理念的。

 郑州清新教育企业QQ:800060586 电话 0371-63218905    13613841515

联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586