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

将您的设计提升到一个新的水平,并不是要找到下一个随心所欲地使用圆角和阴影效果的潮流车

2020-02-19


尺寸对比
对比度的第二种最常见形式是使用尺寸。大的东西旁边的小东西通常表示较大的项目更重要。是的,我们是说大小很重要!

水生的
MadeByWater是Jordan Vitanov的设计作品集。他使用尺寸对比和超大字体来立即传达布鲁斯·李(Bruce Lee)的名言,这定义了为什么他选择使用MadeByWater名称为自己打品牌。

28层
28Thiers是法国一家颇具吸引力的高档酒吧。他们的网站充分利用尺寸对比来吸引您的注意力,立即注意周围带有各种配料的马提尼酒的大型照片。显而易见,这是页面上最重要的元素,设计人员希望您查看该图像并将其出售,因为它是一个非常经典的机构。

幻灯屏
SlideScreen在其站点中多次使用大小对比。除了使用大屏幕截图显示产品外,他们还使用非常大的按钮作为主要的号召性用语。他们希望您观看正在运行的产品的视频,然后希望您下载它。这些是页面中最重要的元素,因此比周围的其他元素大很多。

形状对比
形状对比意味着通过与页面上其他事物相比,事物在物理形状上的差异来使其引人注目。从最基本的角度来看,它可以用于为按钮添加圆角之类的东西,但是如果使用到更极端的水平,它可以吸引更多的注意力。

前星
Anebstar使用形状对比在页眉中展示三个重要图像。因为网上的大多数东西都是矩形的,所以实现形状对比的最简单方法之一就是使用圆形。当然,此示例也混入了一点尺寸对比,但是您可以清楚地看到圆形元素在页面上的所有其他内容中的突出之处。

碳纤维
Carbonmade是一个令人惊叹的网站,里面融合了精美的插图和精美的内容。这里一个简单的注册按钮就可以了,但是大小和颜色对比可能无法将其与繁忙的背景区分开。在按钮后面添加一个友好的章鱼,确实可以在形状上产生差异,从而直接吸引人们的眼球。

线框
WireframePlus使用简单但极为有效的形状对比来突出其服务的价格。他们希望您阅读其内容,但最重要的是,他们试图通过在价格上加一个大圆圈来卖给您。

位置对比
在定位中创建对比度是一种纯粹通过使用不同路线来创建元素层次结构的巧妙方法。最近,这种技术已被Elliot Jay Stocks之类的人所采用,并在他最近的投资组合网站上将其运用到了极致。

ejs
Elliot Jay Stocks使用详细的网格来定义其站点上所有元素的对齐方式。通过将它们分别向左或向右缩进来引起对特定区域的注意。在这个特定的屏幕截图中,引言部分确实很突出,因为它最左侧对齐,眼睛首先看到的是阅读内容。在过去的十二个月中,这种对齐方式“启发”了许多其他设计师,以相同的风格创建具有位置对比的设计。

简单位
SimpleBits是Dan Cederholm旗下的品牌,您可以从Dribbble等项目中认识他。在第一印象中,SimpleBits站点似乎没有任何位置对比,但是,当您开始滚动时,一切都变得清晰了。在某些人使用固定的背景图像创建整洁的风格效果的地方,Dan已将其徽标和导航完全固定在适当的位置,以便无论您滚动到什么位置,它们都始终停留在屏幕上的同一位置。这是非标准位置对比的一个很好的例子。

方眼
SquaredEye是马修·史密斯(Matthew Smith)经营的设计店,其投资组合中的案例研究页面很好地利用了位置对比。您需要查看整个页面才能真正理解,但是本质上Matthew精心为页面的每个部分创建了特定的位置。这在各部分之间形成了奇妙的对比,并引起读者极大的视觉兴趣,而丝毫没有分心的感觉。

对比结论
除了“光明与黑暗”之外,还有更多的对比–这是设计中最重要的原理之一,只要正确使用它,您几乎永远不会拥有太多。

将您的设计提升到一个新的水平,并不是要找到下一个随心所欲地使用圆角和阴影效果的潮流车,而是要找到更好,更有效的方法来传达设计背后的信息。

详细研究对比并充分利用对比是做到这一点的最佳方法之一。

你怎么看?您需要付出多少精力来对比设计中的对比?是您一直在思考的事情,还是自然而然的杭州网站建设

免费获取报价

  • 29923329

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

  • 0571-85815193

  • pady@1t2.cn

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