https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=Visual_Design Visual Design - Versionsgeschichte 2025-05-02T17:44:39Z Versionsgeschichte dieser Seite in Wikipedia MediaWiki 1.44.0-wmf.27 https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=247409860&oldid=prev Invisigoth67: typo 2024-08-05T07:26:35Z <p>typo</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 5. August 2024, 09:26 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design'''<del style="font-weight: bold; text-decoration: none;">,</del> (deutsch etwa Gestaltung von Bildnissen)<del style="font-weight: bold; text-decoration: none;">,</del> ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von Bildern, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design''' (deutsch etwa Gestaltung von Bildnissen) ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von Bildern, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> </table> Invisigoth67 https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=247407244&oldid=prev Crazy1880: Unicode-Steuerzeichen 2024-08-05T04:50:29Z <p>Unicode-Steuerzeichen</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 5. August 2024, 06:50 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 7:</td> <td colspan="2" class="diff-lineno">Zeile 7:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design spielt eine entscheidende Rolle bei der Gestaltung der [[User Experience]] (UX), indem es nicht nur das visuelle Erscheinungsbild eines Produkts oder einer Dienstleistung verbessert, sondern auch die Benutzerführung, die Informationsarchitektur und die allgemeine Wahrnehmung beeinflusst. Durch die Anwendung von Designprinzipien und -elementen ([[User Experience Design]]) können visuelle Designer komplexe Informationen zugänglich und verständlich machen und so eine positive Benutzererfahrung schaffen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design spielt eine entscheidende Rolle bei der Gestaltung der [[User Experience]] (UX), indem es nicht nur das visuelle Erscheinungsbild eines Produkts oder einer Dienstleistung verbessert, sondern auch die Benutzerführung, die Informationsarchitektur und die allgemeine Wahrnehmung beeinflusst. Durch die Anwendung von Designprinzipien und -elementen ([[User Experience Design]]) können visuelle Designer komplexe Informationen zugänglich und verständlich machen und so eine positive Benutzererfahrung schaffen.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>​​</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Elemente des Visual Designs ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Elemente des Visual Designs ===</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Zu den grundlegenden Elementen des Visual Designs gehören&lt;ref name="USABILITY" /&gt;:</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Zu den grundlegenden Elementen des Visual Designs gehören&lt;ref name="USABILITY" /&gt;:</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 15:</td> <td colspan="2" class="diff-lineno">Zeile 15:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Textur: Sie bezieht sich auf das Gefühl oder die wahrgenommene Beschaffenheit einer Oberfläche und kann durch die Wiederholung eines Elements geschaffen werden.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Textur: Sie bezieht sich auf das Gefühl oder die wahrgenommene Beschaffenheit einer Oberfläche und kann durch die Wiederholung eines Elements geschaffen werden.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Typografie: Die Wahl der Schriftarten, deren Größe, Ausrichtung, Farbe und Abstand zueinander.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Typografie: Die Wahl der Schriftarten, deren Größe, Ausrichtung, Farbe und Abstand zueinander.</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Form: Bezieht sich auf dreidimensionale Objekte und beschreibt ihr Volumen und ihre <del style="font-weight: bold; text-decoration: none;">Masse​</del>.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Form: Bezieht sich auf dreidimensionale Objekte und beschreibt ihr Volumen und ihre <ins style="font-weight: bold; text-decoration: none;">Masse</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Prinzipien des Visual Designs ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Prinzipien des Visual Designs ===</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 30:</td> <td colspan="2" class="diff-lineno">Zeile 30:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Ausbildung im Visual Design ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Ausbildung im Visual Design ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Visual Designer arbeiten in verschiedenen Branchen und Plattformen, von Websites über Spiele bis hin zu Filmen. Eine Tätigkeit im Visual Design erfordert Kreativität, strategische Nutzung von Farbe, Linien, Typografie und Weißraum sowie ausgezeichnete schriftliche und mündliche Kommunikationsfähigkeiten. Im Vergleich zu anderen Designfeldern unterscheidet sich Visual Design durch seinen Schwerpunkt auf digitale Schnittstellen und die Schaffung einer ansprechenden Benutzererfahrung, während es gleichzeitig die Markenidentität stärkt. Im Gegensatz dazu fokussiert sich das Grafikdesign auf die Erstellung visueller Inhalte für verschiedene Medien, sowohl digital als auch gedruckt, und legt den Schwerpunkt auf Kommunikation und <del style="font-weight: bold; text-decoration: none;">Botschaftsübermittlung​</del>.&lt;ref&gt;[https://www.coursera.org/articles/visual-designer „What Is a Visual Designer?“] auf ''coursera.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Visual Designer arbeiten in verschiedenen Branchen und Plattformen, von Websites über Spiele bis hin zu Filmen. Eine Tätigkeit im Visual Design erfordert Kreativität, strategische Nutzung von Farbe, Linien, Typografie und Weißraum sowie ausgezeichnete schriftliche und mündliche Kommunikationsfähigkeiten. Im Vergleich zu anderen Designfeldern unterscheidet sich Visual Design durch seinen Schwerpunkt auf digitale Schnittstellen und die Schaffung einer ansprechenden Benutzererfahrung, während es gleichzeitig die Markenidentität stärkt. Im Gegensatz dazu fokussiert sich das Grafikdesign auf die Erstellung visueller Inhalte für verschiedene Medien, sowohl digital als auch gedruckt, und legt den Schwerpunkt auf Kommunikation und <ins style="font-weight: bold; text-decoration: none;">Botschaftsübermittlung</ins>.&lt;ref&gt;[https://www.coursera.org/articles/visual-designer „What Is a Visual Designer?“] auf ''coursera.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;references responsive/&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;references responsive<ins style="font-weight: bold; text-decoration: none;"> </ins>/&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Interaktionsdesign]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Interaktionsdesign]]</div></td> </tr> </table> Crazy1880 https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=247381002&oldid=prev Stp1910: Übersetzung, siehe Diskussion 2024-08-04T09:26:25Z <p>Übersetzung, siehe Diskussion</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2024, 11:26 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design''', <del style="font-weight: bold; text-decoration: none;">auch</del> <del style="font-weight: bold; text-decoration: none;">'''Visuelles</del> <del style="font-weight: bold; text-decoration: none;">Design'''</del>, ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von Bildern, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design''', <ins style="font-weight: bold; text-decoration: none;">(deutsch</ins> <ins style="font-weight: bold; text-decoration: none;">etwa</ins> <ins style="font-weight: bold; text-decoration: none;">Gestaltung von Bildnissen)</ins>, ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von Bildern, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> </table> Stp1910 https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243347207&oldid=prev ChristophDemmer am 22. März 2024 um 16:15 Uhr 2024-03-22T16:15:26Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 18:15 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 36:</td> <td colspan="2" class="diff-lineno">Zeile 36:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Interaktionsdesign]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Interaktionsdesign]]</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Industriedesign]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Grafische Benutzeroberfläche]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Grafische Benutzeroberfläche]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Usability]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Usability]]</div></td> </tr> </table> ChristophDemmer https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243347186&oldid=prev ChristophDemmer: /* Grundlagen des Visual Designs */ 2024-03-22T16:14:22Z <p><span class="autocomment">Grundlagen des Visual Designs</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 18:14 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 2:</td> <td colspan="2" class="diff-lineno">Zeile 2:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines Produkts ([[Produktdesign]]), um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und Funktionalität zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines Produkts ([[Produktdesign]]), um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und <ins style="font-weight: bold; text-decoration: none;">[[</ins>Funktionalität<ins style="font-weight: bold; text-decoration: none;"> (Produkt)|Funktionalität]]</ins> zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> </tr> </table> ChristophDemmer https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243347166&oldid=prev ChristophDemmer am 22. März 2024 um 16:13 Uhr 2024-03-22T16:13:34Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 18:13 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design''', auch '''Visuelles Design''', ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von <del style="font-weight: bold; text-decoration: none;">[[Bild]]ern</del>, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Visual Design''', auch '''Visuelles Design''', ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von <ins style="font-weight: bold; text-decoration: none;">Bildern</ins>, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name="USABILITY"&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf ''interaction-design.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> </table> ChristophDemmer https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243347157&oldid=prev ChristophDemmer: /* Grundlagen des Visual Designs */ 2024-03-22T16:13:16Z <p><span class="autocomment">Grundlagen des Visual Designs</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 18:13 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 2:</td> <td colspan="2" class="diff-lineno">Zeile 2:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines Produkts ([[Produktdesign]]), um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und <del style="font-weight: bold; text-decoration: none;">[[</del>Funktionalität<del style="font-weight: bold; text-decoration: none;">]]</del> zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines Produkts ([[Produktdesign]]), um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und Funktionalität zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> </tr> </table> ChristophDemmer https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243347145&oldid=prev ChristophDemmer: /* Grundlagen des Visual Designs */ 2024-03-22T16:13:00Z <p><span class="autocomment">Grundlagen des Visual Designs</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 18:13 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 2:</td> <td colspan="2" class="diff-lineno">Zeile 2:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Grundlagen des Visual Designs ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines [[<del style="font-weight: bold; text-decoration: none;">Produkt</del>]]<del style="font-weight: bold; text-decoration: none;">s</del>, um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und [[Funktionalität]] zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines <ins style="font-weight: bold; text-decoration: none;">Produkts (</ins>[[<ins style="font-weight: bold; text-decoration: none;">Produktdesign</ins>]]<ins style="font-weight: bold; text-decoration: none;">)</ins>, um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und [[Funktionalität]] zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name="USABILITY" /&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].</div></td> </tr> </table> ChristophDemmer https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243333611&oldid=prev Docmo: /* Ausbildung im Visual Designs */ 2024-03-22T08:55:16Z <p><span class="autocomment">Ausbildung im Visual Designs</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 22. März 2024, 10:55 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 29:</td> <td colspan="2" class="diff-lineno">Zeile 29:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ähnlichkeit: Schafft Kontinuität im Design ohne direkte Duplikation</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ähnlichkeit: Schafft Kontinuität im Design ohne direkte Duplikation</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Ausbildung im Visual <del style="font-weight: bold; text-decoration: none;">Designs</del> ==</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Ausbildung im Visual <ins style="font-weight: bold; text-decoration: none;">Design</ins> ==</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Designer arbeiten in verschiedenen Branchen und Plattformen, von Websites über Spiele bis hin zu Filmen. Eine Tätigkeit im Visual Design erfordert Kreativität, strategische Nutzung von Farbe, Linien, Typografie und Weißraum sowie ausgezeichnete schriftliche und mündliche Kommunikationsfähigkeiten. Im Vergleich zu anderen Designfeldern unterscheidet sich Visual Design durch seinen Schwerpunkt auf digitale Schnittstellen und die Schaffung einer ansprechenden Benutzererfahrung, während es gleichzeitig die Markenidentität stärkt. Im Gegensatz dazu fokussiert sich das Grafikdesign auf die Erstellung visueller Inhalte für verschiedene Medien, sowohl digital als auch gedruckt, und legt den Schwerpunkt auf Kommunikation und Botschaftsübermittlung​.&lt;ref&gt;[https://www.coursera.org/articles/visual-designer „What Is a Visual Designer?“] auf ''coursera.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Visual Designer arbeiten in verschiedenen Branchen und Plattformen, von Websites über Spiele bis hin zu Filmen. Eine Tätigkeit im Visual Design erfordert Kreativität, strategische Nutzung von Farbe, Linien, Typografie und Weißraum sowie ausgezeichnete schriftliche und mündliche Kommunikationsfähigkeiten. Im Vergleich zu anderen Designfeldern unterscheidet sich Visual Design durch seinen Schwerpunkt auf digitale Schnittstellen und die Schaffung einer ansprechenden Benutzererfahrung, während es gleichzeitig die Markenidentität stärkt. Im Gegensatz dazu fokussiert sich das Grafikdesign auf die Erstellung visueller Inhalte für verschiedene Medien, sowohl digital als auch gedruckt, und legt den Schwerpunkt auf Kommunikation und Botschaftsübermittlung​.&lt;ref&gt;[https://www.coursera.org/articles/visual-designer „What Is a Visual Designer?“] auf ''coursera.org'', abgerufen am 22. März 2024&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Docmo https://de.wikipedia.org/w/index.php?title=Visual_Design&diff=243333606&oldid=prev Docmo: AZ: Die Seite wurde neu angelegt: '''Visual Design''', auch '''Visuelles Design''', ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von Bildern, Farben, Schriftarten und Layouts, um nicht nur ansprechend zu wirken, sondern auch die Marke (Marketing)|… 2024-03-22T08:54:57Z <p><a href="/wiki/Hilfe:Zusammenfassung_und_Quellen#Auto-Zusammenfassung" title="Hilfe:Zusammenfassung und Quellen">AZ</a>: Die Seite wurde neu angelegt: &#039;&#039;&#039;Visual Design&#039;&#039;&#039;, auch &#039;&#039;&#039;Visuelles Design&#039;&#039;&#039;, ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von <a href="/wiki/Bild" title="Bild">Bildern</a>, <a href="/wiki/Farbe" title="Farbe">Farben</a>, <a href="/wiki/Schriftart" title="Schriftart">Schriftarten</a> und <a href="/wiki/Layout" title="Layout">Layouts</a>, um nicht nur ansprechend zu wirken, sondern auch die Marke (Marketing)|…</p> <p><b>Neue Seite</b></p><div>&#039;&#039;&#039;Visual Design&#039;&#039;&#039;, auch &#039;&#039;&#039;Visuelles Design&#039;&#039;&#039;, ist ein facettenreiches Gebiet, das Ästhetik und Strategie vereint, um sowohl die Benutzerfreundlichkeit als auch das visuelle Erlebnis eines digitalen Produkts zu verbessern. Es beinhaltet die geschickte Anwendung von [[Bild]]ern, [[Farbe]]n, [[Schriftart]]en und [[Layout]]s, um nicht nur ansprechend zu wirken, sondern auch die [[Marke (Marketing)|Marke]] zu stärken und das Vertrauen und Interesse der Nutzer zu wecken.&lt;ref&gt;[https://www.interaction-design.org/literature/topics/visual-design „What is Visual Design?“] auf &#039;&#039;interaction-design.org&#039;&#039;, abgerufen am 22. März 2024&lt;/ref&gt;&lt;ref name=&quot;USABILITY&quot;&gt;[https://www.usability.gov/what-and-why/visual-design.html „Visual Design Basics“] auf &#039;&#039;interaction-design.org&#039;&#039;, abgerufen am 22. März 2024&lt;/ref&gt;<br /> <br /> == Grundlagen des Visual Designs ==<br /> Visual Design konzentriert sich auf die visuellen Aspekte einer [[Website]] oder eines [[Produkt]]s, um eine positive Benutzererfahrung zu schaffen. Es geht darum, ein Gleichgewicht zwischen [[Ästhetik]] und [[Funktionalität]] zu finden, ohne den Inhalt zu überlagern oder dessen Verständlichkeit zu beeinträchtigen.&lt;ref name=&quot;USABILITY&quot; /&gt;<br /> <br /> Visual Design ist ein essentieller Bestandteil der modernen [[Digitale Landschaft|digitalen Landschaft]], der über die reine Ästhetik hinausgeht und tief in der [[Strategie (Wirtschaft)|Strategie]], [[Benutzerpsychologie]] und [[Markenbildung]] verwurzelt ist. Die erfolgreiche Anwendung von Visual Design verbessert nicht nur die Benutzererfahrung, sondern trägt auch signifikant zur [[Markenidentität]] und zum Geschäftserfolg bei. Die Anwendung von Best Practices kann mit Visual Design die Grenzen des Möglichen erweitern und innovative Lösungen schaffen in der [[Markenwelt]].<br /> <br /> Visual Design spielt eine entscheidende Rolle bei der Gestaltung der [[User Experience]] (UX), indem es nicht nur das visuelle Erscheinungsbild eines Produkts oder einer Dienstleistung verbessert, sondern auch die Benutzerführung, die Informationsarchitektur und die allgemeine Wahrnehmung beeinflusst. Durch die Anwendung von Designprinzipien und -elementen ([[User Experience Design]]) können visuelle Designer komplexe Informationen zugänglich und verständlich machen und so eine positive Benutzererfahrung schaffen.<br /> ​​<br /> === Elemente des Visual Designs ===<br /> Zu den grundlegenden Elementen des Visual Designs gehören&lt;ref name=&quot;USABILITY&quot; /&gt;:<br /> * Linien: Diese verbinden zwei Punkte und können zur Definition von Formen, zur Trennung von Bereichen und zur Erstellung von Texturen verwendet werden.<br /> * Formen: Sie sind selbst enthaltene Bereiche, die durch Linien, Farbunterschiede oder Texturen definiert werden.<br /> * Farbpalette: Die Auswahl und Kombination von Farben dient der Differenzierung von Elementen, der Tiefenwirkung, der Hervorhebung oder der Organisation von Informationen.<br /> * Textur: Sie bezieht sich auf das Gefühl oder die wahrgenommene Beschaffenheit einer Oberfläche und kann durch die Wiederholung eines Elements geschaffen werden.<br /> * Typografie: Die Wahl der Schriftarten, deren Größe, Ausrichtung, Farbe und Abstand zueinander.<br /> * Form: Bezieht sich auf dreidimensionale Objekte und beschreibt ihr Volumen und ihre Masse​.<br /> <br /> === Prinzipien des Visual Designs ===<br /> Um ein erfolgreiches visuelles Design zu schaffen, werden folgende Prinzipien angewendet&lt;ref name=&quot;USABILITY&quot; /&gt;:<br /> * Einheit: Alle Elemente auf einer Seite erscheinen visuell oder konzeptionell als zusammengehörig.<br /> * Gestalt: Unterstützt die Wahrnehmung des Gesamtdesigns statt einzelner Elemente.<br /> * Raum: Die Einbeziehung von Raum in ein Design kann Lärm reduzieren, die Lesbarkeit erhöhen oder Illusionen schaffen.<br /> * Hierarchie: Zeigt den Unterschied in der Bedeutung zwischen Elementen an.<br /> * Balance: Erzeugt die Wahrnehmung einer gleichmäßigen Verteilung.<br /> * Kontrast: Hebt Elemente hervor, indem Unterschiede in Größe, Farbe und anderen Merkmalen betont werden.<br /> * Maßstab: Identifiziert eine Reihe von Größen und schafft Interesse und Tiefe.<br /> * Dominanz: Ein Element wird als Schwerpunkt gesetzt, während andere untergeordnet sind.<br /> * Ähnlichkeit: Schafft Kontinuität im Design ohne direkte Duplikation<br /> <br /> == Ausbildung im Visual Designs ==<br /> Visual Designer arbeiten in verschiedenen Branchen und Plattformen, von Websites über Spiele bis hin zu Filmen. Eine Tätigkeit im Visual Design erfordert Kreativität, strategische Nutzung von Farbe, Linien, Typografie und Weißraum sowie ausgezeichnete schriftliche und mündliche Kommunikationsfähigkeiten. Im Vergleich zu anderen Designfeldern unterscheidet sich Visual Design durch seinen Schwerpunkt auf digitale Schnittstellen und die Schaffung einer ansprechenden Benutzererfahrung, während es gleichzeitig die Markenidentität stärkt. Im Gegensatz dazu fokussiert sich das Grafikdesign auf die Erstellung visueller Inhalte für verschiedene Medien, sowohl digital als auch gedruckt, und legt den Schwerpunkt auf Kommunikation und Botschaftsübermittlung​.&lt;ref&gt;[https://www.coursera.org/articles/visual-designer „What Is a Visual Designer?“] auf &#039;&#039;coursera.org&#039;&#039;, abgerufen am 22. März 2024&lt;/ref&gt;<br /> <br /> == Einzelnachweise ==<br /> &lt;references responsive/&gt;<br /> <br /> [[Kategorie:Interaktionsdesign]]<br /> [[Kategorie:Grafische Benutzeroberfläche]]<br /> [[Kategorie:Usability]]<br /> [[Kategorie:Produktmanagement]]<br /> [[Kategorie:Eventmanagement]]<br /> [[Kategorie:Medienpsychologie]]</div> Docmo