{"id":272,"date":"2013-02-14T15:18:06","date_gmt":"2013-02-14T15:18:06","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=272"},"modified":"2013-02-14T15:18:06","modified_gmt":"2013-02-14T15:18:06","slug":"25-examples-creative-thumbnail-usage-web-design","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/25-examples-creative-thumbnail-usage-web-design\/","title":{"rendered":"25 Examples of Creative Thumbnail Usage in Web Design"},"content":{"rendered":"

\"\"<\/p>\n

Arnaud Beelen<\/a><\/p>\n

Beautiful and simple layout based on perspective thumbnails.<\/p>\n

\"thumbs01\"<\/a><\/p>\n

Two Fish Illustration & Design<\/a><\/h3>\n

Jacob Souva uses a single page layout to present his work and ideas. The page is really clean and he uses beautiful monochromatic thumbs to show his work.<\/p>\n

\"thumbs02\"<\/a><\/p>\n

twoto<\/a><\/h3>\n

twoto also have a simple design based on thumbnails to showcase content\/work.<\/p>\n

\"thumbs03\"<\/a><\/p>\n

Kokokaka<\/a><\/h3>\n

Kokokaka have thumbnails as background to showcase content. Sidebar comes and goes and you hover it. \ud83d\ude09<\/p>\n

\"thumbs04\"<\/a><\/p>\n

Brave Nu Digital<\/a><\/h3>\n

Thumbnails here are elegantly used to showcase work. The geometry and minimalism of the layout is really neat.<\/p>\n

\"thumbs05\"<\/a><\/p>\n

F O U N D E D<\/a><\/h3>\n

Simple and plain design using thumbnails to organize\/showcase content.<\/p>\n

\"thumbs06\"<\/a><\/p>\n

Idea Exhibit<\/a><\/h3>\n

Clean HTML5 layout using typography, geometry and thumbnails to organize content.<\/p>\n

\"thumbs07\"<\/a><\/p>\n

astronaut design<\/a><\/h3>\n

Beautiful and simple layout based on perspective thumbnails.<\/p>\n

\"thumbs08\"<\/a><\/p>\n

Marc Kremers<\/a><\/h3>\n

Gradient in the background and thumbnails to showcase previous works.<\/p>\n

\"thumbs09\"<\/a><\/p>\n

Purpose<\/a><\/h3>\n

Clean and simple layout based mainly in typography and thumbs.<\/p>\n

\"thumbs10\"<\/a><\/p>\n

Rejane Dal Bello<\/a><\/h3>\n

Rejane Dal Bello uses several thumbnails sizes to present her work in a clean and minimal layout.<\/p>\n

\"thumbs11\"<\/a><\/p>\n

James De Angelis<\/a><\/h3>\n

Another example of differently sized thumbnails to organize and showcase content\/work. The textured background, the colors and typography complete the clean and straight forward layout.<\/p>\n

\"thumbs12\"<\/a><\/p>\n

Harpoon<\/a><\/h3>\n

Beautiful layout. No explanations\/comments needed here. \ud83d\ude09<\/p>\n

\"thumbs13\"<\/a><\/p>\n

Baubauhaus<\/a><\/h3>\n

Another simple layout totally based on thumbnails.<\/p>\n

\"thumbs14\"<\/a><\/p>\n

Viktoria Klein<\/a><\/h3>\n

Grid based design with thumbnails to showcase work.<\/p>\n

\"thumbs15\"<\/a><\/p>\n

Uniform<\/a><\/h3>\n

Beautiful and clean layout with thumbnails to showcase main sections of the website.<\/p>\n

\"thumbs16\"<\/a><\/p>\n

typetoken<\/a><\/h3>\n

Minimal layout based on thumbnails, typography and white spaces.<\/p>\n

\"thumbs17\"<\/a><\/p>\n

Blank<\/a><\/h3>\n

Thumbnails that keep reloading and changing, a lot of action and subtle colors.<\/p>\n

\"thumbs18\"<\/a><\/p>\n

Craig and Karl<\/a><\/h3>\n

Nice layout combining great colors, shapes, typography and thumbnails.<\/p>\n

\"thumbs19\"<\/a><\/p>\n

Franklin Gaw<\/a><\/h3>\n

Clean. Simple. Beautiful. Nothing else to say. \ud83d\ude09<\/p>\n

\"thumbs20\"<\/a><\/p>\n

Komplex 457<\/a><\/h3>\n

Thumbnails here are used to get attention to whom is presenting which day. Nice touch to get attention from the grid\/typographic based layout.<\/p>\n

\"thumbs21\"<\/a><\/p>\n

Dust + Mold<\/a><\/h3>\n

Nice framed thumbnails showcasing their works. The textured background gives a nice touch to the layout.<\/p>\n

\"thumbs22\"<\/a><\/p>\n

Dan Mall<\/a><\/h3>\n

Nice and clean layout using rounded thumbnails to showcase featured work and latest articles.<\/p>\n

\"thumbs23\"<\/a><\/p>\n

Sisu<\/a><\/h3>\n

Minimalist and clean layout based on thumbnails.<\/p>\n

\"thumbs24\"<\/a><\/p>\n

Adam<\/a><\/h3>\n

Another good example of different sized thumbnails to present content\/work.<\/p>\n

\"thumbs25\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Arnaud Beelen Beautiful and simple layout based on perspective thumbnails. Two Fish Illustration & Design Jacob Souva uses a single page layout to present his work and ideas. The page is really clean and he uses beautiful monochromatic thumbs to show his work. twoto twoto also have a simple design based on thumbnails to showcase […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[9,3,7],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/272"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}