{"id":1190,"date":"2014-03-27T11:13:46","date_gmt":"2014-03-27T11:13:46","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=1190"},"modified":"2014-10-31T12:34:01","modified_gmt":"2014-10-31T12:34:01","slug":"pixel-art-echos-im-web-design","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/","title":{"rendered":"Pixel-Art Echos im Web Design"},"content":{"rendered":"

Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr Pixel<\/em>. Der Begriff Pixel-Art wurde von Adel Holbertom und Robert Flegal vom Xerox Corporation<\/strong> 1982 zum ersten Mal verwendet. Die Grafik dieser Art gab es schon etwa 10 Jahre vorher im Xerox Company.
\nEinigerma\u00dfen k\u00f6nnen wir eine Art der Stickerei<\/strong> Pixel-Art bei all den sch\u00f6nen orientalischen Teppichen betrachten und Bekleidung mit einem gestickten Muster ist auch ein Beispiel vom Pixel-Art. Zum ersten Mal sahen viele Menschen die Pixelgrafiken auf den Bildschirmen ihrer Fernseher beim Spielen Super Mario, Tanks und die andere Spielkonsole wie Nintendo und Sega Mega Drive. Zu dieser Zeit war es die einzige verf\u00fcgbare Methode zur Darstellung von Computergrafik.<\/p>\n

W\u00e4hrend Technologien weiter fortgeschritten sind, erschienen 256 Farbpaletten<\/strong>, die Pixelgrafiken aus Videospielen und Computer-Betriebssysteme verschoben. Die meisten Designer der ersten 256-Farben-Schnittstellen vorhersagen den Tod der8-Bit-Grafik<\/strong>, aber die Situation ist nicht so einfach.
\nAllerdings dauerte es eine Weile, bis alle erweiterte Grafiken erscheinen und jetzt nutzen Designer bewusst Pixelbilder als Spezialeffekte.
\nDie Zielgruppe ist diese erwachsene Jungen und M\u00e4dchen, die mit Super Mario Brothers, Teenage Mutant Ninja Turtles, Robocop, Contra <\/strong>etc. aufgewachsen sind. Und jetzt wecken die Namen ein emotionaler Sturm.<\/p>\n

\"pixel
\nDeshalb verursacht die Pixelart eine Nostalgie-Welle, und wenn die Nachfrage vorhanden ist, gibt es dort Versorgung.<\/p>\n

Wenn du denkst, dass die Pixel gar nicht kompliziert sind, das ist absolut falsch. Um ein relativ einfaches Bild zu bekommen, muss man hart arbeiten, weil die Pixel-Art nur manuell mit Hilfe vom Zeichnen-Tool<\/strong> erstellt wird. Die begeisterten Fans von Pixelgrafik bestehen darauf, dass Pixel-Zeichnung nicht nur ohne Anti-Aliasing, sondern auch ohne F\u00fcllwerkzeug dargestellt werden sollte.<\/p>\n

Ihre Opponenten bestehen darauf, dass diese Funktionen auf jeden Fall die Qualit\u00e4t der Bilder nicht beeintr\u00e4chtigen sondern nur diesen zeitaufwendigen Prozess beschleunigen. Normalerweise verwendet man 16 Standardfarben<\/strong>, die auf den meisten Videosysteme verf\u00fcgbar sind. Kein Wunder, dass solche Bilder ganz klein sind, aber es gibt auch die enorme Bilder, die man w\u00e4hrend ein Jahr gemalt hat.<\/p>\n

\n
\"pixel<\/a>Pixel Art Poster von Eboy<\/a><\/figure>\n<\/div>\n

Heutzutage nutzt man Pixel-Art nicht als etwas Notwendiges, sondern als ein digitaler Kunsttrend.<\/p>\n

Obwohl Pixel-art sehr selten im Web Design verwendet wird, gibt es einige saubere und sch\u00f6ne Beispiele von Websites, wo man dieser digitale Kunsttrend sehen kann. Unten findest du ein paar Websites, die das Pixelart durchf\u00fchren.<\/p>\n

FatPixels<\/a><\/p>\n

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

* * *<\/p>\n

Major Output<\/a><\/p>\n

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

* * *<\/p>\n

Pixel Art Tool<\/a><\/p>\n

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

* * *<\/p>\n

Pixeljam Games<\/a><\/p>\n

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

* * *<\/p>\n

Eboy<\/a><\/p>\n

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

* * *<\/p>\n

Pixel Deviant<\/a><\/p>\n

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

* * *<\/p>\n

Effect Games<\/a><\/p>\n

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

* * *<\/p>\n

The Spriters Resource<\/a><\/p>\n

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

* * *<\/p>\n

Army of Trolls<\/a><\/p>\n

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

* * *<\/p>\n

The Sand Box<\/a><\/p>\n

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

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

Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr Pixel. Der Begriff Pixel-Art wurde von Adel Holbertom und Robert Flegal vom Xerox Corporation 1982 zum ersten Mal verwendet. Die Grafik dieser Art gab es schon etwa 10 Jahre […]<\/p>\n","protected":false},"author":398561,"featured_media":1577,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[67,217],"yoast_head":"\nPixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog<\/title>\n<meta name=\"description\" content=\"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog\" \/>\n<meta property=\"og:description\" content=\"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-27T11:13:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-10-31T12:34:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/03\/2014.03.26.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nataly Ohlsen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nataly Ohlsen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\"},\"author\":{\"name\":\"Nataly Ohlsen\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\"},\"headline\":\"Pixel-Art Echos im Web Design\",\"datePublished\":\"2014-03-27T11:13:46+00:00\",\"dateModified\":\"2014-10-31T12:34:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\"},\"wordCount\":426,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"Animation\",\"Web Design\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\",\"url\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\",\"name\":\"Pixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2014-03-27T11:13:46+00:00\",\"dateModified\":\"2014-10-31T12:34:01+00:00\",\"description\":\"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pixel-Art Echos im Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241\",\"name\":\"Nataly Ohlsen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Nataly Ohlsen\"},\"description\":\"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/nataly\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog","description":"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/","og_locale":"de_DE","og_type":"article","og_title":"Pixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog","og_description":"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr","og_url":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2014-03-27T11:13:46+00:00","article_modified_time":"2014-10-31T12:34:01+00:00","og_image":[{"width":900,"height":563,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2014\/03\/2014.03.26.jpg","type":"image\/jpeg"}],"author":"Nataly Ohlsen","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Nataly Ohlsen","Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/"},"author":{"name":"Nataly Ohlsen","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241"},"headline":"Pixel-Art Echos im Web Design","datePublished":"2014-03-27T11:13:46+00:00","dateModified":"2014-10-31T12:34:01+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/"},"wordCount":426,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["Animation","Web Design"],"articleSection":["Webdesign"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/","url":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/","name":"Pixel-Art Echos im Web Design \u2b50 TemplateMonster Deutscher Blog","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2014-03-27T11:13:46+00:00","dateModified":"2014-10-31T12:34:01+00:00","description":"Pixel-Art ist ein Form der digitalen Kunst, die man mit Hilfe vom visuellen Editor erstellt. Das Prinzip ist ganz einfach: man erstellt das Bild Pixel f\u00fcr","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/pixel-art-echos-im-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Pixel-Art Echos im Web Design"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/2e24c6b22f0b3e2b1320176bd7ab3241","name":"Nataly Ohlsen","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d431cfcfe1189f47cdb7caab1f182151?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Nataly Ohlsen"},"description":"Ist Expertin auf dem Gebiet Content-Marketing bei TemplateMonster. Nataly auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/nataly\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/1190"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/398561"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=1190"}],"version-history":[{"count":8,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/1190\/revisions"}],"predecessor-version":[{"id":3081,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/1190\/revisions\/3081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/1577"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=1190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=1190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=1190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}