网页设计中网页背景的创意风格与设计趋势


  正确的背景风格可以为整个网站确定基调。我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的优秀网站,希望从中探寻当下网站的流行设计风格。


  什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素:

  互联网背景的内容应该有目的性。

  背景应该与你的品牌风格一致。

  背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小。) 背景的主题在整个网站内应该连贯一致。

  背景应该能很快下载并且不会让你的网站变得缓慢甚至卡死。

  现在的流行趋势是什么?

  就像服装和发型会变,网页设计的风格也在变。对于背景来说,趋势的变化尤其突出。

  目前,大量的网站在首屏采用了大图。一些背景是清晰、写实的(如照片和插图),而另一些则可能是抽象隐晦的。大尺寸的、虚化或模糊的图也随处可见。

  色块背景也很流行,但已经不是通常那种永不过时的黑和白。很多设计师使用强烈、浓重的颜色来帮助网站内容从背景中突显出来。

  最后,图案和纹理也用得很多。不过形状的大小最近改变了不少。越来越多的网站在背景中采用大块的图案,而此前曾经流行的则是小的图案。大面积的图案与低反差的内容带来一种很微妙的感觉。细微的纹理背景也非常流行,用以给设计增添真实的感觉。

  清晰的图像


  使用逼真、清晰的图像从来不会过时,但是流行与否则取决于使用的方法。越来越多的此类图像现在是直接作为背景,而不是作为其它背景之上的照片。插图也日渐流行。同样,色彩是非常重要的,因为它决定了插图的品质。

  模糊或虚化的图像


  使用虚化或模糊图的情况会有些复杂。它只有在图片本身品质很好的情况下才会带来好的效果,如果为了掩饰图片质量的低劣而去虚化,效果会适得其反。一般我们需要要很清楚为什么要把一张图虚化。有时候非常明显的模糊会有很好的效果(像 Humaan 网站中柔化的山峰),而有时候只需要轻微的虚化就足够了(上方 We Make 网站)。

  色块


  明亮的颜色正在开始流行并越来越引起注意。大量设计师选择利用颜色来创造出深度和对比。

  黑或白


  黑和白是经典的背景色,用起来也简单。你可以很容易为字体产生对比效果(即使是很小的字),并且永不过时。如果加上一些细微的空间处理,黑色或是白色背景便会看起来更时尚。Foundry Co. 用到了线条来起强化的作用,而 Designing Monsters 在黑暗色调上用了大面积的对比色(黑白反差)。

  图案或纹理


  不要担心采用浓烈的图案背景。大块的、重复拼接的图案现在随处可见。细腻的纹理可以给设计增加真实感。此类流行设计的关键在于恰当的反差对比。请看 Alfred 网站的紫色,你可能要仔细地查看才能注意到背景中交叉的图案。

  结论

  背景可以决定网站的基调。在最终决定之前,你可以尝试各种选择——照片、色块,或是图案。不要觉得有任何束缚。以上的这些例子中,那些最能在视觉中引起兴趣的网站不光采用了独特的背景,大多还采用了第二级的背景,比如在色块上方的照片,而文字又在两者之上。 当然,在选择背景主题时,要考虑到你的内容。要记住网站设计中最重要的原则:让你的网站容易读懂。

  文章来源:腾讯ISUX

时间: 2025-01-29 18:22:55

网页设计中网页背景的创意风格与设计趋势的相关文章

网页设计中网站背景的创意风格与设计趋势

正确的背景风格可以为整个网站确定基调.我们搜集了一批使用大幅图像.明亮颜色或出众图案来作为背景的优秀网站,希望从中探寻当下网站的流行设计风格. 什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素: 互联网背景的内容应该有目的性. 背景应该与你的品牌风格一致. 背景之上的文字内容应该易于阅读(无论是颜色.反差还是尺寸大小.) 背景的主题在整个网站内应该连贯一致. 背景应该能很快下载并且不会让你的网站变得缓慢甚至卡死. 现在的流行趋势是什么? 就像服装和发型会变,网页设计的风格也在

CSS网页设计中使用背景图片须注意路径问题

css|背景图片|设计|网页|网页设计|问题 网页设计技巧文章,CSS网页设计中使用背景图片须注意路径问题. 在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用.应用CSS网页布局,实现内容与表现.行为相分离,作为页面框架.装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义. 我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中.我们会发现有时候我们的图片无法显示了.此时,请查看

网页设计中最有灵感的幻灯效果设计

中文原文:66个网页设计中完美的幻灯展示实例译自:66 Examples of Perfect SlideShow Presentation in Web Design请尊重版权,转载请注明出处,多谢! 我最近注意到的一个非常有趣的趋势是在幻灯演示中展现关键信息.现代设计师喜欢尝试并观察用户如何与作品进行交互.尽管幻灯并不是一个普遍的趋势但是依然作为新的设计风格而不断涌现,而且越来越多的设计师注意到它并在他们的作品中使用,这种新的趋势开始崭露头角. 在本文中,你将发现各种高度创意的.漂亮的.独特

web设计中的网页表单关于编码设计的小技巧

原文地址: http://www.noupe.com/design/tips-for-coding-and-designing-usable-web-forms.html 备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如"用户名"+输入框, 这里的"用户名"项在英文中是label,约定翻译为标签 页面表单已经是web设计中讨论最多的元素,已经超过10年了.我们无法避免.Call-to-action(一般翻译为&q

网页设计中网页颜色与网页文字的搭配

今早打开 腾讯ISD的博客 ,看到一篇新的文章,<迷你屋视觉规范简介>,赶紧看了来学习.不过给我抓到问题咯,臭鱼不介意我在这说下吧: 这套规范中的,按钮的第一级.第二级和文字中用于突出的第三种,红底白字和白底红字都不符合W3C的对比度规范.原本需要突出和强调的文字反而可能识别不易. 截图中使用对比度检查器,基于W3C的WCAG Guideline 1.4.4和1.4.2中有相应的规定,工具的下载和具体说明可见 油茶会的这篇. 这是一个很好用也很科学的工具,小兔把它放在Windows的快速启动栏

设计参考:40个国外复古风格网站设计实例

复古风格的网页设计,是对一个时代的总结,是对许多人的记忆中那些美好的存在表示敬意的方式.历史是不容忽视,无论今天网页设计进步到怎样程度,对于设计师来说复古风格也是必修的课程. 1. Klassiker in Acryl 2. Ctrl + N 3. Tomatic 4. Blind Renaissance 5. Level 2 Design 6. Custom Design 7. WebDesigner.ro 8. Kretivia 9. Edgepoint Church 10. Target

网页设计中的对称与不对称

  小时候,很喜欢蝴蝶,感觉这是大自然最神奇的赋予,当它们双翼张开,总是禁不住欣赏它们那种美丽的优雅以及多姿的色彩. 更重要的是,这种天生的对称感,美得令人窒息. 对称风格 完形主义--一种人类行为理论,描述了人类排列视觉数据的思维结构--认为人类会很自然的把看到的东西按顺序排列. 换句话说,我们的眼睛倾向于捕捉那些组织有序.风格圆满的视觉元素.这也就是我们所谓的对称感.对称风格的物体有一种天生的平衡感.优雅感,对称在设计中能体现出一致.有序.稳定的特质.很多知名品牌都采用了对称式设计,虽然不是

4要素让网页设计中图标更有吸引力

  图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面中的区域,最为重要的事,图标能够提供一种视觉隐喻,

图层叠加混合模式在网页设计中的应用

很多读者常会询问我类似于上图中的按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模式更改为图层叠加就可以了.但是这篇文章里我们不讨论具体的技术,而来看看如同上面的按钮通过白色的叠加创建出按钮的高光,我们来了解一下图层叠加模式在网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们的设计中. 案例一 图标设计中增加色彩的饱和度和明暗对比度 之所以会引出要讨论图层叠加混合模式的问题,是由于我个人按照网上的教程在做