2008/07/10

使用纹理和图案作为背景的网站赏析

编译:四眼天兔工作室 资料来源:SMASHING MAGAZINE

纹理和图案远比我们想像中用的更多。这是为什么呢?因为它们在设计中通常都是用来做背景,配合全局设计,替代标准的背景颜色以及创造更吸引人的氛 围。但是,它们从未成为过真正的主角。事实上,木质纹理似乎成为目前的一种流行的设计素材。但是我们并不认为木质纹理是一个新趋势,毕竟它已经使用了很多 年了。不管怎样,不可能什么设计都采用木质纹理。不过还是有很多其他的选择,如:织物图案、拼贴、地质、岩石、墙壁、砖块、编织、纸板、陶瓷、衰减、金属 铁锈、老照片、塑料以及玻璃等。

在本文中,我们将向读者展示一些有用的纹理和图案网站。我们旨在告诉设计者们,除了木质纹理,还有很多更好的纹理可供设计之选。这些背景图片有些是照片,有些是用PS或者illustraror设计的插图。

拼贴,图案

如何创作一款拼贴图案?

事实上,这是一件比想像中容易的多的事情。例如,你可以登陆BgPatterns,一个免费的“拼贴背景设计”网站,它拥有很多的基本样式库,你可以在这里搜索、创建、评价以及分享各种图案。你可以从68款图像(卷曲、星星、花朵、心、符号、树木等)中挑选一款,然后为你的拼贴图案选择一个颜色,网站将自动为你生成你想要的样式。

你也可以应用一些效果(杂色、粗糙等),并且可以随心所欲的进行旋转。你可以轻松自由的创造你的拼贴图案,下载并且储存。

下面是一些已经用于一些网站的缩略图:

现代网站设计中的拼贴图案展示

The Paisley Farmhouse 使用了非常好看的复古包装纸样式作为背景图案

Renegade Latino 使用了黑色的拼贴图案作为背景。

t!agOliveira 使用了一个几乎看不出来的黑色图案作为背景。

Uniquexports 使用了拼贴背景的在线商店网站。


Noblanco 该网页将背景图案放在了左侧。

General Robots 使用了星星的拼贴背景。这还是一个在线商店。

Booreiland: 使用了经典的蓝色、粉色和黄色设计的网站。

Warfield.net 使用了经典的壁纸图案

Designbyfront: 使用了同样的壁纸图案,但是颜色不一样。

Falko Seidel 一款你可以在老式针织衫或者室内壁纸上看到的图案。

Latviešu Dziesmu svētki 传统的壁纸拼贴图案。

21

Evernote 在商业网站上使用了一个奇特的背景图案。

14

Anthony Clark 在页眉使用了一款退色样式背景图案。

22

René Drieënhuize 使用了经典的背景图案样式。

38

Eden Organix 使用了经典壁纸样式的网络商店。

39

MiniIcon 很小的内容区被一幅背景拼贴图案包围着。

miniicon

Paul Burd 使用了相同的概念。

paulbudd

图像和纹理

地表

Outdoor Italia 使用碎土壤作为背景图案。其他的插图很好的结合背景进行设计,特别是右侧走动的蚂蚁,真的是设计的太棒了。

1

岩石和墙壁

Soyrosa 使用活泼的条纹石作为背景图案

5

Pikaboo.be 使用坚硬、暗调的岩石纹理和独特的垂直排列作为背景图案。

pikaboo

Elliot Jay Stocks 使用了岩石纹理作为背景,而且该网站还提供一些如何制作纹理背景图案的教程。

stocks

Nolgraphic 使用了一幅墙壁的照片作为背景,看上去非常与众不同。

nolbog

Corner Stone Americus 是一个教堂的网站,使用了车库摇滚风格。

cornerstone

砖瓦

uturn 使用了砖块作为背景图像。这个背景图案与“和街头颓废派一起工作”的网站主题非常贴切。

17

Hubltd.com 使用了干净的白色砖块作为背景。

hub

插画

Tennessee Education 使用了小学练习本的样式作为背景图片,看上去非常活泼。

18

Springtime in Tennessee 和上面属于一个网站

30

Dara’s Garden 使用漂亮的花朵作为背景图案,生动活泼。

29

Dean Oakley的设计不长,但是非常宽,你需要使用滚动条才能看全。不过它的背景图案使用的都是重复的插图。

27

DivVoted 整个页面都使用了一个活泼的背景图案。

33

织物

the brainwashfactory 这是一个用织物纹理做背景的网站。注意页眉处有缝纫线。

31

Design Sponge 致力于家装设计,所以它的背景也使用了织物纹理。

songe

Scouting for Girls 不仅背景使用了缝纫效果的图案,就连按钮和链接也使用了织物纹理。

scouting

纸张和纸板

Raufaser 使用了旧文件纸图案作为背景。

lorelei

A-Falange.net 使用了旧纸张作为背景。

afe

RedBull 使用了破旧的纸板作为背景。

redbull

The Brown Corporation 使用了相同的概念。

shitbox

陶瓷

The Letter 使用了陶瓷纹理作为背景主题。

theletter

褪色、杂尘和车库摇滚

BrightCreative: 使用了古老的退色宫廷花纹图案作为背景。

bright

Decay of Intent: 网站的名称体现了Alessandro Cammarota个人档案的布局设计风格。很明显,背景用的是退色的图案。

37

老电影

0hara 使用了老电影风格背景。

ohara

铁锈

Riders network: “在公路上疾驰的摩托车”,这是一个摩托车爱好者俱乐部,怪不得背景使用的是金属铁锈风格。

23

Life Style Sports 使用不对称的金属铁锈图案作为背景。

sprtovi

木纹

ChamaDigital 使用木纹主题,干净而且漂亮。

35

Kyle Haskins 精致的木纹背景突出了整个网站的内容,干净,而且极具吸引力。

26

Robert Strickland 使用木纹作为背景,整个网站的颜色也和背景相协调。

34

Slabovia.tv 融合格纹仿古设计和木纹图案。非常吸引人。

13

Highresolutiontextures 使用了高清晰度的纹理和木纹作为背景图案。

15

Built by Buffalo 高清晰度的木纹背景。

buffalo

Oahu Hawaii 一个地产网站,融合了车库摇滚、仿古和木纹风格。

2

Rafael van der Vaart: 使用了木纹背景。

3

Does.ch 融合了木纹、织物、旧报纸以及车库摇滚风格。

36

WebRevolutionary 使用了黑白木纹。

webrevo

soulBlog 使用了木纹背景,链接和导航的颜色和主题很协调。

16

Skitnice 使用了木纹图案,但是没有作为整个网页的背景,而是作为正文内容的背景。

20

Paul Wallas 在木纹图案上使用了光照效果。

paulwallas

Perfect Order 一个日本的在线商店,使用了木质纹理背景。

bislex

Bfrancesi.com 使用了暗调的木纹背景。

brooke

Anthonyfairweather 一个设计师的网站,看上去她很喜欢黑色的木纹。

anthony

Brianwebb.org:这是一个融合了两种流行背景主题的网站。头部使用了木纹,尾部使用了拼合图案。

brianweb

没有评论: