{"id":906,"date":"2022-04-10T16:13:32","date_gmt":"2022-04-10T14:13:32","guid":{"rendered":"http:\/\/www.der-informationsdesigner.de\/agentur-blog\/?p=906"},"modified":"2023-01-30T11:01:32","modified_gmt":"2023-01-30T10:01:32","slug":"bedeutung-geometrischer-formen-im-webdesign","status":"publish","type":"post","link":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/bedeutung-geometrischer-formen-im-webdesign\/","title":{"rendered":"Bedeutung geometrischer Formen im Webdesign"},"content":{"rendered":"<p>Wie bekannt, sind Formen mit Farben auf das Engste verbunden und k\u00f6nnen separat voneinander nicht existieren. Nach g\u00e4ngiger Meinung spielt die Farbe als visuelles Element eine Schl\u00fcsselrolle, darum setzen viele Webdesigner in erster Linie auf das Farbschema, indem ein anderes, nicht weniger wichtiges Moment wie Form au\u00dfer Acht gelassen oder unreflektiert verwendet wird.<br \/>\n<!--more--><\/p>\n<h2 class=\"blogdetailseite\">Webdesign: psychologische Aspekte der geometrischen Formen<\/h2>\n<p>Es l\u00e4sst sich nat\u00fcrlich dar\u00fcber hei\u00df diskutieren, ob es in allen F\u00e4llen ad\u00e4quat w\u00e4re, sich auf die Farbe zu verlassen. Denn die Form ist h\u00e4ufig f\u00fcr die Wahrnehmung eines konkreten Objektes prim\u00e4r. Dar\u00fcber hinaus braucht man auf die Formkraft noch aus einem wichtigen Grund gro\u00dfen Wert zu legen &#8211; <strong>Formen \u00fcben eine bedeutende Wirkung auf die menschliche Psyche aus<\/strong>, indem sie Verbindungen, Gef\u00fchle und Emotionen erzeugen. Und dieser Einfluss ist signifikant. In diesem Artikel m\u00f6chten wir mit psychologischen Aspekten der geometrischen Figuren vertraut machen und versuche zu begr\u00fcnden, warum man <em>die Form<\/em> nicht untersch\u00e4tzen sollte.<\/p>\n<h2 class=\"blogdetailseite\">Jede Form vermittelt eine Botschaft<\/h2>\n<p><strong>Kreis, Dreieck und Quadrat bzw. Rechteck bleiben die meist verbreiteten geometrischen Figuren<\/strong>, denen man im Alltagsleben geradezu auf jedem Schritt begegnet \u2013 auf der Stra\u00dfe, in Wohn- und Industriegeb\u00e4uden, Parkanlagen, soweit das Auge reicht. Das sind die einfachen Grundformen, die komplexe Figuren bilden. Seit grauer Vorzeit geh\u00f6ren sie zu Ursymbolen der Menschheit, deren Wahrnehmung in unserem Bewusstsein tief verankert ist.<\/p>\n<p>Zahlreiche Studien haben l\u00e4ngst erwiesen, dass man mit jeder davon bestimmte Vorstellungen assoziiert. <strong>Den geometrischen Figuren denkt der Mensch unterschwellig gewisse Bedeutung zu<\/strong>, jede Figur l\u00f6st bei ihm \u00fcberschaubare Gef\u00fchle aus, so Psychologen. Durch erzeugte Emotionen kann man tats\u00e4chlich die Verhaltensweise der Menschen beeinflussen und sie zu erw\u00fcnschten Handlungen animieren.<\/p>\n<p>Sprechen wir von einer Webseite, so kann die richtige Verwendung von geometrischen Figuren nicht nur deren Optik verbessern, sondern auch das Design <strong>effektiv f\u00fcr verschiedene Ziele arbeiten lassen<\/strong> \u2013 engagieren, Teilnehmer einladen, Vertrauen schaffen, zum Kauf anspornen, eine Initiative unterst\u00fctzen, Informationen teilen usw.<\/p>\n<h2 class=\"blogdetailseite\">Quadrat: Vertrauen schaffen<\/h2>\n<p><strong>Im <a href=\"https:\/\/www.der-informationsdesigner.de\/leistungen\/webdesign-allgaeu\/\">Webdesign<\/a> sind Quadrate und Rechtecke die g\u00e4ngigsten Formen<\/strong>, die im gro\u00dfen Stil vor allem zum Strukturieren der Inhalte verwendet werden. In viereckige oder quadratische Rahmen schlie\u00dft man gew\u00f6hnlich Text und Abbildungen ein. Diese Formen gebraucht man auch breit zur Gestaltung von Navigationselementen.<\/p>\n<p>Das Quadrat gilt als <strong>Symbol der St\u00e4rke, Stabilit\u00e4t und Unwandelbarkeit<\/strong>. Gerade Kanten und rechte Winkeln verleihen dieser Figur die Statik und Ausgeglichenheit. In der Regel wird das Quadrat von vielen Personen mit der Ehrlichkeit und Sicherheit verbunden. Um \u00e4hnliche Gef\u00fchle bei Besuchern zu erzielen, w\u00e4ren quadratische und rechteckige Formen angemessen. Will man die Solidit\u00e4t der Firma betonen und die Zuverl\u00e4ssigkeit repr\u00e4sentieren, sollen im Design Quadrate oder Rechtecke unbedingt vorhanden sein. Zweifellos ist es kein Zufall, dass diese Formen auf Webseiten und in Logos von gro\u00dfen etablierten Unternehmen vorkommen.<\/p>\n<p><em>Es w\u00e4re sinnvoll, sie f\u00fcr solche Bereiche wie Wirtschaft, Finanzen oder Bau zu benutzen, z.B. im Webdesign f\u00fcr Banken, Investitionsfonds, Immobilienagenturen, Kreditgesellschaften, Architekturb\u00fcros. <\/em><\/p>\n<h3 class=\"blogdetailseite\">Assoziationen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>St\u00e4rke<\/li>\n<li>Festigkeit<\/li>\n<li>Statik<\/li>\n<li>Gleichgewicht<\/li>\n<li>Unwandelbarkeit<\/li>\n<li>Zuverl\u00e4ssigkeit<\/li>\n<li>Rationalit\u00e4t<\/li>\n<li>Ehrlichkeit<\/li>\n<li>Best\u00e4ndigkeit<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Gef\u00fchle und Emotionen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>Vertrauen<\/li>\n<li>Sicherheit<\/li>\n<li>Zuversichtlichkeit<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Beispiele<\/h3>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Quadrat-Beispiel-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Quadrat-Beispiel.png\" alt=\"Formen im Webdesign - Das Quadrat bzw. Rechteck\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/wordpress-themen-tipo-53763.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Rechteck #1<\/p>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Quadrat-Beispiel-2-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Quadrat-Beispiel-2.png\" alt=\"Formen im Webdesign - Das Quadrat bzw. Rechteck\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/wordpress-themen-tipo-52470.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Rechteck #2<\/p>\n<h2 class=\"blogdetailseite\">Kreis: Akzente setzen<\/h2>\n<p><strong>Der Kreis ist das am h\u00e4ufigsten benutzte universelle Zeichen, das in allen Kulturen zu finden ist.<\/strong> Es versinnbildlicht die Sonne, den Mond und auch andere Planeten; das Weltall in ihrem grenzenlosen Aspekt. Diese Form hat weder Beginn noch Ende, also keine bestimmte Richtung. Darum steht der Kreis f\u00fcr die Einheit, Vollkommenheit und Unendlichkeit.<\/p>\n<p>Kreise benutzt man im Webdesign nicht so h\u00e4ufig wie Rechtecke. Sie werden eher als Men\u00fcs, Navigationslinks sowie f\u00fcr die Bild- und Fotogestaltung eingesetzt. Der Gebrauch von Kreisen l\u00e4sst die Seite auf Besucher im Gro\u00dfen und Ganzen positiv wirken. <strong>Trotzdem hat man sie nur moderat im Design zu verwenden<\/strong>, weil der \u00dcberfluss von runden Formen einer Webseite die Unvollst\u00e4ndigkeit verleihen kann. Bei harmonischer Anordnung von Webseitenelementen wird die Aufmerksamkeit eines Besuchers zuerst auf den Kreis gelenkt, deshalb lohnt es sich, damit besonders wichtige Bereiche hervorzuheben. Es w\u00e4re zweckm\u00e4\u00dfig, in Kreisen beachtenswerte Punkte oder Aufforderungen zum Handeln unterzubringen.<\/p>\n<p><em>Kreise finden Anwendung im Webdesign in ganz vielen Bereichen wie Nahrungsmittel, Unterhaltung, Kunst, Werbung, Marketing.<\/em><\/p>\n<h3 class=\"blogdetailseite\">Assoziationen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>Ganzheit<\/li>\n<li>Harmonie<\/li>\n<li>Ausgewogenheit<\/li>\n<li>Einheit<\/li>\n<li>Vollkommenheit<\/li>\n<li>Schutz<\/li>\n<li>Verbindung<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Gef\u00fchle und Emotionen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>Friedlichkeit<\/li>\n<li>Abgekl\u00e4rtheit<\/li>\n<li>Sicherheit<\/li>\n<li>Gem\u00fctlichkeit<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Beispiele<\/h3>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Kreis-Beispiel-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Kreis-Beispiel.png\" alt=\"Formen im Webdesign - Der Kreis\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/prestashop-vorlagen-tipo-63545.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Kreis #1<\/p>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Kreis-Beispiel-2-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Kreis-Beispiel-2.png\" alt=\"Formen im Webdesign - Der Kreis\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/shopify-themes-tipo-52131.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Kreis #2<\/p>\n<h2 class=\"blogdetailseite\">Dreieck: Richtung angeben<\/h2>\n<p>Das Dreieck ist das erste rein theologische Symbol. Es spiegelt die dreif\u00e4ltige Natur des Universums wider. Auf geistiger Ebene wird es \u00fcblicherweise mit der christlichen Dreifaltigkeit in Verbindung gebracht. In der Esoterik sind auch viele Bedeutungen f\u00fcr das Dreieck zu finden.<br \/>\n<strong>Diese Form setzt man gew\u00f6hnlich mit Bewegung, Fortschritt und Wachstum gleich. <\/strong><\/p>\n<p>Sie vermag dynamisch und aktiv wirken, sodass Menschen zum Handeln angeregt werden. <strong>Auf einer Webseite eignet sich das Dreieck besonders gut, um die Richtung anzugeben<\/strong>. Dreiecke als Hinweispfeile zur Navigation k\u00f6nnen Inhalten priorisieren, indem sie den Blick der Besucher gezielt durch die Webseite schweifen l\u00e4sst. So empfiehlt es sich, Dreiecke nah zu Informationen \u00fcber Erfolge der Firma, ihre T\u00e4tigkeit oder zu anderen relevanten Fakten unterzubringen.<\/p>\n<p><em>Der dynamische Charakter des Dreieckes passt gut mit wachsenden Hightechunternehmen, Autoh\u00e4usern, politischen Parteien, Sportvereinen, Initiativgruppen oder Coaching zusammen.<\/em><\/p>\n<h3 class=\"blogdetailseite\">Assoziationen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>Dynamik<\/li>\n<li>Wachstum<\/li>\n<li>Entwicklung<\/li>\n<li>Richtung<\/li>\n<li>Fortschritt<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Gef\u00fchle und Emotionen<\/h3>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -1rem; margin-bottom: 7rem !important;\">\n<li>Engagement<\/li>\n<li>F\u00fchrerschaft<\/li>\n<li>Konkurrenz<\/li>\n<\/ul>\n<h3 class=\"blogdetailseite\">Beispiele<\/h3>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Dreieck-Beispiel-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Dreieck-Beispiel.png\" alt=\"Formen im Webdesign - Das Dreieck\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/demo\/53936.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Dreieck #1<\/p>\n<figure style=\"padding-bottom: 0;\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Dreieck-Beispiel-2-gross.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2017\/06\/Bedeutung-Formen-Webdesign-Dreieck-Beispiel-2.png\" alt=\"Formen im Webdesign - Das Dreieck\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/www.templatemonster.com\/de\/joomla-vorlagen-tipo-48306.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Webdesign-Beispiel<\/a> f\u00fcr die Form Dreieck #2<\/p>\n<h2 class=\"blogdetailseite\">Fazit<\/h2>\n<p>Durch konsequenten Einsatz von geometrischen Figuren w\u00e4re es denkbar, die <strong>Effizienz der Webseite erheblich zu erh\u00f6hen<\/strong>. Denn ansprechendes Webdesign k\u00f6nnte dazu wesentlich beitragen, das Verhalten der Besucher zu beeinflussen und als Ergebnis mehr Kunden zu gewinnen, Verk\u00e4ufe ankurbeln sowie die anderen wichtigen Aufgaben zu unterst\u00fctzen.<\/p>\n<p class=\"cta-kontakt\"><strong>Sie planen einen neuen Internetauftritt oder ben\u00f6tigt Ihre Website ein Redesign?<\/strong> Wir informieren Sie gerne in einem unverbindlichen Erstgespr\u00e4ch \u00fcber die vielf\u00e4ltigen technischen und visuellen M\u00f6glichkeiten.<\/p>\n<p><a class=\"cta-kontakt-button\" title=\"Kontaktaufnahme - Der Informationsdesigner | Internetagentur und Webagentur aus dem Allg\u00e4u\" href=\"https:\/\/www.der-informationsdesigner.de\/kontakt\/index.php\">Kontaktieren Sie uns<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie bekannt, sind Formen mit Farben auf das Engste verbunden und k\u00f6nnen separat voneinander nicht existieren. Nach g\u00e4ngiger Meinung spielt die Farbe als visuelles Element eine Schl\u00fcsselrolle, darum setzen viele Webdesigner in erster Linie auf das Farbschema, indem ein anderes, nicht weniger wichtiges Moment wie Form au\u00dfer Acht gelassen oder unreflektiert verwendet wird.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3],"tags":[33,32],"class_list":["post-906","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-webdesign","tag-formen","tag-psychologie"],"modified_by":"thomas.soyter","_links":{"self":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/comments?post=906"}],"version-history":[{"count":40,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/906\/revisions"}],"predecessor-version":[{"id":2582,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/906\/revisions\/2582"}],"wp:attachment":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/media?parent=906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/categories?post=906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/tags?post=906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}