扁平化元素拟归天计划模拟色彩、纹理、形态乃至理论生涯中一定的理论形态

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 网页设计的扁平化与可访问性讨论

网页设计的扁平化与可访问性讨论

日期:2013-03-09   来源:原创
092013-03

Color Scheme Designer向你展现单色、双色、三色、四色、以该类推的色盘,并让你更多理解某个一定色彩怎样与别的色彩彼此莫须有。


Odopod.com展现了一个优美的运用了粉色、红色以及高规格图片的柔以及的比照色。

在上图中,右边的,扁平化计划展现了方形/矩形元素以及高比照色的按钮。

网上由不少精彩的教程以及家伙来扶持你创立准确的颜色组合。


Symb.ly是一个运用了极简款式来让你专一于意思的高比照度网站。在白文中,咱们将看一下近来扁平化计划带来的可拜访性晋升以及使患上互联网络或者多或者少更凋谢以及可用性。


unfold.no 是一个运用了典雅、容易计划以及模糊意思的网站。当转换到灰度版本,全部元素都彻底可鉴别。

扁平化以及拟归天的两个划算器比照展现了两种技能之间的相反。


根本形态、实色以及容易的图标构成为了某个优良的iPhone肌肉的一全体,它展现了佳的扁平化UI元素。


那里的共用元素是运用大而模糊的高比照色字体加强可读性(比拟像Sans-Serifs)

另外,模糊的大字体可用来根本元素中以创立Web以及UI中强比照色的按钮,从而扶持用户等闲地鉴别指定元素的性能并将之与别的元素区离开来。以后计划中的趋向囊括高比照色的大字体、模糊的自界说字体战争衡的段落的运用——根本上便是,把传统印刷排版带回Web中来。该署准则加强了易读性以及可读性,普及了易用性的另一个上面。说道元素,该署扁平化的元素在计划内中中变患上真的很不足道,所以它们无助于于给于扁平化计划流程共性以及强度,从而构建更好的全部按钮以及界面元素的体现、可见性以及模糊性。


bigtop.it. 运用了大的字体以及元素,冷色以及柔以及的色彩之间的软比照。他们界说的比照度恰到益处。另一上面,拟归天计划经过寄予按钮更大的不足道性而使患上它们很凸起,而意思却所以低比照度而不太夺目了。


aaugh.it 极简主义带来的繁难的劣势以及过度的比照度


cheesesurvivalkit.com 有个优美的灰、白、红三色,提供了强比照度并晋升了可读性以及元素鉴别度。

扁平化元素

拟归天计划模拟色彩、纹理、形态乃至理论生涯中一定的理论形态,因而能对于于于不喜爱新技能以及更喜爱仿事实条件的人无比有扶持。字体能让用户聚焦在乎思,从而变成计划流程中不足道的一全体。当初,让咱们看下底细上面。所以扁平化计划运用根本的形态,比方,业余/不业余的多角形,它们更轻易鉴别。

实色与高比照色

到当初为止,咱们探讨了利用于大字体以及图标的高比照色。而右边的拟归天划算器,运用了低比照色以及一大批的平面以及暗影元素。


Color Scheme Designer, 一个很赞的家伙,能够检察色彩混淆时的体现,而后用厥后果作为创立高比照色的扁平化计划的参考。在网页计划中运用高比照色不是一个新的理念。

同声,高比照色也能够被用来色彩以外,比方形态、分配、高低、线性、纹理以及字的粗细。扁平化计划寄予按钮自身较小的不足道性同声加强了意思(本例中的数字以及数学标记)。

。实事上,积年来,高比照色被用来为网页计划中一定的要害元素提供更好的视觉动机。

高比照色网站及其灰度范例

那里是一些高比照色网站及其灰度版本,有的做了负反转,展现出优美的计划是怎样自然的兼容了可用性以及易用性理念的。

这几年互联网络变迁很多多少,咱们在网上参观的形式也同样。但是,平视障用户能有多罕用户呢?保持这种计划步骤对于他们会有价格吗?好吧,以及拟归天计划绝对于应的,扁平化计划,有不少劣势能够扶持到该署非凡是需要。

大字体以及小图标

不仅是在扁平化计划中,极简主义计划也同样,大字体元素是不足道的一种体现。


metaphiziks.com 很圆满的晋升了意思预示。究竟,高比照色的自界说字体能晋升可拜访性是一个家喻户晓的实事。

上面的例子展现了扁平化计划怎样晋升以及寄予意思更大的不足道性,从而能证实平视障用户是有扶持的。实事上,休闲转该署全部元素及其响应的比照度能晋升你的计划的体现,并使你的计划让视弱的人更易用。

[ 关键字:网页设计 ]


相关阅读:
  • 东莞H5网站制作的必要性 [11-02] H5网页设计_H5网站设计,目前整个网络向全世界开放约15亿用户接入互联网,未来将更加强大。通过建立一个网站,你可以更好地展示个人/企业或机构。目..
  • 东莞网站设计与制作的区别 [11-02] 网页设计:网页设计是让艺术家设计网站中所有网页的效果图,就像建房子之前,会邀请著名设计师设计房子的外观。网页设计需要Dreamweaver、烟花、PS图..
  • 网站设计:注意网站导航条的设计 [10-22] 网站的网址导航条作为一个网站的主题部件,对整个网站起着举足轻重的作用,是提高用户访问体验的重要部件。东莞网站建设包括域名注册查询、网站策划..
  • 网站建设中的网页页脚设计技巧 [10-21] 网站建设中的网页页脚设计技巧
  • 社区类网站什么样的话题参与人数多? [10-16] 社区类网站什么样的话题参与人数多?社区类网站虽然不好运营,但是一旦运行的好会有非常多忠实的粉丝,网站有很多获得利润(profit)的方式方法。东莞..
  • 如何让网站制作建设中的代码简化? [10-12] 一个有利于搜索引擎(Engine)排名(Ranking)的网站制作必定是经过优化(optimalize)的网站制作,然而,所谓的优化应从网站制作建设开始。东莞网站设..
  • 东莞网站建设中网页设计的重要性 [10-12] 网站建设已经成了现在公司(Company)公司发展线上业务必不可少的,并且作为公司的宣传第一形象,网站的设计一定要重视起来,网页的设计显得尤为重要,..


在线QQ咨询