一对一免费咨询: 13913005726 025-66045668

在网页设计演化的漫长路程中,网页风格的变化尤其明显。比较一下10年前的网页与现在的网页,差异是相当显著的。最容易注意到的一个主要变化,就是背景。今天,背景已经成为决定网站的视觉效果如何的核心特征之一。背景决定了网站的主题,网站背景的设计,有着无尽的可能。本文将总结一些现阶段创意网页设计中网页背景的最佳做法与趋势。

基本背景结构

在讨论如何设计出好的背景之前,我们要首先回顾一些基本的背景方案。背景的基本结构不止一种,其中有3种比较常用。

主背景

主背景是最为底层的背景,经常是图片、图案、材质或者其他图形元素。

内容背景

结构中的另一层是内容背景。这是文本、图案以及其它基本数据或信息的背景。

方案1:内容与主背景分层

第一种结构是多层背景。在最底部是主背景,内容背景在最上层。

如下是一个例子。背景是一张大的图片,内容的容器在背景的最顶层。内容核心采用实心背景,而头部背景则是半透明的。

上面的设计展示了内容的各个元素互相分离时的布局。下面的设计则是更常规情况下的层状结构。包装与内容有着固定宽度的背景,在这背景之后可以看到最底层。

方案2:内容与主背景的图案或纹理直接结合

另外一种结构是直接把内容放在背景上。当主背景由图案、材质和图片构成时,通常采用这种方式。这种技巧的运用很棘手,特别是采用图片作为背景的时候。但只要注意颜色的平衡,还是能够取得很好的效果的。要保证背景与文字之间的对比度,才能获得较好的可读性。

下面的网站直接把文字与图片内容放在图案背景上。白色文字与蓝色背景之间的对比清晰,内容易读。图片有粗边框,将图片与背景分离并突现出来。

方案3:内容与主体共用背景

最简单最基础的结构,便是主背景同时也是内容的背景。通常采用单色或者少数几种颜色,不会太复杂。

下面的网站是这种结构的单色方案。

包装/头部背景

网站中有太多的地方西藏网站建设公司可以用于实现好的背景设计,其中有两个地方就是头部以及包装的顶部的后面。以下就如何处理两个部分给出了几点提示。

标准头部背景

图案、图片、材质以及颜色都适用于头部背景。可以通过简单的方法使得网站富有生机,同时不会对整体效果造成影响。

提供流畅的分割

当需要头部与布局中的其他部分分割开的时候,你需要提供一个良好的过渡。有时候头部与正文背景之间颜色或风格的适当对比便可以达成目的,其他情况下,应该尽量使者两者达成和谐,不能格格不入。

这里展示一个头部与内容之间过渡良好的例子。图片采用了淡出的效果,避免了从形状直接跳转到图片上:

下面这个例子则采用了不同的方法,同样也有良好的效果。大量的未使用的空间看似毫无意义,但实际上却形成了顶部导航栏与内容之间的良好分割。

流畅的包装图案

使用图案或者其它合适的图形元素,是提升网站个性与感官感受的一个很好的技巧。除此之外,它能使设计深入人心,并在网站主题中起到重要作用。在标准布局的包装背景中使用图案,并使其流畅的过渡,是一种很美好的技巧。

使图片与主题颜色一致

包装图案与主背景之间的过渡相当的重要,使图案的背景与主背景一致是至关重要的。

保证风格与设计的其余部分一致

网页设计中经常提到一致性,因为它是网页设计具有的重要特征之一。在为一个网站设计包装图案时,应该传达出与网站设计中其余部分一致的风格,调色板也应该相似。

例如,如果你在排版、边框这样的元素中采用了手绘风格,那么图案也应该采用相同的手绘风格。如下的网站展示了这一点,采用了手绘插画与手绘字体。

允许一些图案融入内容区域

要创建一个平滑的布局,你应该允许一些图案流入内容容器。以下网站是一个良好的示范。

将图案拓展到整个布局中

仅仅采用包装背景也许已经足够了,有的时候也需要考虑将图案延续到背景的其余部分。参见如下这个例子,图案不仅仅在包装的顶部之上海闵行区网站建设公司后出现,同样也出现在了背景的其它部分。

高端网站建设

同样,头部的图案在包装的底部也继续采用,使得这个主题在整个页面都保持活力。


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询