I Love Tiles! – 10 Webspirations for Windows 8 Metro UI

I Love Tiles by The Friday Rejoicer.jpgI mean the Windows 8 Metro UI design. Not only do I see it in Microsoft products, I found inspired version in various website designs.

Read on to see beautiful website using the tile/ grid layout.

1) Storm

Storm

Storm

2) Tiger Beer

Tiger Beer

Tiger Beer

3) Render

Website of Singapore Polytechnic School of Digital Media & Infocomm Technology

Website of Singapore Polytechnic School of Digital Media & Infocomm Technology

4) Valency International Trading

Valency International Trading

Valency International Trading

5) Spinnaker360

Spinnaker

Spinnaker360

6) Conversant

Conversant

Conversant

7) Continental Alloys

Continental Alloys

Continental Alloys

8) Cathay Cineleisure Orchard

Cathay Cineleisure Orchard

Cathay Cineleisure Orchard

8) Trafigura

Trafigura

Trafigura

10) IBTC

IBTC

IBTC

 


If you are interested to create your own tile design, I have some resources I found to share with you.

1) Windows 8 Design Handbook

Windows 8 Design Handbook

This site is a collection of explanations of the most important aspects of the new Windows 8 design language.

2) Guidelines for tiles and badges by Microsoft Dev Team

Guidelines for tiles and badges  Windows

Some Do’s and Don’ts for tile design. Quite a wordy post.

3) How to create awesomely artistic windows phone start screens

StartScreentopFeatured

A useful post that compiles all the tile maker app. Try it and let me know the effects.

More inspiration at 1, 2, 3, 4.

>>>>> Thanks for visiting! <<<<<

The Friday Rejoicer is on Facebook | Pinterest| Instagram Bloglovin | Shop

Advertisements

What do you think?

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s