{"id":957,"date":"2015-01-12T16:48:49","date_gmt":"2015-01-12T14:48:49","guid":{"rendered":"http:\/\/www.makes-it-work.de\/?p=957"},"modified":"2015-01-14T11:01:06","modified_gmt":"2015-01-14T09:01:06","slug":"top-10-webdesign-inspirationsquellen","status":"publish","type":"post","link":"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/","title":{"rendered":"Top 10 Webdesign-Inspirationsquellen"},"content":{"rendered":"<p>Gerade in der Kreativbranche ist es wichtig den aktuellen Trend zu verfolgen und daraus neue Designans\u00e4tze zu entwickeln. Unverzichtbar sind hierbei gute Inspirationsquellen, die dich mit t\u00e4glichen Denkanst\u00f6\u00dfen versorgen. Hier ist unsere Top 10 der besten Quellen im Bereich Webdesign.<!--more--><\/p>\n<p><a title=\"Awwwards.com\" href=\"http:\/\/www.awwwards.com\/\" target=\"_blank\"><strong>Awwwards<\/strong><\/a><\/p>\n<p>Immer am Puls der Zeit. Auf awwwards.com sammeln sich viele der kreativsten Websites der Branche. Nominierte Arbeiten werden von der professionellen Jury sowie den hochaktiven Usern bewertet und haben die Chance auf einen der begehrten Awards.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-959\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/awwwards.jpg\" alt=\"awwwards - best web design trends\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Dribbble\" href=\"http:\/\/www.dribbble.com\" target=\"_blank\"><strong>Dribbble<\/strong><\/a><\/p>\n<p>400&#215;300 Pixel reichen aus, um das Designerherz h\u00f6her schlagen zu lassen. Diese kleinen &#8220;Shots&#8221; der starken Design Community hinter Dribbble lassen sofort erkennen, in welche Richtung der Trend geht.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-964\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/dribbble.jpg\" alt=\"dribbble - show and tell for designers\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Pattern Tap\" href=\"http:\/\/www.patterntap.com\/\" target=\"_blank\"><strong>Pattern Tap<\/strong><\/a><\/p>\n<p>Ideal f\u00fcr Webdesigner ist die Bibliothek von Pattern Tap. Diese l\u00e4sst sich direkt nach UI-Elementen und Website-Sections filtern, um f\u00fcr gezielte Inspirationseinfl\u00fcsse zu sorgen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-966\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/patterntap.jpg\" alt=\"patterntap - UI\/UX\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Pttrns\" href=\"http:\/\/www.pttrns.com\/\" target=\"_blank\"><strong>Pttrns<\/strong><\/a><\/p>\n<p>\u00c4hnlich verh\u00e4lt sich Pttrns, allerdings mit dem feinen Unterschied, dass sich hier ausschlie\u00dflich iPhone sowie iPad User Interfaces bestaunen lassen. Ideal also f\u00fcr UI &amp; UX-Designer mit Hauptmerk auf iOS-Ger\u00e4ten.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-967\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/pttrns.jpg\" alt=\"pttrns - mobile user interface patterns\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Codrops\" href=\"http:\/\/tympanus.net\/codrops\/\" target=\"_blank\"><strong>Codrops<\/strong><\/a><\/p>\n<p>Neben den gestalterischen Beispielen sind auf Codrops besonders die zahlreichen Tutorials zu modernen CSS3- und SVG-Animationen spannend. Empfehlenswert ist auch der \u201ePlayground\u201c, in dem neue Experimente im aktuellen Webdesign vorgestellt werden. Hier kommen sowohl Designer als auch Entwickler auf Ihre Kosten.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-961\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/codrops.jpg\" alt=\"Codrops - Useful resources and inspiration for creative minds\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Design made in Germany\" href=\"http:\/\/www.designmadeingermany.de\/galerie\/webseiten\/\" target=\"_blank\"><strong>Design made in Germany<\/strong><\/a><\/p>\n<p>Hochqualitative, kreative Erzeugnisse von deutschen Agenturen und Medienschaffenden werden hier in der Galerie dargestellt. A must-see, auch international. Pr\u00e4dikat: empfehlenswert!<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-963\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/designmadeingermany.jpg\" alt=\"Die besten Arbeiten deutscher Agenturen, Freelancer und Studenten\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Behance\" href=\"http:\/\/www.behance.net\" target=\"_blank\"><strong>Behance<\/strong><\/a><\/p>\n<p>Das popul\u00e4re Showcase der Kreativbranche. Designer haben hier die M\u00f6glichkeit ihre Arbeiten im Stil eines Portfolios zu pr\u00e4sentieren und Werke der Gleichgesinnten zu betrachten. H\u00f6chst talentierte Erzeugnisse sind hier keine Seltenheit.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-960\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/behance.jpg\" alt=\"Online Portfolios on Behance\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Smashing Magazine\" href=\"http:\/\/www.smashingmagazine.com\/\" target=\"_blank\"><strong>Smashing Magazine<\/strong><\/a><\/p>\n<p>Seit Jahren liefert Smashing Magazine hochqualitativen Content rund um das Thema Web Design. Interessante Themen, tolle Beispiele guten Designs und nachhaltige Informationen sorgen f\u00fcr kreative Denkanst\u00f6\u00dfe.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-968\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/smashingmagazine.jpg\" alt=\"Smashing Magazine \u2014 For Professional Web Designers and Developers\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"Favorite Website Awards\" href=\"http:\/\/www.thefwa.com\/\" target=\"_blank\"><strong>FWA<\/strong><\/a><\/p>\n<p>Soll es etwas ausgefallener sein, empfehlen wir einen Besuch auf &#8220;Favorite Website Awards\u201c. Mit seinen Awards, u.a. \u201eSite of the Day\u201c und \u201eMobile of the Day\u201c, werden Referenzen ausgezeichnet, die nicht allt\u00e4glich auf dem Bildschirm landen. Perfekt, um Anregungen zu neuen kreativen Ans\u00e4tzen zu erhalten.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-965\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/fwa.jpg\" alt=\"FWA - Favourite Website Awards\" width=\"750\" height=\"333\" \/><\/p>\n<p><a title=\"CSSMania\" href=\"http:\/\/www.cssmania.com\/\" target=\"_blank\"><strong>CSSMania<\/strong><\/a><\/p>\n<p>Seit 2004 erh\u00e4lt man auf CSSMania seine t\u00e4gliche Dosis zus\u00e4tzlicher Inspiration. Im Showcase dargestellt werden hier aktuelle Screendesigns, die darauf warten gesehen zu werden.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-962\" src=\"http:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/cssmania.jpg\" alt=\"CSSMania - CSS Gallerie\" width=\"750\" height=\"333\" \/><\/p>\n<p><strong>Ihr seid an der Reihe<\/strong><\/p>\n<p>Jetzt habt ihr 10 unserer empfehlenswertesten Inspirationsquellen kennengelernt. Seid ihr gleicher Meinung? Habt auch ihr hilfreiche Quellen, die euch bei eurer kreativen Arbeit unterst\u00fctzen? Schreibt es uns in den Kommentaren!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gerade in der Kreativbranche ist es wichtig den aktuellen Trend zu verfolgen und daraus neue Designans\u00e4tze zu entwickeln. Unverzichtbar sind hierbei gute Inspirationsquellen, die dich mit t\u00e4glichen Denkanst\u00f6\u00dfen versorgen. Hier ist unsere Top 10 der besten Quellen im Bereich Webdesign.<\/p>\n","protected":false},"author":14,"featured_media":977,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_mi_skip_tracking":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","_links_to":"","_links_to_target":""},"categories":[95],"tags":[117,118],"translation":{"provider":"WPGlobus","version":"2.12.0","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":false,"content":false,"excerpt":false}}},"jetpack_featured_media_url":"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/top-10-design-inspirationsquellen.jpg","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.4.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top 10 Webdesign-Inspirationsquellen - aktuell &amp; modern<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 10 Webdesign-Inspirationsquellen - Makes IT work - der Blog von OMG.de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Makes IT work - der Blog von OMG.de\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-12T14:48:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-14T09:01:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/top-10-design-inspirationsquellen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@omgde\" \/>\n<meta name=\"twitter:site\" content=\"@omgde\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\",\"name\":\"OMG.de\",\"url\":\"https:\/\/www.makes-it-work.de\/en\/\",\"sameAs\":[\"https:\/\/twitter.com\/omgde\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2021\/11\/Logo_OMG_PNG-Kopie.png\",\"width\":358,\"height\":356,\"caption\":\"OMG.de\"},\"image\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#website\",\"url\":\"https:\/\/www.makes-it-work.de\/en\/\",\"name\":\"Makes IT work - der Blog von OMG.de\",\"description\":\"Themen und News rundum IT und Technik. Von den Spezialisten der OMG.de GmbH.\",\"publisher\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.makes-it-work.de\/en\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.makes-it-work.de\/wp-content\/uploads\/2015\/01\/top-10-design-inspirationsquellen.jpg\",\"width\":750,\"height\":333,\"caption\":\"Inspirationsquellen f\\u00fcr Webdesign - unsere Top 10\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#webpage\",\"url\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/\",\"name\":\"Top 10 Webdesign-Inspirationsquellen - aktuell & modern\",\"isPartOf\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#primaryimage\"},\"datePublished\":\"2015-01-12T14:48:49+00:00\",\"dateModified\":\"2015-01-14T09:01:06+00:00\",\"description\":\"Mit diesen kreativen Inspirationsquellen im Bereich Webdesign bist du immer am Puls der Zeit und erh\\u00e4lst kostbare Denkanst\\u00f6\\u00dfe & einzigartige Inspiration.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#\/schema\/person\/42bc1cd58a04e4b5388cb024fe413799\"},\"headline\":\"Top 10 Webdesign-Inspirationsquellen\",\"datePublished\":\"2015-01-12T14:48:49+00:00\",\"dateModified\":\"2015-01-14T09:01:06+00:00\",\"commentCount\":0,\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#primaryimage\"},\"keywords\":\"design,inspiration\",\"articleSection\":\"Blog\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.makes-it-work.de\/en\/2015\/01\/12\/top-10-webdesign-inspirationsquellen\/#respond\"]}]},{\"@type\":[\"Person\"],\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#\/schema\/person\/42bc1cd58a04e4b5388cb024fe413799\",\"name\":\"Andr\\u00e9 Reu\\u00df\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.makes-it-work.de\/en\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/678685192c98d2d7f2a8daaedc77f1fc?s=96&d=mm&r=g\",\"caption\":\"Andr\\u00e9 Reu\\u00df\"},\"description\":\"Als Art Director &amp; Key Account Manager t\\u00e4tig bei der ActiView GmbH ist Andr\\u00e9 Reu\\u00df nicht nur kreativ f\\u00fcr Kunden, sondern unterst\\u00fctzt diese ebenso in den Bereichen Marketing und E-Commerce.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/957"}],"collection":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/comments?post=957"}],"version-history":[{"count":12,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/957\/revisions"}],"predecessor-version":[{"id":981,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/posts\/957\/revisions\/981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/media\/977"}],"wp:attachment":[{"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/media?parent=957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/categories?post=957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makes-it-work.de\/en\/wp-json\/wp\/v2\/tags?post=957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}