设为首页   |   加入收藏
您当前的位置:首页 > 网页设计技巧网页设计技巧
网页设计技巧:设计优秀的网页背景和设计方法
时间:2015-12-22      浏览次数:1812
 

一个好的背景风格,可以为你的网站定下基调。我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案。


有时候你的网页设计某一部分引入注目,但大多数情况下是背景起到了决定性作用。背景设计往往可以用图片、图案、颜色色块组合而成,但如何才能设计出一个优秀的背景设计呢?今天我们来看看使用不同的背景设计的效果和一些技巧方法。

怎样的背景设计才是良好的呢?

golfclub

目前还没有一套规则,什么类型的背景才是最适合你的网站的,但是有一些共同的特点:

  • 内容应该有目的。
  • 背景应符合你的品牌。
  • 与放置背景上的文本不会冲突,影响阅读。(字体的色彩,对比度和大小)
  • 整个网站的主题背景应当保持一致。
  • 背景能够尽快下载和不会导致网站放慢或滞后。

现在背景设计的趋势是什么?

一:采用真实的背景图片

Daniel Filler

hipstamatic

These Are The Things

WERKSCHAU 2012 | HS Augsburg

Hannah & Jeremiah

很多背景是普通的黑色和白色,当然这也受欢迎,毕竟经典永远不会过时。但是许多设计师都使用大胆的,色彩醒目的背景元素,这往往能够吸引用户。其次,一些细致的纹理背景也是很收欢迎,给人一种富有设计感的感觉。

破洛洛文章简介:背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的。
二:清晰的图像

rory

south & eleven

Kassandra Bay Hotel

medis

Nerval / Pierre Georges

papert

使用高清的大图片是一种不过时的趋势,但是你得进行合理的设计。你得让用户一看就知道这是一个背景。而不是一张照片。另外插图也越来越受欢迎。插图也大量的运用于背景中。

破洛洛文章简介:背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的。
三:模糊或褪色的图像

humaan

vanmoof

givers

wmcfest

wemake

如果你只有一张不够强大的图片和明确的目标的时候,使用模糊或褪色效果的图片是比较困难的,处理不当的话会导致你的网站形象一片混乱。

破洛洛文章简介:背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的。
四:纯色的色块

timpotter

inception

mrare

teacake

鲜艳的颜色,能够第一眼就吸引了用户的眼球。大多数设计师都会选择色彩的饱和度和对比度来形成对比。从而达到优美的视觉效果。

破洛洛文章简介:背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的。
五:白色或黑色

foundryco

chrislinden

monsters

bmth

白色和黑色的背景是经典的和易于使用。可以创建具有对比性的经典之作。使用一个白色或黑色的背景看起来更现代一点。可以用线条设计强调部分,或者用飞溅的色彩,再者就是对阴影的运用。

破洛洛文章简介:背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的。
六:图案和纹理

Made By Craft

Hochburg

TinyBigStudio

alfred

hithere

HDLive 2012

woodlands

不要害怕去使用一些大胆的图案背景,有时候会使你的主题与众不同,达到非同凡响的效果。当然,适当的增加细致的纹理也可以达到某些现实主义的设计。

结论:

背景真的可以为你的网站定调,在你做决定之前,你可以从图片、颜色、图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的。选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的

上一篇:网页设计技巧:视差滚动效果和图形化在网页中的呈现
下一篇:网页的可视化设计