Category: Design

Le Secret des Textiles Wari : Pillage et Transformation de l’Art Andin

2025-02-14
Le Secret des Textiles Wari : Pillage et Transformation de l’Art Andin

Les textiles Wari constituent certains des exemples les plus remarquables de l’art textile andin. Cependant, leur étude est entravée par une provenance incertaine, de nombreuses pièces entrant dans les collections mondiales par des moyens illicites. L’absence de contexte archéologique rend difficile la compréhension de leur fonction et de leur signification originales. Des experts ont documenté des cas d’altération, notamment des coupes, des rognages et des remises à neuf, transformant ces vêtements d’ensembles multisensoriels portés sur le corps en objets d’art plats destinés à la consommation occidentale. Cette manipulation obscurcit leur contexte et leur but culturels originaux.

Perdus en Amour : Un Labyrinthe d'Art Génératif Basé sur des Noms

2025-02-14
Perdus en Amour : Un Labyrinthe d'Art Génératif Basé sur des Noms

« Perdus en Amour » de Bèr Kessels est un projet d'art génératif qui crée un labyrinthe unique basé sur deux noms fournis par l'utilisateur. Utilisant un algorithme de backtracking récursif, le projet anime le processus de génération du labyrinthe. Le design du labyrinthe est déterminé par l'aléatoire généré à partir des noms, sans options de personnalisation. L'objectif est de créer une œuvre d'art unique basée uniquement sur les deux noms. Le code est open-source et disponible sur GitHub.

L'alphabet incarné : de l'humanisme de la Renaissance aux commentaires pédagogiques

2025-02-13
L'alphabet incarné : de l'humanisme de la Renaissance aux commentaires pédagogiques

Les caractères typographiques ont longtemps été liés à la forme humaine. Des figures de la Renaissance comme Luca Pacioli et Geoffroy Tory ont utilisé l'anatomie humaine comme base pour les proportions des lettres, comme on le voit dans la gravure sur bois de Peter Flötner de 1534, « Menschenalphabet ». Des œuvres ultérieures, telles que « The Comical Hotch Potch » (1782), ont déplacé l'accent, utilisant l'alphabet pour commenter subtilement les aspects formateurs de caractère de l'éducation, en représentant des figures se contorsionnant comiquement pour imiter les formes des lettres.

Design corps humain

La subtile refonte de YouTube : un rouge raffiné

2025-02-13
La subtile refonte de YouTube : un rouge raffiné

YouTube a subtilement actualisé son image de marque, en se concentrant sur son rouge emblématique. L’ancien rouge pur présentait des problèmes techniques, apparaissant orange sur certains écrans et pouvant entraîner des brûlures d’écran. Le nouveau rouge est une teinte légèrement plus froide, résolvant ces problèmes tout en conservant une sensation vibrante et accessible. Il ne s’agissait pas d’une refonte révolutionnaire, mais d’un raffinement minutieux visant à améliorer l’expérience utilisateur sur divers appareils et écrans, tout en restant fidèle à l’identité de la marque.

Le paradoxe de la conception IA : commodité contre créativité

2025-02-12
Le paradoxe de la conception IA : commodité contre créativité

Un designer chevronné explore le double tranchant des outils de conception IA. Si l’IA offre une génération rapide de conceptions, elle comprime simultanément le processus de conception, éliminant le « vide productif » – ces moments cruciaux d’attente, d’exploration et d’itération où l’inspiration fleurit. L’auteur soutient que cet « effondrement du processus » risque de produire des conceptions superficielles et dénuées d’originalité, et il exprime son inquiétude quant au potentiel de l’IA à diminuer la créativité humaine. Il exhorte les designers à utiliser l’IA avec prudence, en la considérant comme un outil pour étendre, et non comprimer, la créativité, et à valoriser le frottement et la réflexion inhérents au processus de conception.

Le « Vert qui disparaît » de Disney : camoufler les infrastructures

2025-02-12
Le « Vert qui disparaît » de Disney : camoufler les infrastructures

Les parcs Disney utilisent une gamme de couleurs discrètes, incluant diverses nuances de vert, de gris, de brun et de bleu, surnommées « Vert qui disparaît », pour intégrer parfaitement des infrastructures telles que des haut-parleurs, des clôtures et des poubelles dans l'environnement. Cette technique de camouflage ingénieuse, inspirée des couleurs militaires, minimise les distractions et améliore l'expérience immersive, en concentrant l'attention des visiteurs sur les attractions plutôt que sur les éléments fonctionnels du parc. La stratégie s'applique aux grands bâtiments comme aux infrastructures plus petites.

Création d'effets de post-traitement époustouflants avec les shaders

2025-02-09
Création d'effets de post-traitement époustouflants avec les shaders

Cet article détaille le parcours de l'auteur en 2024 en apprenant des techniques de shaders et en les appliquant au post-traitement. Inspiré par des artistes comme @samdape et @hahajohnx, il a créé des motifs de pixels complexes, des effets de trompe-l'œil et du post-traitement interactif. L'article explore en profondeur les techniques derrière la pixellisation, la création de motifs à l'aide de SDF et de matrices de seuil, et la réalisation d'effets tels que des panneaux LED, du tissu tissé, des briques Lego et du verre dépoli. Des extraits de code et des démonstrations sont fournis.

Design

Visualisation des données : au-delà de l’illustration, vers l’élucidation

2025-02-07
Visualisation des données : au-delà de l’illustration, vers l’élucidation

Cet article loue les approches novatrices de visualisation des formules mathématiques. Prenant pour exemple le livre de Daniel Fleisch sur les équations de Maxwell, il soutient que les formules des publications académiques traditionnelles sont souvent opaques, tandis que de bonnes visualisations clarifient les informations complexes, atteignant l’« élucidation » plutôt que la simple « illustration ». Cela s’accorde avec le concept d’« explication visuelle » d’Edward Tufte, défendant le pouvoir de la visualisation des données pour rendre les informations complexes facilement compréhensibles.

Le paradoxe de Wright : architecture organique vs. gratte-ciel d'un mille

2025-02-06
Le paradoxe de Wright : architecture organique vs. gratte-ciel d'un mille

Le monde de l'architecture est divisé sur la question de la densité : les partisans de la haute densité plaident pour des villes denses et centralisées, tandis que les partisans de la faible densité défendent des banlieues décentralisées et étendues. Frank Lloyd Wright, architecte renommé connu pour son approche organique qui met l'accent sur la connexion d'un bâtiment à son environnement, appartenait à ce dernier groupe. Sa ville Broadacre illustre cette philosophie. Ironiquement, Wright a également conçu un gratte-ciel d'un mille, « The Illinois », un contraste saisissant avec ses principes organiques, ce qui incite à réfléchir sur la compatibilité de l'architecture organique et des bâtiments de grande hauteur.

Design

Rick en 240 lignes de code : une animation GLSL époustouflante

2025-02-06
Rick en 240 lignes de code : une animation GLSL époustouflante

Cet article détaille le parcours de huit mois de l’auteur lors de la création d’une animation époustouflante de Rick utilisant seulement 240 lignes de code GLSL, sans bibliothèques ni images. L’auteur intègre un éditeur de code en direct dans l’article, permettant aux lecteurs de programmer leurs propres animations. Le processus est expliqué étape par étape, des remplissages de couleur de base à l’utilisation de fonctions de distance signée (SDF) telles que les courbes de Bézier, les étoiles et les rectangles arrondis pour créer méticuleusement les caractéristiques et les cheveux de Rick. Les fonctions de bruit et la distorsion du domaine temporel apportent des effets dynamiques aux cheveux de Rick et ajoutent des mouvements oculaires aléatoires. L’auteur partage plusieurs techniques d’animation, y compris les valeurs de boucle, la commutation de contenu dessiné et le mouvement bruité, en fournissant le code complet et des explications pour permettre aux lecteurs de créer leurs propres animations GLSL.

Design art codé

Réimaginer les cartes des comtés américains avec des tuiles hexagonales : une nouvelle approche de la visualisation de données

2025-02-05

Cet article présente une technique innovante de visualisation de données : la division de tous les comtés américains en une grille uniforme d’hexagones. Cette approche surmonte le biais introduit par les superficies variables des comtés sur les cartes traditionnelles, permettant une représentation plus claire de la densité de population, des variables socio-économiques, etc. La propriété unique de pavage sans espace des hexagones évite « l’effet de bord » des grilles carrées, représentant plus précisément l’adjacence des comtés. Des indices visuels tels que l’intensité des couleurs ou les ajustements de taille mettent en évidence les différences de densité de population, d’indicateurs économiques, de données de santé publique et d’autres métriques entre les comtés. Le filtrage par État ou région permet des analyses ciblées, faisant de cet outil un outil polyvalent pour la prise de décision et le développement régional.

Design hexagones

Conception Lean rencontre la Cybernétique : L’utilisateur définit l’objectif

2025-02-05
Conception Lean rencontre la Cybernétique : L’utilisateur définit l’objectif

Cet article explore la conception d’un point de vue cybernétique, en s’appuyant sur les idées de théoriciens comme Ashby et Beer. Il aborde la loi de la variété requise d’Ashby, soulignant la nécessité d’une variété suffisante dans un régulateur de système pour gérer les perturbations. L’auteur présente l’« hypothèse du but de l’utilisateur » et l’« hypothèse de contre-action », en argumentant que les utilisateurs déterminent en fin de compte le but d’un dispositif et recherchent la simplification ou la complexification en fonction de sa complexité perçue. L’article explore également le Poka-Yoke (à l’épreuve des erreurs) dans les principes Lean, le coût de la variété dans la conception et l’importance du retour d’information immédiat, en utilisant la conception du port USB comme étude de cas qui équilibre le coût et l’expérience utilisateur. Enfin, l’auteur cite Krippendorff, soulignant que la signification d’un artefact n’est pas inhérente, mais attribuée par l’utilisateur par le biais de l’interaction, incitant les concepteurs à se concentrer sur l’autonomisation des utilisateurs plutôt que sur la conception de produits spécifiques.

Design Cybernétique

Animation au survol CSS : utilisation astucieuse d’une forme de rayon inversé

2025-02-02
Animation au survol CSS : utilisation astucieuse d’une forme de rayon inversé

Cet article présente une méthode pour créer un effet d’animation au survol élégant à l’aide de CSS. En combinant intelligemment une forme de rayon inversé, des variables CSS et `@property`, on obtient une animation de révélation progressive où le texte apparaît graduellement au survol. Le code est concis et efficace, utilisant des masques et des dégradés CSS pour un effet visuellement époustouflant. Il s’agit d’une technique CSS précieuse qui vaut la peine d’être apprise, adaptée aux développeurs ayant une certaine expérience de CSS.

L'Odyssée d'un Photographe avec iPhone : Collection NFT de Kiosques à Journaux Épuisée

2025-02-01
L'Odyssée d'un Photographe avec iPhone : Collection NFT de Kiosques à Journaux Épuisée

Le photographe Trevor Traynor a entrepris un voyage mondial depuis 2012, documentant des kiosques à journaux vibrants dans le monde entier en utilisant uniquement des iPhones. En 2022, il a transformé ces images en une collection de 100 NFT uniques, qui se sont vendus en quelques mois. Le projet a culminé par une exposition physique à Los Angeles, combinant des expériences en ligne et hors ligne. Cela montre une fusion réussie de la photographie, de la technologie NFT et de l'art.

Design

Conception de sites web : des modèles à l'expression

2025-01-31
Conception de sites web : des modèles à l'expression

En 2010, un site web personnalisé était la carte de visite numérique d'un concepteur. Les développeurs utilisaient les capacités de HTML5 pour créer des sites web imaginatifs. Mais l'essor des modèles et des outils d'automatisation a conduit à l'homogénéisation. Aujourd'hui, la technologie des navigateurs a considérablement progressé, mais de nombreux concepteurs restent bloqués dans d'anciens paradigmes. Cet article invite les concepteurs à utiliser les nouvelles fonctionnalités CSS, telles que les espaces colorimétriques HSL et OKLCH, et les requêtes de conteneur, pour briser les limites des modèles et créer des sites web plus expressifs. Les sites web doivent être plus que de simples conteneurs d'informations ; ils sont un espace d'expression créative.

1 2 3 4 5 6 8 Next →