当前位置:首页 > 杭州商城建设开发

设计要在页面上所有其他事物之上立即吸引了他们的注意

2020-02-19

通常,对比主题只供初学者使用。书中会说“黑色和白色有对比,红色和橙色没有对比” –但是还有很多。

初学者书籍通常只涉及颜色对比,但是尺寸和形状对比又如何呢?告诉专业业余设计师最简单的方法就是看他们对对比度的使用。

使用大小,形状和颜色创建重要的结构可以使页面产生影响并让读者看得清楚。

在这篇文章中,我们将详细研究对比度,研究大型字体,时髦的形状,清晰的分隔线,图像以及如何通过对比度将它们正确地组合在一起,以提供良好的用户体验。

对比介绍
对比度可以定义为“使对象(或其在图像中的表示形式)与其他对象和背景区分开的视觉属性差异。” 用朴素的英语可以将其最基本的层次描述为“看起来彼此不同的事物”。

对于各行各业的设计师,尤其是网页设计师而言,对比是几乎所有事物的根本。我们一直在努力建立重要的层次结构,将人们吸引到页面的某些区域,并在工作的核心传达清晰清晰的信息。在设计的不同元素之间创建关系只是您可以做的最重要的事情。您可能已经有意或无意地进行了很多工作。

对比的明显例子是黑白,大与小,快与慢,浓淡。相反是掌握对比度的最简单方法,但是当将对比度应用于设计工作时,它绝不会像黑白一样。如果您想知道,那就是关于“黑白相间”的说法,这也导致了所谓的“灰色区域”。在设计中,我们经常比较不同但并非相反的事物,例如H1和h1,或“添加到购物车”按钮和“签出”按钮。这是更大的对比度发挥作用的地方。

让我们看一下不同类型的对比,以及一些如何在网页设计中使用它们的示例。

色彩对比
最常见的例子就是这一切。如果两种颜色彼此不同(例如黑色和白色),则它们具有高对比度,而如果它们非常相似(红色和橙色),则它们具有低对比度。

泰克罗克
TekRoc通过在明亮的背景上覆盖明亮而充满活力的图像,使用非常明显的色彩对比。明亮的橙色和蓝色清晰地脱颖而出,并且在页面上所有其他事物之上立即吸引了他们的注意。

戈瓦拉
Tim Van Damme在GoWalla网站设计中充分利用了色彩对比。通过与浅色背景不同,页面顶部的彩色边框不仅突出并引起视觉上的兴趣,而且他还为按钮上的文本添加了非常微妙的1px阴影。稍深的橙色确实有助于在白色文本和橙色背景之间形成对比。

迷恋
Envato是精妙对比的大师,为此使用1px边框的趋势可能比其他任何人都可以接受。他们所有的站点都具有多个单个像素边框,以在各个部分之间形成对比。在上面的屏幕截图中,两个内容区域可能仅以空格或一行分开,但是通过使用两条线(杭州网站建设),它们在两个部分之间产生了微妙的对比度,这是非常有效的。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号