Webtagr - Résumé de news de technologie

L'hymne techno-pop obscur de Kylie Minogue sur une police de caractères

2025-03-25

En 1997, l'icône pop Kylie Minogue s'est associée au producteur Towa Tei pour le morceau étonnamment accrocheur "GBI (German Bold Italic)", une chanson chantée de manière unique du point de vue d'une police de caractères. Ce n'était pas seulement une chanson ; c'était une expérience créative de design de police. L'artiste Hiro Sugiyama a créé la police GBI pour accompagner le morceau, incluse comme piste de données sur l'album de Tei et disponible en téléchargement. Le single et le design de la police, un mélange de techno et de culture pop de la fin des années 90, restent relativement obscurs aujourd'hui, mais occupent une place unique dans l'histoire du design et de la musique, avec une utilisation occasionnelle par des artistes sélectionnés.

(abcdinamo.com)

Design

Le Plateau de l'Innovation en Visualisation de Données : De l'Âge d'Or à la Stagnation

2025-03-25

Cet article explore les raisons de la stagnation de l'innovation dans le domaine de la visualisation de données. L'auteur revient sur le développement fulgurant de la visualisation de données vers 2010, avec l'émergence de nombreux graphiques interactifs innovants. Cependant, une décennie plus tard, l'innovation semble s'être essoufflée, les formats interactifs courants comme le scrollytelling dominant et entraînant une fatigue visuelle. L'article soutient que les habitudes de lecture mobile-first, la demande de contenu facile à comprendre et les stratégies d'investissement conservatrices pendant les périodes de ralentissement économique ont toutes contribué à ce phénomène. Malgré ce ralentissement de l'innovation, l'auteur estime qu'il ne s'agit que d'une phase naturelle du cycle d'innovation, et de nouvelles percées sont encore à attendre dans le futur.

(www.shirleywu.studio)

Design

Papier à barres de couleur nostalgique : simulation web et histoire

2025-03-24

Cet article revient sur le papier à barres de couleur populaire jusqu'à la fin des années 1990, qui utilisait des barres horizontales colorées pour faciliter la lecture. L'auteur simule divers effets de papier à barres de couleur (y compris le vert, le bleu, le jaune, etc.) sur une page web et explique comment imiter ce style dans les logiciels et la conception web modernes. L'article aborde également le contexte historique et les différentes approches pour simuler cet effet dans différents environnements logiciels et web.

(mw.rat.bz)

Design style rétro papier d'impression

La renaissance moderniste de la peinture inversée

2025-03-23

Au début des années 1900, la peinture inversée, ou peinture à paillettes dans sa version américaine, était tombée en désuétude, considérée comme un art féminin et démodé. Cependant, à partir des années 1910, des artistes comme Marsden Hartley et Rebecca Salsbury James ont revitalisé la technique, en développant des thèmes traditionnels et en explorant de nouvelles palettes de couleurs, de nouvelles lignes et de nouvelles approches spatiales, donnant une touche moderniste à ce vieil art. Cela a coïncidé avec des œuvres similaires de Janoszanka en Pologne, montrant le pouvoir de l'innovation artistique pour réinterpréter les techniques traditionnelles.

(publicdomainreview.org)

Design peinture inversée modernisme histoire de l'art

Plugin d'exportation de région Krita : exportez facilement des régions du canevas

2025-03-22

Ce plugin Krita vous permet d'exporter n'importe quelle région de votre canevas, avec redimensionnement facultatif. Installation : Placez le dossier `region_exporter` dans le sous-dossier `pykrita` du dossier de ressources de Krita. Placez `region_exporter.desktop` à la racine du dossier de ressources de Krita et `region_exporter.action` dans le sous-dossier `actions`. Utilisation : Utilisez le raccourci Ctrl + Shift + E ou le menu Outils. Entrez les coordonnées, la taille, la rotation et les options de sélection de calque pour exporter votre image.

(github.com)

Design Exportation d'image

Grilles hexagonales responsives avec CSS pur : une approche basée sur float

2025-03-20

Cet article montre comment créer des grilles hexagonales entièrement responsives sans utiliser de requêtes media, de JavaScript ou de hacks excessifs. En utilisant intelligemment `clip-path`, `float` et `shape-outside`, ainsi que des variables CSS pour la taille et l'espacement, une mise en page flexible est obtenue. La technique est étendue pour créer des grilles de losanges, d'octogone et plus encore. CSS Grid est utilisé pour le centrage et le contrôle du débordement, ce qui donne un système de grille réactif et adaptable avec des formes personnalisables.

(css-tricks.com)

Design Design responsif Grilles de formes

Le passé, le présent et l'avenir incertain de la conception d'interface utilisateur de bureau

2025-03-18

De la « Mère de toutes les démonstrations » d'Engelbart en 1968 à l'omniprésence des écrans tactiles d'aujourd'hui, cet article retrace l'évolution de la conception d'interface utilisateur de bureau. En examinant des exemples emblématiques tels que le Xerox Alto et le Sun Starfire, il explore les visions pour les futures interfaces utilisateur, notamment le tactile, le contrôle vocal et les toiles infinies. Cependant, l'auteur soutient que de nombreuses innovations n'ont pas été de véritables améliorations, ajoutant plutôt des frictions. L'article conclut que l'avenir de l'IU de bureau ne sera peut-être pas une réinvention radicale, mais plutôt un raffinement progressif des conceptions existantes, en mettant l'accent sur la cohérence et la familiarité plutôt que sur la nouveauté.

(www.datagubbe.se)

Design Conception d'IU Interaction homme-machine

Distorsions de formes liquides : générateur d’animations psychédéliques gratuit

2025-03-17

Distorsions de formes liquides est un générateur d’animations psychédéliques gratuit basé sur un navigateur qui crée des œuvres d’art psychédéliques en utilisant des mouvements liquides, des distorsions, des ombres et de la lumière. Inspiré par la musique drum & bass/acid techno et les affiches de rave des années 90, cet outil peut être utilisé pour créer des œuvres d’art pour des clips vidéo, des affiches de concert, des animations stylisées dans des projets créatifs ou simplement pour apprécier la musique. Les utilisateurs peuvent utiliser des raccourcis clavier et un menu de contrôle pour la randomisation, la pause/lecture, les captures d’écran, l’exportation vidéo, la lecture de musique et la personnalisation de la taille de la toile, de la vitesse d’animation, des motifs et des couleurs. L’animation est créée avec des shaders WebGL, ce qui donne une œuvre d’art unique à chaque exécution. Ce projet open source est gratuit pour un usage personnel et commercial.

(collidingscopes.github.io)

Design animation psychédélique

Nos interfaces plates ont perdu leurs sens

2025-03-16

Des cartes perforées aux écrans tactiles, l'interaction homme-machine a considérablement évolué. Cependant, les interfaces plates d'aujourd'hui, excessivement dépendantes de la saisie de texte et des éléments visuels, négligent les entrées sensorielles tactiles, auditives et autres, ce qui se traduit par des expériences utilisateur moins riches et engageantes. Cet article préconise la refonte des interfaces pour intégrer plusieurs modalités d'interaction : texte, visuels, son, haptique, afin de créer une interaction homme-machine plus immersive et efficace. L'auteur suggère de combiner la saisie vocale et les gestes pour une collaboration multisensorielle.

(wattenberger.com)

Design design d'interface

Le Kerning à la Dure : Une Histoire de GSUB et de Polices Rayées

2025-03-14

Cet article détaille la lutte de l'auteur et la solution finale pour le kerning d'une police unique avec des formes de lettres rayées verticalement. Les techniques de kerning GPOS standard ont échoué en raison du chevauchement des parties des lettres. La solution ingénieuse a impliqué des recherches GSUB pour diviser les lettres en composants gauche et droit, en remplaçant les sections qui se chevauchent par des connecteurs personnalisés. Ce processus complexe reposait fortement sur des scripts Python personnalisés utilisant les bibliothèques fontTools et fontFeatures. Bien que la police soit incomplète, le défi principal du kerning a été surmonté, offrant une approche nouvelle pour la conception de polices non conventionnelles.

(home.octetfont.com)

Design conception de police

L'architecte méconnu d'Hollywood : l'histoire de Paul R. Williams

2025-03-14

Le documentaire « L'architecte d'Hollywood : l'histoire de Paul R. Williams » retrace la vie de Paul Revere Williams, premier membre afro-américain de l'American Institute of Architects. Surmontant d'immenses obstacles raciaux, Williams a conçu des bâtiments emblématiques comme l'aéroport international de Los Angeles et des maisons pour des légendes d'Hollywood. Le film célèbre non seulement son talent extraordinaire, mais met également en lumière le manque de diversité dans l'architecture et l'importance de préserver son héritage, incitant à la réflexion sur l'égalité raciale et la préservation du patrimoine culturel.

(www.latimes.com)

Design égalité raciale

Générateur d'illustrations IA : sublimez vos visuels

2025-03-14

Vous avez besoin d'illustrations accrocheuses pour votre application, votre site web ou vos réseaux sociaux ? Cet outil alimenté par l'IA crée des graphiques personnalisés pour tout, des interfaces d'applications et des écrans d'intégration aux images de héros pour les sites web et les publications sur les réseaux sociaux. Améliorez vos visuels grâce à une marque cohérente sur les guides d'utilisation, les tutoriels, les articles, les boutiques en ligne et les plateformes éducatives. Rendez votre contenu plus attrayant et votre marque plus mémorable.

(www.illustration.app)

Design illustration IA design visuel générateur d'illustrations

Liu Jiakun remporte le prix Pritzker d'architecture 2025

2025-03-14

Liu Jiakun, architecte de Chengdu, en Chine, a reçu le prestigieux prix Pritzker d'architecture 2025, la plus haute distinction de l'architecture. Son œuvre allie habilement des éléments apparemment opposés – utopie et vie quotidienne, histoire et modernité, collectivisme et individualisme – créant des bâtiments qui respectent l'histoire culturelle tout en restant profondément liés à la vie des citoyens ordinaires. Il privilégie les espaces publics, en équilibrant habilement la densité et l'ouverture dans les villes surpeuplées, intégrant les bâtiments de manière transparente au tissu de la vie urbaine en tant qu'infrastructure, paysage et espace public à la fois. Ses projets témoignent d'un respect pour la culture, l'histoire et la nature, intégrant des éléments de l'architecture chinoise classique avec une sensibilité de design moderne. Des exemples incluent les avant-toits doucement inclinés du musée de Suzhou et les murs-fenêtres du parc des zones humides de la baie de l'aigrette à Chengdu, montrant à la fois tradition et innovation.

(www.pritzkerprize.com)

Design Prix Pritzker Architecture chinoise

Générateur de polices : Mettez en valeur vos textes sur les réseaux sociaux

2025-03-14

Font Generator est un outil en ligne qui vous permet de saisir du texte simple et de le convertir en plus de 180 styles de texte élégants. Pour rendre votre texte amusant et stylé, il utilise des milliers de symboles sympas de Unicode et les combine pour créer des polices. Cela vous permet d'écrire en gras, souligné, cursif ou italique sur des plateformes où ce formatage n'est généralement pas possible. Il suffit de saisir votre texte et de sélectionner votre police préférée pour copier et coller.

(fontgenerator.cool)

Design générateur de polices

Crânes, monstres et mort : Réexamen du graveur mexicain José Guadalupe Posada

2025-03-10

Comme le souligne le critique culturel Ilan Stavans, l'œuvre de Posada nous transporte dans un univers d'incidents gothiques, grotesques, magiques et bizarres, la mort étant un thème principal, non existentiel ou douloureux, mais irrévocable, social et égalitaire. Son monde est peuplé de chauves-souris, de griffons, de squelettes, d'hybrides animaux, de serpents, d'explosions, de pistolets, de démons, de fantômes et de difformités. Au lieu de considérer ces éléments macabres comme une note de bas de page, nous devons considérer leur signification inhérente.

(publicdomainreview.org)

Design gravure mexicaine imagerie de la mort art gothique

Le Triomphe londonien de Hammershøi : De Wimpole Street à la reconnaissance critique

2025-03-09

Vilhelm Hammershøi passa l'hiver 1912 et le printemps 1913 en Angleterre, couronnant son séjour d'expositions couronnées de succès. Son ascension commence grâce à Leonard Borwick, un pianiste renommé qui, après avoir découvert l'œuvre de Hammershøi, devient son ardent défenseur. Borwick, un favori de la Reine Victoria, obtient des expositions dans des lieux prestigieux londoniens, dont le Guildhall et la Galerie Van Wisselingh. Les expositions sont saluées par la critique, Hammershøi étant qualifié de « découverte de la saison » et ses peintures louées pour leur « réserve et leur froideur ». L'affinité personnelle de Hammershøi pour la musique, visible dans ses croquis d'enfance et les récits de son épouse, a probablement influencé sa vision artistique.

(www.richardmorris.org)

Design exposition Danemark

SVG : Graphiques vectoriels évolutifs pour la conception web

2025-03-09

Cet article répond aux questions fréquentes sur le SVG (Scalable Vector Graphics), couvrant sa définition, les méthodes de conversion d'images, les avantages par rapport à d'autres formats comme PNG et JPEG, les sources de ressources gratuites, l'utilisation en HTML, les techniques d'animation, la mise en œuvre d'un design adaptatif, l'optimisation et les outils d'édition. Les designers et développeurs web trouveront des informations pratiques sur l'utilisation du SVG.

(websvg.com)

Design

IA Art: Une Princesse aux Cheveux Argentés Onirique

2025-03-08

Cette œuvre d'art générée par IA représente une princesse aux cheveux argentés et aux yeux violets, assise élégamment dans un étang magiquement lumineux, vêtue d'une magnifique robe blanche et violette ornée de détails floraux. Entourée de papillons et de pétales, l'image est exquisément détaillée, onirique et évoque une atmosphère fantastique. L'ombrage et l'éclairage complexes mettent en valeur les capacités avancées de l'art par IA.

(www.gentube.app)

Design onirique princesse

Duel d'art grec antique remixé : la fresque de Hardham et l'illusion de la réalité

2025-03-05

Cet article relie une fresque du XIIe siècle de l’église de Hardham au célèbre concours de peinture entre Zeuxis et Parrhasios dans la Grèce antique. Parrhasios, connu pour sa peinture de rideau trompe-l’œil, a même trompé Zeuxis. La fresque de Hardham utilise la même ruse dans sa représentation de « La Déception d’Adam et Ève », remettant en question la perception des images par les spectateurs. L’article explore la nature et la valeur de l’art et met en garde contre le piège du réalisme visuel, prônant une « vision spirituelle » pour transcender les limites des choses visibles.

(keithamcgowan.blogspot.com)

Design Histoire de l’art Techniques de peinture Perception visuelle

Évitez le «vélo cauchemar» : la pensée systémique dans la conception de produits

2025-03-05

Cet article critique la tendance dans la conception de produits à sursimplifier l’expérience utilisateur. Prenant l’exemple du « vélo cauchemar » (sans vitesses numérotées, uniquement des boutons pour des scénarios spécifiques), il soutient que ces conceptions occultent la structure sous-jacente du système, nuisant à l’efficacité de l’utilisateur. Un bon design révèle la structure du système, permettant aux utilisateurs de le comprendre et de l’appliquer ; un mauvais design remplace la compréhension systémique par des étiquettes superficielles, limitant en fin de compte l’apprentissage et l’application de l’utilisateur. L’auteur plaide contre la sursimplification, faisant confiance à la capacité d’apprentissage des utilisateurs – tout comme un four à micro-ondes n’a besoin que de boutons de temps et de puissance, les utilisateurs peuvent trouver comment cuisiner.

(www.geoffreylitt.com)

Design pensée systémique

Triomphe de l'animation indépendante : Flow, entièrement réalisé avec Blender

2025-03-03

Le film d'animation Flow, un voyage mystique d'un chat et de ses compagnons, témoigne de la puissance de Blender. Une petite équipe indépendante, utilisant le moteur de rendu en temps réel EEVEE de Blender, a surmonté les contraintes budgétaires pour créer un film acclamé par la critique, récoltant plus de 60 prix et des nominations aux Oscars. Le réalisateur Gints Zilbalodis détaille son workflow optimisé, soulignant l'importance de la vitesse et de l'adaptabilité. L'ingéniosité et l'esprit collaboratif de l'équipe, ainsi que les capacités de Blender, montrent le potentiel des cinéastes indépendants pour atteindre un succès remarquable.

(www.blender.org)

Design Film indépendant

Solarpunk : Une vision optimiste pour un avenir durable

2025-03-03

Solarpunk est plus qu'un sous-genre de science-fiction ; c'est un mouvement socioculturel englobant la littérature, l'art, la mode et l'activisme. Au cœur du solarpunk se trouve la vision et la poursuite d'un avenir durable profondément lié à la nature et à la communauté. Rejetant les récits dystopiques, il embrasse les énergies renouvelables, l'éthique du DIY et des éléments contre-culturels du punk comme la rébellion et le post-capitalisme. En contraste frappant avec la représentation cyberpunk de l'aliénation technologique et de l'injustice sociale, le solarpunk offre une vision optimiste de la technologie harmonieusement intégrée à la nature. De la littérature et de l'art à l'architecture et au style de vie, le solarpunk est en train de façonner un nouveau paradigme culturel.

(en.wikipedia.org)

Design Fiction Utopique

Painteresque : Transformez vos photos en œuvres d'art grâce à l'IA

2025-03-01

Painteresque est une application mobile locale qui transforme vos photos en différents styles artistiques tels que des peintures à l'huile, des croquis au fusain et des dessins au crayon de couleur en quelques secondes. Elle propose plusieurs filtres et paramètres personnalisables, les résultats variant selon le contenu de la photo ; les paysages et les natures mortes fonctionnent généralement bien, tandis que les portraits peuvent donner des résultats mitigés. Toutes les fonctionnalités sont gratuites, sans publicité ni suivi ; les développeurs comptent sur des pourboires facultatifs dans l'application pour leur soutien.

(apps.apple.com)

Design IA artistique application mobile

La Mort et la Renaissance du Récit dans l'Art : Une Lutte Intemporelle

2025-02-28

Cet article explore l'imposition interne et externe du récit dans l'art et les tentatives de destruction du récit dans l'art du XXe siècle. Le récit dans les arts visuels comme la peinture est souvent dérivé par le spectateur, tandis que les arts littéraires possèdent un récit inhérent. Les mouvements d'avant-garde du XXe siècle ont cherché à briser le récit, mais avec peu de succès durable dans les arts basés sur le temps comme la littérature et la musique. L'auteur critique l'imposition de récits autoritaires par les artistes ou les critiques, arguant que les œuvres d'art doivent posséder une valeur esthétique indépendante. En fin de compte, l'article souligne la dimension du temps et de l'expérience intellectuelle comme facteurs clés dans le développement de récits complexes dans la littérature, la musique et le cinéma.

(medium.com)

Design récit

Frederick Monsen : redécouverte d'un héritage photographique perdu du Sud-Ouest américain

2025-02-26

Cet article présente le photographe méconnu Frederick Monsen, né en Norvège en 1865 et ayant immigré dans l'Utah. Monsen a consacré sa vie à photographier les paysages et les habitants amérindiens du Sud-Ouest américain. Son œuvre offre un aperçu poignant de la vie des gens à cette époque. De 1886 à 1911, il a capturé des images des Navajo, Hopi, Apache et d'autres tribus, ainsi que des pionniers, des missionnaires et d'autres personnages, laissant derrière lui un précieux héritage photographique. Ses photos ne montrent pas seulement des paysages naturels époustouflants, mais invitent également à la contemplation sur les vies et les histoires de ceux dont les souvenirs sont en grande partie préservés dans ces images.

(cosmographia.substack.com)

Design Sud-Ouest américain Amérindiens

En défense des étiquettes de texte : pourquoi les icônes seules ne suffisent pas

2025-02-22

Cet article plaide en faveur de l’importance des étiquettes de texte associées aux icônes dans la conception d’interfaces utilisateur. L’auteur soutient que le recours exclusif aux icônes augmente la charge cognitive, car de nombreuses icônes manquent de clarté immédiate et nécessitent une interprétation supplémentaire, notamment dans les interfaces complexes comportant de nombreux icônes. Les étiquettes de texte clarifient efficacement le sens, réduisant ainsi l’ambiguïté et améliorant la convivialité. L’article souligne également les incohérences dans l’iconographie entre différentes applications, ce qui accroît la confusion de l’utilisateur. Par conséquent, l’auteur préconise une approche combinée, utilisant à la fois les icônes et les étiquettes de texte pour une expérience utilisateur optimale.

(www.chrbutler.com)

Design Conception UI Icônes Étiquettes de texte

Un modèle 3D époustouflant de la tour Sutro de San Francisco est disponible

2025-02-20

Un modèle 3D impressionnant de la tour Sutro de San Francisco, utilisant les dernières avancées du Gaussian Splatting, est désormais disponible en ligne ! Créé à partir d'images de drones, aligné dans RealityCapture, entraîné avec gsplat, compressé avec SOGS et rendu dans PlayCanvas, la scène entière est étonnamment légère, avec seulement 30 Mo. Les utilisateurs peuvent explorer le modèle en ligne, et les utilisateurs de mobiles peuvent activer le mode RA pour une expérience immersive. Remerciements spéciaux à Wieland Morgenstern et Donovan Hutchence pour leurs contributions techniques.

(vincentwoo.com)

Design modèle 3D tour Sutro

Versailles : Le pouvoir et l’absence d’âme dans le design

2025-02-19

La construction de Versailles est née du désir de pouvoir de Louis XIV et de son envie des magnifiques jardins de son ancien ministre des finances. L’auteur utilise cela comme tremplin pour discuter du manque d’âme dans la conception de produits modernes. Il soutient que, tout comme Versailles est impressionnant mais sans vie, de nombreux produits modernes privilégient l’esthétique superficielle et la fonctionnalité, négligeant la connexion émotionnelle. La véritable conception, affirme-t-il, doit provenir des expériences émotionnelles du concepteur, en puisant dans ses propres profondeurs, comme un jardinier cultivant la terre, pour créer des produits pleins de vie. L’article utilise l’architecture comme exemple, contrastant les sentiments évoqués par la Sagrada Familia et un bâtiment de central téléphonique, soulignant l’importance de l’émotion dans la conception.

(www.doc.cc)

Design Émotion Produit

Calendrier 3D configurable en OpenSCAD : Congruence de Zeller et au-delà

2025-02-14

Un développeur a créé un modèle de calendrier imprimable en 3D hautement configurable à l'aide d'OpenSCAD. En utilisant la congruence de Zeller pour des calculs précis du jour de la semaine, le modèle ajuste automatiquement les décalages de date. Les utilisateurs peuvent personnaliser les mois rendus, la mise en page des colonnes, la hauteur de la couche, ajouter des marquages de jours fériés personnalisés et même inclure des trous pour aimants. Ce projet met en évidence la puissance d'OpenSCAD dans la mise en œuvre d'algorithmes et la modélisation paramétrique, prenant en charge les fonctionnalités multilingues et l'impression multi-matériaux.

(chrastecky.dev)

Design Calendrier

La police la plus travailleuse de Manhattan : le mystère de Gorton

2025-02-14

Cet article détaille la quête obsessionnelle de l’auteur pour percer le mystère de Gorton, une police étonnamment omniprésente mais discrète. Initialement utilisée avec des machines de gravure, sa robustesse l’a conduite à une adoption généralisée dans divers contextes, des claviers aux engins spatiaux. La recherche de plusieurs années de l’auteur, couvrant d’innombrables kilomètres et lieux, révèle l’histoire centenaire de Gorton, en remontant à ses origines chez un fabricant de lentilles britanniques et son évolution ultérieure à travers diverses itérations comme Leroy. Bien que loin d’être parfaite, le charme de Gorton réside dans ses imperfections et sa présence durable, consolidant son statut de police la plus travailleuse de Manhattan.

(aresluna.org)

Design histoire du design

Category: Design