杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作
查看详情设计要在页面上所有其他事物之上立即吸引了他们的注意
通常,对比主题只供初学者使用。书中会说“黑色和白色有对比,红色和橙色没有对比” –但是还有很多。
初学者书籍通常只涉及颜色对比,但是尺寸和形状对比又如何呢?告诉专业业余设计师最简单的方法就是看他们对对比度的使用。
使用大小,形状和颜色创建重要的结构可以使页面产生影响并让读者看得清楚。
在这篇文章中,我们将详细研究对比度,研究大型字体,时髦的形状,清晰的分隔线,图像以及如何通过对比度将它们正确地组合在一起,以提供良好的用户体验。
对比介绍
对比度可以定义为“使对象(或其在图像中的表示形式)与其他对象和背景区分开的视觉属性差异。” 用朴素的英语可以将其最基本的层次描述为“看起来彼此不同的事物”。
对于各行各业的设计师,尤其是网页设计师而言,对比是几乎所有事物的根本。我们一直在努力建立重要的层次结构,将人们吸引到页面的某些区域,并在工作的核心传达清晰清晰的信息。在设计的不同元素之间创建关系只是您可以做的最重要的事情。您可能已经有意或无意地进行了很多工作。
对比的明显例子是黑白,大与小,快与慢,浓淡。相反是掌握对比度的最简单方法,但是当将对比度应用于设计工作时,它绝不会像黑白一样。如果您想知道,那就是关于“黑白相间”的说法,这也导致了所谓的“灰色区域”。在设计中,我们经常比较不同但并非相反的事物,例如H1和h1,或“添加到购物车”按钮和“签出”按钮。这是更大的对比度发挥作用的地方。
让我们看一下不同类型的对比,以及一些如何在网页设计中使用它们的示例。
色彩对比
最常见的例子就是这一切。如果两种颜色彼此不同(例如黑色和白色),则它们具有高对比度,而如果它们非常相似(红色和橙色),则它们具有低对比度。
泰克罗克
TekRoc通过在明亮的背景上覆盖明亮而充满活力的图像,使用非常明显的色彩对比。明亮的橙色和蓝色清晰地脱颖而出,并且在页面上所有其他事物之上立即吸引了他们的注意。
戈瓦拉
Tim Van Damme在GoWalla网站设计中充分利用了色彩对比。通过与浅色背景不同,页面顶部的彩色边框不仅突出并引起视觉上的兴趣,而且他还为按钮上的文本添加了非常微妙的1px阴影。稍深的橙色确实有助于在白色文本和橙色背景之间形成对比。
迷恋
Envato是精妙对比的大师,为此使用1px边框的趋势可能比其他任何人都可以接受。他们所有的站点都具有多个单个像素边框,以在各个部分之间形成对比。在上面的屏幕截图中,两个内容区域可能仅以空格或一行分开,但是通过使用两条线(杭州网站建设),它们在两个部分之间产生了微妙的对比度,这是非常有效的。
相关专题
热门文章
-
网页设计banner设计一般会考虑哪些方面,怎么设计更好看
2024-03-02
-
传统产业“互联网+”的下半场,网站建设行业未来可期
2024-02-27
-
如何设计出具有竞争力的网站
2024-02-26
-
如何判断一家网站设计公司是否靠谱?
2024-02-23
-
如何设计出简洁大方,色彩柔和的网站设计
2024-02-18
-
网页设计:如何设计可以让网站看起来更高级
2024-02-11
最新案例