新闻资讯

新闻资讯 产品更新

为什么别人就能设计出高大上的页面?

编辑:admin     时间:2017-07-31

无论是landing-page页面设计,还是App界面设计,这俨然已经成为网页设计的一大趋势,最重要的是这种背景式页面让整个作品变得高大上,对于我们来说前提条件是自然是选好图片,并适当进行二次设计调整。


想要作品像设计大神们一样,处理图片时你可以试试这几个方法:

1.色彩叠加于图片上


首先你可以简单处理,选择使用带透明度的白色或黑色进行覆盖,可以帮助你的文字与背景产生一定的对比。


另外一种处理方法是使用品牌主色,在选择背景图片时,可以适当选择对比色系,这样的话页面既可以与品牌产生联系,又能够确保有足够的色调差别,产生力量感,能够加强品牌推广。

记住要看看你的背景图像的组成,找到最佳的裁剪区域。 确保您的文字覆盖图像在正确的地方(如海洋和土地在这种情况下)较浅的文字覆盖较暗的区域,反之亦然,方便阅读。

2.几何图形的强调形式




这种处理形式一般与背景模糊、色彩叠加等形式共存,在背景之上置于几何图形,无论是对比强烈或是同类色彩都能够增加整个页面的层次感和设计感,同时还会起到强调特定范围的作用,引导用户进行特定操作。


另外一种方法是使用几何形对背景进行网页切割,打破传统的设计布局,能够对网页布局起到很好的再创意设计。

3.对图片进行模糊化处理


模糊背景(blurred backgrounds)是一个很常见的设计手法,在网页设计中屡见不鲜,模糊背景能使整个设计的基调看上去更加柔美。操作简单,无论是整体模糊、渐变模糊,无需更多修饰,也能营造出干净自然的视觉效果。

4. 使用栅格化图片背景


源于国际主义平面设计风格的栅格背景设计多用于展示产品图片较多的网站,例如摄影网站、设计师作品网站等,使用这种构图布局能够使作品充满秩序感和理性,勒·柯布西埃指出秩序是真正的生命之钥,如果你觉得这种规范化的设计会让作品呆板、没有生机,可以通过个别的空白单元格或者局部空缺进行创意设计。

5. 图片的非对称性处理


栅格化在设计中大量使用,或许你可以反其道而行之,对图片使用非对称性处理来吸引用户的注意力。背景不必是完美的整体,可以只是其中的一个元素或者若干元素的组合,以某种排列形式与文字形成完美的平衡。


某一侧的图片切割后以色彩填充,既起到留白的作用,又能以非对称的形式展示文字,或者只是某一个简洁的产品置于干净的画面上,产品图像与文本产生呼应,达成视觉上的平衡。



郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐