Webtagr - Technologienummer

Das Geheimnis der Wari-Textilien: Plünderung und Transformation Andiner Kunst

2025-02-14

Wari-Textilien gehören zu den bemerkenswertesten Beispielen andiner Textilkunst. Ihre Erforschung wird jedoch durch unklare Provenienz behindert, da viele Stücke auf illegalen Wegen in globale Sammlungen gelangt sind. Das Fehlen eines archäologischen Kontextes erschwert das Verständnis ihrer ursprünglichen Funktion und Bedeutung. Experten haben Fälle von Veränderungen dokumentiert, darunter Schneiden, Zuschneiden und erneutes Nähen, wodurch diese Kleidungsstücke von multisensorischen Ensembles, die am Körper getragen wurden, in flache Kunstobjekte für den westlichen Konsum umgewandelt wurden. Diese Manipulation verschleiert ihren ursprünglichen kulturellen Kontext und Zweck.

(publicdomainreview.org)

Design Wari-Textilien Andenkultur

Verloren in der Liebe: Ein generatives Kunst-Labyrinth basierend auf Namen

2025-02-14

Bèr Kessels' "Verloren in der Liebe" ist ein generatives Kunstprojekt, das ein einzigartiges Labyrinth basierend auf zwei vom Benutzer angegebenen Namen erstellt. Mit einem rekursiven Backtracking-Algorithmus animiert das Projekt den Labyrinth-Generierungsprozess. Das Design des Labyrinths wird durch die Zufälligkeit bestimmt, die aus den Namen generiert wird, ohne Anpassungsmöglichkeiten. Ziel ist es, ein einzigartiges Kunstwerk zu schaffen, das nur auf den beiden Namen basiert. Der Code ist Open Source und auf GitHub verfügbar.

(love.berk.es)

Design generative Kunst Labyrinth

Der verkörperte Alphabet: Von der Renaissance-Humanität zum pädagogischen Kommentar

2025-02-13

Typografische Zeichen waren lange mit der menschlichen Form verbunden. Renaissance-Figuren wie Luca Pacioli und Geoffroy Tory nutzten die menschliche Anatomie als Grundlage für die Proportionen von Buchstaben, wie in Peter Flötners Holzschnitt „Menschenalphabet“ von 1534 zu sehen ist. Spätere Werke, wie „The Comical Hotch Potch“ (1782), verlagerten den Fokus und nutzten das Alphabet, um subtil die charakterbildenden Aspekte der Bildung zu kommentieren, wobei Figuren dargestellt werden, die sich komisch verzerren, um Buchstabenformen nachzuahmen.

(publicdomainreview.org)

Design menschlicher Körper

Subtiles YouTube-Redesign: Ein verfeinertes Rot

2025-02-13

YouTube hat sein Branding dezent überarbeitet und sich dabei auf sein ikonisches Rot konzentriert. Das vorherige reine Rot hatte technische Probleme, erschien auf einigen Bildschirmen orange und konnte zu Einbrenneffekten führen. Das neue Rot ist ein etwas kühlerer Farbton, der diese Probleme behebt und gleichzeitig ein lebendiges, zugängliches Gefühl bewahrt. Es handelte sich nicht um eine revolutionäre Überarbeitung, sondern um eine sorgfältige Verfeinerung, die darauf abzielt, die Benutzererfahrung auf verschiedenen Geräten und Bildschirmen zu verbessern und gleichzeitig der Markenidentität treu zu bleiben.

(design.google)

Design Marken-Redesign

Das KI-Design-Paradoxon: Komfort vs. Kreativität

2025-02-12

Ein erfahrener Designer erforscht die zwei Seiten der Medaille von KI-Design-Tools. Während KI eine schnelle Design-Generierung ermöglicht, komprimiert sie gleichzeitig den Designprozess und eliminiert die „produktive Leere“ – jene entscheidenden Momente des Wartens, der Erkundung und der Iteration, in denen Inspiration entsteht. Der Autor argumentiert, dass dieser „Prozesskollaps“ zu oberflächlichen und unoriginellen Designs führt und äußert Bedenken hinsichtlich des Potenzials von KI, die menschliche Kreativität zu verringern. Er fordert Designer auf, KI vorsichtig einzusetzen und sie als Werkzeug zur Erweiterung und nicht zur Komprimierung von Kreativität zu betrachten, sowie den Reibungsprozess und die Reflexion im Designprozess zu schätzen.

(www.chrbutler.com)

Design Designprozess

Disneys „Verschwindendes Grün“: Tarnung der Infrastruktur

2025-02-12

Die Disney Parks verwenden eine Reihe von gedeckten Farben, darunter verschiedene Grüntöne, Grau, Braun und Blau, die als „Verschwindendes Grün“ bezeichnet werden, um Infrastrukturen wie Lautsprecher, Zäune und Mülleimer nahtlos in die Umgebung zu integrieren. Diese clevere Tarntechnik, inspiriert von Militärfarben, minimiert Ablenkungen und verbessert das immersive Erlebnis, indem sie die Aufmerksamkeit der Besucher auf die Attraktionen und nicht auf die funktionalen Elemente des Parks lenkt. Die Strategie wird sowohl für große Gebäude als auch für kleinere Infrastrukturen angewendet.

(en.wikipedia.org)

Design Gestaltung von Themenparks Farbtheorie

Homeoffice 2020: Ein nostalgischer macOS 9 Workflow

2025-02-10

Dieser Artikel beschreibt die Erfahrung des Autors mit Homeoffice während der COVID-19-Pandemie im Jahr 2020. Er vergleicht den damaligen Workflow mit den heutigen Tools und den damaligen Einschränkungen wie unzuverlässigem Internet, begrenztem Speicherplatz und macOS 9 und schafft so ein nostalgisches 'Mac(os)talgia'-Erlebnis.

(swallowmygraphicdesign.com)

Design

Erstellung atemberaubender Post-Processing-Effekte mit Shadern

2025-02-09

Dieser Artikel beschreibt die Reise des Autors im Jahr 2024, bei der er Shader-Techniken erlernte und auf die Post-Processing anwendete. Inspiriert von Künstlern wie @samdape und @hahajohnx, schuf er komplexe Pixelmuster, Trompe-l'œil-Effekte und interaktive Post-Processing-Effekte. Der Artikel geht tief in die Techniken hinter der Pixelisierung, der Erstellung von Mustern mithilfe von SDFs und Schwellenwertmatrizen und der Erzielung von Effekten wie LED-Panels, gewebtem Stoff, Lego-Steinen und Milchglas ein. Code-Schnipsel und Demos werden bereitgestellt.

(blog.maximeheckel.com)

Design Post-Processing Pixel-Art

Datenvisualisierung: Über Illustration hinaus, zur Aufklärung

2025-02-07

Der Artikel lobt innovative Ansätze zur Visualisierung mathematischer Formeln. Am Beispiel von Daniel Fleischs Buch über die Maxwell-Gleichungen wird argumentiert, dass Formeln in traditionellen wissenschaftlichen Arbeiten oft undurchsichtig sind, während gute Visualisierungen komplexe Informationen aufklären und „Erläuterung“ statt bloßer „Illustration“ bieten. Dies steht im Einklang mit Edward Tuftes Konzept der „visuellen Erklärung“ und plädiert für die Macht der Datenvisualisierung, komplexe Informationen leicht verständlich zu machen.

(agilescientific.com)

Design wissenschaftliche Visualisierung

Wrights Paradoxon: Organische Architektur vs. Meilenhoher Wolkenkratzer

2025-02-06

Die Architekturwelt ist in der Frage der Dichte gespalten: Befürworter hoher Dichte plädieren für dichte, zentralisierte Städte, während Befürworter niedriger Dichte dezentrale, weitläufige Vororte befürworten. Frank Lloyd Wright, ein renommierter Architekt, der für seinen organischen Ansatz bekannt ist, der die Verbindung eines Gebäudes zu seiner Umgebung betont, gehörte zu letzterer Gruppe. Seine Broadacre City veranschaulicht diese Philosophie. Ironischerweise entwarf Wright auch einen Meilen hohen Wolkenkratzer, 'The Illinois', ein krasser Gegensatz zu seinen organischen Prinzipien, was zu Überlegungen über die Vereinbarkeit organischer Architektur und Hochhäuser führt.

(www.onverticality.com)

Design

Rick in 240 Zeilen Code: Eine atemberaubende GLSL-Animation

2025-02-06

Dieser Artikel beschreibt die achtmonatige Reise des Autors bei der Erstellung einer atemberaubenden Rick-Animation mit nur 240 Zeilen GLSL-Code, ohne Bibliotheken und ohne Bilder. Der Autor bettet einen Live-Code-Editor in den Beitrag ein, sodass Leser ihre eigenen Animationen programmieren können. Der Prozess wird Schritt für Schritt erklärt, von einfachen Farbfüllungen bis hin zur Verwendung von Signed Distance Functions (SDFs) wie Bézier-Kurven, Sternen und abgerundeten Rechtecken, um Ricks Merkmale und Haare akribisch zu gestalten. Rauschfunktionen und die Verzerrung der Zeitdomäne verleihen Ricks Haaren dynamische Effekte und fügen zufällige Augenbewegungen hinzu. Der Autor teilt verschiedene Animationstechniken, darunter Schleifenwerte, das Umschalten von gezeichneten Inhalten und verrauschte Bewegungen, mit vollständigem Code und Erklärungen, um Leser zu befähigen, ihre eigenen GLSL-Animationen zu erstellen.

(danielchasehooper.com)

Design Codekunst

US-County-Karten neu gedacht: Hexagonale Kacheln für eine innovative Datenvisualisierung

2025-02-05

Dieser Artikel beschreibt eine innovative Methode zur Datenvisualisierung: die Darstellung aller US-Countys in einem gleichmäßigen Raster aus Hexagonen. Dieser Ansatz behebt die Verzerrungen durch unterschiedlich große Countys auf traditionellen Karten und ermöglicht eine klarere Darstellung von Bevölkerungsdichte, sozioökonomischen Variablen usw. Die einzigartige lückenlose Kachelung der Hexagone vermeidet den „Rand-Effekt“ quadratischer Raster und stellt die Nachbarschaftsbeziehungen der Countys genauer dar. Visuelle Hinweise wie Farbintensität oder Größenanpassungen heben Unterschiede in der Bevölkerungsdichte, Wirtschaftsindikatoren, Daten zum öffentlichen Gesundheitswesen und anderen Kennzahlen hervor. Die Filterung nach Bundesstaat oder Region ermöglicht fokussierte Analysen und macht dieses Werkzeug vielseitig einsetzbar für die Entscheidungsfindung und regionale Entwicklung.

(www.jordanroga.com)

Design Hexagone

Lean Design trifft Kybernetik: Der Benutzer definiert den Zweck

2025-02-05

Dieser Artikel erforscht Design aus einer kybernetischen Perspektive und stützt sich auf die Ideen von Theoretikern wie Ashby und Beer. Er diskutiert Ashbys Gesetz der erforderlichen Vielfalt und hebt die Notwendigkeit ausreichender Vielfalt in einem Systemregler hervor, um Störungen zu bewältigen. Der Autor stellt die „Benutzerzweck-Hypothese“ und die „Gegenwirkungs-Hypothese“ vor und argumentiert, dass Benutzer letztendlich den Zweck eines Geräts bestimmen und Vereinfachung oder Komplexifizierung basierend auf dessen wahrgenommener Komplexität suchen. Der Artikel untersucht auch Poka-Yoke (Fehlervermeidung) in Lean-Prinzipien, die Kosten der Vielfalt im Design und die Bedeutung von sofortiger Rückmeldung, wobei das USB-Design als Fallstudie verwendet wird, die Kosten und Benutzererfahrung ausgleicht. Schließlich zitiert der Autor Krippendorff und betont, dass die Bedeutung eines Artefakts nicht inhärent ist, sondern vom Benutzer durch Interaktion zugewiesen wird, und fordert Designer auf, sich auf die Ermächtigung von Benutzern zu konzentrieren, anstatt spezifische Produkte zu entwerfen.

(stream.syscoi.com)

Design Kybernetik

CSS-Hover-Animation: Clevere Verwendung einer invertierten Radiusform

2025-02-02

Dieser Artikel zeigt eine Methode, um mit CSS einen coolen Hover-Animationseffekt zu erstellen. Durch die geschickte Kombination einer invertierten Radiusform, CSS-Variablen und `@property` wird eine sanfte Reveal-Animation erreicht, bei der der Text beim Darüberfahren allmählich erscheint. Der Code ist prägnant und effizient und nutzt CSS-Masken und -Verläufe für einen visuell beeindruckenden Effekt. Dies ist eine wertvolle CSS-Technik, die es sich zu lernen lohnt, geeignet für Entwickler mit etwas CSS-Erfahrung.

(css-tip.com)

Design CSS-Tricks

Die iPhone-Odyssee eines Fotografen: Ausverkaufte NFT-Kollektion von Zeitungskiosken

2025-02-01

Der Fotograf Trevor Traynor hat seit 2012 eine globale Reise unternommen und mit iPhones lebendige Zeitungskioske weltweit dokumentiert. 2022 verwandelte er diese Bilder in eine Sammlung von 100 einzigartigen NFTs, die innerhalb weniger Monate ausverkauft waren. Das Projekt gipfelte in einer physischen Ausstellung in Los Angeles und verband Online- und Offline-Erlebnisse. Dies zeigt eine gelungene Verschmelzung von Fotografie, NFT-Technologie und Kunst.

(www.trevortraynor.com)

Design

Webdesign: Von Templates zur Ausdruckskraft

2025-01-31

Im Jahr 2010 war eine benutzerdefinierte Website die digitale Visitenkarte eines Designers. Entwickler nutzten die Möglichkeiten von HTML5, um fantasievolle Websites zu erstellen. Doch der Aufstieg von Templates und Automatisierungstools führte zur Homogenisierung. Heute hat die Browsertechnologie enorme Fortschritte gemacht, doch viele Designer sind immer noch in alten Paradigmen verhaftet. Dieser Artikel fordert Designer auf, neue CSS-Funktionen wie HSL- und OKLCH-Farbräume und Container-Queries zu nutzen, um die Grenzen von Templates zu sprengen und ausdrucksstärkere Websites zu gestalten. Websites sollten mehr sein als nur Informationsbehälter; sie sind ein Raum für kreativen Ausdruck.

(www.figma.com)

Design kreativer Ausdruck

Category: Design