选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

网页设计中如何正确的选择背景和纹理材质?

纹理效果比任何趋势都重要,因为这是网站整体设计的一个重要组成部分。使用背景纹理可以添加个性的或富有快感的主题,会让你的网站魅力四射,时尚,有感情和让用户难以忘怀。

Background Textures – How to Pick the Right One for Your Design

设计师无论你是什么水平的都会喜欢使用纹理这种素材。因为种种原因,纹理在网络上使用非常频繁。这是给你网站增加亮点的好办法,纹理能给你的网站带来很好的氛围,让你的页面色调整体感更强。

因为多种意图被放到一起,纹理可以可以运用到的品种和类型很多,可以给某些页面组件做背景,如:菜单栏、按钮等等。每个纹理样式都有其合适的应用方法,特别是用于背景的时候。一间酒吧的网站你就不能用一个浪漫的花卉当背景,这可不是婚礼主题,虽然你可以这样做但是会很可笑。在这篇文章中,我们将采取深入了解的背景纹理作为一个术语用于网页设计。因此您阅读这个项目之后对您的项目绝对有用!

什么是纹理?

纹理元素如果由2D转换为3D的时候,会使得它看起来更真实。纹理相当于设计工具,可以给网站带了正确的基调,这对给用户的第一印象很重要,虽然在网页设计中使用纹理要考虑到很多因素,如:分辨率、屏幕大小等,这些虽然很麻烦,但是很值得。

纹理有哪些种类?

纹理是想象力和创造力的结晶。无论你在哪里,你都可以在网页设计上看到这些纹理,如:水,天空,岩石,花,叶,木材,沙石。抽象纹理是单独分类,因为它们是没有版权壁垒限制的。材质类的纹理有:塑料,纸张,玻璃,金属,皮革,地砖。

哪一种纹理最适合你使用?

我们提到过大量的纹理样式、纹理设计和其他无所谓你怎么叫。而对于你去选中用什么纹理是一个巨大的挑战,因为他们都有独特的含义和象征意义,而且他们适用于的设计种类会完全不一样。

我们要从一个纹理开始讲,然后一点一点去讲解其他的。因此,我们将创建所有能吸引你眼球的纹理。

木质纹理

木材纹理是网络上最常用的。它是一种通用的设计手法,虽然它把网站变成有点乡村风格的设计,但会使得主题更加真实。木材纹理的颜色是相当重要的,深色的会更加扎实内敛,亮的会显得轻柔、平静和舒适。

如果你的项目所处的行业是:伐木业、餐饮业、和农业相关的网站都适合木质纹理。

 - Wood Texture

水质感纹理

水是生命,运动,更新,反映的象征。水是设计灵感的良好来源,而水的纹理有不同的几种:气泡,波纹,水花。太平洋水的质感,可用于任何风格和目的网站上,表现镇定效果。不过,水的纹理最好的用途是:水上乐园,水族馆和游泳池的网站,与体育相关的网站等,一般用照片合成这样环保的方式完成所有的设计。

 - Water Texture

天空纹理

天空材质可以表现出积极或消极的感觉,这取决于颜色。蓝色是一个传达天堂一样的质感的温暖情绪,而云雾多雨的色彩会使得网站感觉很郁闷。光与通风的云等纹理适合表现的内容有:宗教网站、主题博客等,而阴郁的天空纹理适合视频、游戏等酷的图形元素网站。

 - Sky Texture

沙质感纹理

砂纹理让我们感觉就像在沙滩上。如果打开一个网站发现自己在棕榈滩上是不是很棒?这种质感非常适合旅行社和酒店的网站。尽管如此,沙纹理是可以有不同的用途的,虽然它一直在表现一种快乐,一个清晰的颗粒状纹理非常适合商业项目和工业公司。农业的企业网站主题是非常适合用沙子纹理的,砂是农业必不可少的元素。

 - Sand Texture

石头纹理

岩石,石头和鹅卵石纹理都是天然的来自我们周围的世界。这些富有变化的设计元素可以给你的网站增添几分刚性和鲁莽的感觉。您应该谨慎使用这些纹理,要不然会影响整体感觉。岩石纹理不适合银行、金融等网站,但一个柔和的石头纹理是可以用于一些适合的企业的。此外,工业主题的网站用这种纹理非常完美。创意风格摄影师和户外设计人员可以很好的利用这个质地。所以,如果你觉得你的网站要有环保风格可以安全的选择石头质感。

 - Rock Texture

花纹理

这种纹理永远是最浪漫的,富有表现力和温暖的纹理。花纹理,根据不同的色彩和款式,几乎可以装点任何类型的网站。虽然我们在很多照片上看到了印花组合,很多时候在婚礼或者事件机构也可能被设计成了花的背景。如果你正在开发一个家庭相册或新生儿的网页,你要注意花朵的纹理是肯定的。不过,花店使用花纹理的时候要小心,因为花朵容易与纹理融为一体,没有主次。我们更推荐花相关的机构用背景图片,这种装饰方式更容易出效果。

 - Flower Texture

抽象纹理

每个人对抽象艺术的理解不一样,而且这个理解影响抽象纹理在网页设计中的价值。你可以用抽象纹理轻松的控制喜欢你的受众,你可以把你的项目变成鼓舞人心的艺术作品。这个纹理还有一个好处是适用性强,非常百搭。这意味着无论你的网站是:商务、时尚、美容、餐饮和娱乐都可以。

 - Abstract Texture

纸质纹理

你觉得纸张纹理应该如何用呢?大多数情况下他们可以添加复古的网站外观。如果利用旧纸张纹理,肮脏的或者是皱巴巴的,这是很容易做到的复古效果。我认为,这种非常适合古董店。

 - Paper Texture

玻璃纹理

磨砂玻璃,它是不是非常神秘和有吸引力?是的,就是这样。那么,为什么你不去做有创意网页设计,高品质的磨砂玻璃质感和艺术或音乐?玻璃纹理有多种样式,破碎的玻璃,五彩玻璃。所有这些变化可以使网站新鲜好看,不规范的组合、透明都发人深思。

 - Glass Texture

金属纹理

灵感无处不在,甚至在生锈的金属上,它可以是一个华丽的网站后台。金属纹理绝对是很好的铁和焊接等行业网站首选的纹理,但什么是这种风格的更原始的应用场景呢?蒸汽朋克的外观是在网络上的东西很流行,摇滚音乐明星网站这点利用得非常好。纹身店 – 这些都是创意的平台金属设计。卖自行车的可以非常完美的使用金属纹理作为背景。有些俱乐部的网站,咖啡馆/主题酒吧等也首选它。

 - Metal Texture

皮革纹理

皮革纹理,粗犷和时尚。这使得他们更加符合主题和吸引人们的眼球。皮革风格的设计是皮革CT机生产线制造商的最爱(包,钱包,外套等)。一些优秀的用途是用于组合的主题。例如,你有什么内容适合让皮革作为背景?只要你的网站的目的是要吸引和打动人的,那么利用皮革纹理,将会非常传神、有说服力和有效。这个纹理风格将让你成为明星。

 - Leather Texture

塑料纹理

工业类网站已不再是白色背景的天下。它可以用一些有创意的材质去实现。塑料就是最值得试的材质之一。它可以是温和的,有杂色的和纯净破旧的塑料。如果你这样做了,这将是一种创新。

 - Plastic Texture

海绵纹理

你还记得海绵宝宝么?这个卡通人物吸引着我们的关注,并得到我们永远爱它。我不知道这个有趣的黄家伙是是网页设计海绵质感的一个开端,现在这种质感都比较受欢迎,很多人使用。海绵质感配合彩虹色将是一个令人过目不忘的主题。请记住,这不仅仅是一个厨房海绵生产商才使用这种材质在自己的网站上,每一个有创造力的人可以美化自己的这个创意中的网页,如:一个俱乐部、艺术总监、电影制片人、儿童发展中心等。

 - Sponge Texture

你如何找到这些纹理?你有没有捡到东西给你?我希望是的。在这篇文章中,我给你提示,现在一切都取决于你如何利用你富有想象力的头脑。我的目的不是要说服你,这些纹理只有一个是适合你,但我想,以显示不同的网页设计,以及如何在不同的情况下,让他们可以在网站设计中使用。这将是一种享受,让我看到你基于纹理的使用伟大的在线作品。

在你努力工作之前,看看这些使用纹理的设计案例,会让你融会贯通:

Sauna Website Design with Wood Texture

 - Sauna Website Design with Wood Texture

Paper Textured Website for Film Director

 - Paper Textured Website for Film Director

Fine Art Website Design with Sky Texture

 - Fine Art Website Design with Sky Texture

Grain Waves Website with Varicolored Fabric Textures

 - Grain Waves Website with Varicolored Fabric Textures

Jarritos Website with Pain Wall Texture

 - Jarritos Website with Pain Wall Texture

Italio Kitchen Website with Wood Textured Background

 - Italio Kitchen Website with Wood Textured Background

The Quilters Cafe Site with Brown Cloth Texture

 - The Quilters Cafe Site with Brown Cloth Texture

Spice Shop Website with Creative Wood Shelf Texture

 - Spice Shop Website with Creative Wood Shelf Texture

Uinta Brewing Website with Map Texture on the Background

 - Uinta Brewing Website with Map Texture on the Background

Stone Textured Artifact Coffee Website

 - Stone Textured Artifact Coffee Website

原文:http://www..com/2014/07/08/textures-in-web-design/(云瑞译

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。