超酷纹理网页设计欣赏

2016-02-20 11:57 3 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的超酷纹理网页设计欣赏,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

How do I create a tile or a pattern?

Actually, that’s easier than one might think. For instance, you can use  BgPatterns, a free tiled background designer which is basically a pattern library where you can find, create, rate and share patterns. You can select one of 68 images (scrolls, stars, flowers, hearts, signs, trees etc.) as well as pick a color of your tile and the pattern will be generated automatically.

greenbg

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

You can also apply some effects (dirty, rugged etc.) and rotate the pattern as you wish. The service has a nifty preview option which enables you to generate your background tiles on the fly, download them or store them.

Here is a compact overview of tiles which have been used on some sites presented below:

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)patternShowcase of tiles and patterns in modern web design

The Paisley Farmhouse uses nicely packaged retro wallpaper tiles as the background image.

paisley

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Renegade Latino uses dark tiles for the background image. The content should probably be larger.

253

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

t!agOliveira uses a hardly recognizable, dark pattern as the background image. The image supports the content and fits to the overall site layout.

63

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Uniquexports uses patterns and tiles for the background image for an online-shop. The pattern resembles a usual (not desktop) wallpaper. The design looks unusual yet attractive and definitely distinctive.

73

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Noblanco with a background patterns on the left side of the page. The layout is right-aligned for some reason.

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

93

General Robots uses stars tiles on both the left and the right side of the centered layout. It is also an online-shop.

103

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Booreiland: any friends of blue, pink and yellow out there?

115

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Warfield.net with a classic wallpaper patterns

danwarfield

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

and so does Designbyfront: the same theme, a different color.

front

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Falko Seidel with some tiles which one can find in old sweaters or on indoor walls

123

MiniIcon keeps it to minimal; tiny content area is surrounded by background tiles.

miniicon

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Paul Burd uses the same concept.

paulbudd

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)Images and TexturesGround

Outdoor Italia uses crumbly pieces of the ground as the background image. Other illustrations on the site fit to the background. The ants on the right hand side of the layout are pretty cool.

114

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)Stone and walls

Soyrosa uses vibrant stone stripes as the background image.

53

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

Pikaboo.be with hard, strong and dark stone and an unusual vertical scrolling.

pikaboo

来源:https://www.tulaoshi.com/n/20160220/1646527.html

延伸阅读
国外超酷字体设计欣赏 国外超酷字体设计欣赏(2) 国外超酷字体设计欣赏(3) 国外超酷字体设计欣赏(4) 国外超酷字体设计欣赏(5) ...
texture在设计中应用已经越发完善了。它将形成一种趋势,简单而有效的为web页面设计添加几分深度感。 充分发挥texture的威力是一份伟大的职责。它不仅能够很好增强web设计的表现效果,对于设计师来说还是一个质量上乘的好工具。它的美妙作用是可以引导浏览者的视线,强调关键元素的重要性。 然而,长期以往texture似乎总和脏乱或者低劣设计为...
今天推荐的30个超酷FPS游戏网站设计,每个都有可圈可点之处,配色、构图、排版都各有千秋,希望能给设计师们带来灵感。因游戏类专题更新很快,有的专题已经下线,故提供不了在线链接。还请大家右键另存。 科普:FPS即第一人称射击游戏。第一人称射击类游戏,FPS(First-Personal Shooting Game), 严格来说第一人称射击游戏属于ACT类游戏的一个...
在所有类型的设计中,使用纹理的网站占了很大一部分。当你想最大程度的勾起观众的感受的时候,使用纹理是最好的。您可以创建一个温暖和友好的网站,或者相反,你可以创建一个冷漠和严肃风格的。下面的集合包含25个使用纹理创建的华丽网站。你可以看到,他们每个网站都会向用户传递出不同的氛围和感受。 Vacheron Constantin Thread’...

经验教程

621

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部