Webtagr - Résumé de news de technologie

Leçons d'un guide de jardinage paysager de 1834 : Concevoir des expériences engageantes

2025-06-11

Cet article explore les principes du guide de jardinage paysager de Hermann von Pückler-Muskau de 1834, "Conseils sur l'aménagement paysager", et les applique au développement de logiciels modernes et à la conception de jeux. Trois points clés sont mis en évidence : 1. Guider subtilement les sentiers, en faisant en sorte que les courbes semblent naturelles et intentionnelles ; 2. Cacher stratégiquement les éléments principaux pour créer de l'anticipation et de la surprise ; et 3. Privilégier l'émulation à la simulation, en recherchant le réalisme et une conception harmonieuse. Ces principes dépassent l'architecture paysagère, offrant des informations précieuses pour la création d'expériences numériques immersives, telles que des cartes de jeux ou des interfaces utilisateur.

(fi-le.net)

Design conception paysagère

La cuisine de Francfort : une icône moderniste et ses controverses

2025-06-11

Conçue en 1926 par Margarete Schütte-Lihotzky, la cuisine de Francfort a servi de prototype standard, largement mis en œuvre dans le projet de logement « Nouvelle Francfort » des années 1920. Inspirée par l’efficacité industrielle et la production en chaîne, elle privilégiait la fonctionnalité et minimisait l’espace, avec une disposition semblable à celle d’une cuisine de wagon-restaurant. L’objectif était d’« industrialiser » les tâches ménagères. Cependant, ce design a également suscité des controverses ; s’il améliorait l’hygiène, il ne remettait pas en cause la division sexuelle du travail et a par la suite été critiqué pour avoir négligé les besoins individuels. Aujourd’hui, la cuisine de Francfort représente un chapitre significatif de l’histoire du design moderne, exposée dans les musées, montrant à la fois la brillance et les limites des idéaux modernistes.

(museumderdinge.org)

Design École de Francfort

Les tabourets à trois pieds de Wharton Esherick : des chutes de bois à des icônes

2025-06-10

Les tabourets à trois pieds de Wharton Esherick comptent parmi ses œuvres les plus reconnaissables. Initialement créés pour compléter ses revenus en utilisant des chutes de bois, ces tabourets sont non seulement beaux et confortables, mais aussi légers et faciles à déplacer. Esherick les a façonnés en fonction du grain du bois, en concevant soigneusement la structure des pieds pour allier légèreté et robustesse. Présentés dans des publicités pour Armstrong Linoleum, ces tabourets ont acquis une reconnaissance inattendue et sont aujourd'hui des objets de collection très recherchés, à des prix importants.

(whartonesherickmuseum.org)

Design design d'art design de meubles

Dix ans de photographie : de la passion à la réflexion

2025-06-10

Un photographe entreprend un voyage de dix ans à travers le monde, du Canada au Japon, de l'Europe aux États-Unis, à la recherche du sens de la photographie. Son parcours évolue de la maîtrise technique à l'exploration culturelle et à l'expression de soi, abandonnant la quête de validation sur les réseaux sociaux au profit de projets plus profonds. Il est témoin de la fragmentation de la culture à l'ère numérique et de l'impact de l'IA sur la création artistique. Finalement, il réalise que la véritable valeur ne réside pas dans la quantité ou l'attention, mais dans l'engagement à long terme envers son travail et l'expression de soi.

(leejo.github.io)

Design

L'icône du Finder inversée de macOS Tahoe suscite le débat

2025-06-10

La mise à jour macOS Tahoe, dévoilée à la WWDC2024, présente une icône du Finder inversée, suscitant la controverse. L'auteur soutient que cela rompt avec la longue tradition de conception, apparaissant discordant et inutile. Il souligne que le côté sombre de l'icône du Finder a toujours été à gauche depuis System 7.5.3 en 1996. Bien qu'Apple ait probablement cherché la cohérence avec la nouvelle interface Liquid Glass, l'auteur estime que cela perturbe un design classique, en soumettant des commentaires en conséquence. Il a même redessiné l'icône en utilisant l'application Icon Composer d'Apple, démontrant sa compatibilité avec Liquid Glass tout en conservant la disposition traditionnelle.

(512pixels.net)

Design

WWDC2025 d'Apple : le redesign Liquid Glass envahit toutes les plateformes

2025-06-09

Apple a dévoilé Liquid Glass, une mise à jour de design majeure lors de la WWDC2025, apportant des effets de transparence et de brillance semblables au verre à iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 et tvOS 26. Inspiré par visionOS, ce design universel s'adapte aux modes clair et sombre, transformant des éléments allant du dock et de l'écran de verrouillage aux interfaces d'applications telles que Caméra et Safari. De nouvelles API sont fournies aux développeurs pour mettre à jour leurs applications pour cette refonte majeure de l'interface utilisateur. Marquant le changement de design le plus important d'Apple en plus de dix ans, Liquid Glass aura un impact significatif sur le développement d'applications dans les mois à venir.

(www.theverge.com)

Design Langage de Design Mise à jour de l'IU

Au revoir, Figma : la révolution de l’IA dans la conception d’interfaces utilisateur

2025-06-09

Votre futur vous écrit : abandonnez Figma et les autres outils de conception d’interfaces utilisateur ! Grâce à un système de conception mature et à l’IA, vous pouvez échapper à l’enfer du pixel parfait. Des croquis dessinés à la main, traités par l’IA, génèrent du code prêt pour la production en quelques secondes, vous libérant pour vous concentrer sur la résolution de problèmes commerciaux et utilisateurs au lieu de peaufiner des pixels dans Figma. La conception n’est plus de la production, mais de la création véritable. Cela nécessite la construction d’un système de conception mature, l’investissement dans l’exploration de la conception, une collaboration étroite avec les équipes et un démarrage progressif. L’IA ne vous remplacera pas ; elle vous donnera des superpouvoirs !

(jondaiello.medium.com)

Design IA Design Systèmes de Conception

Arrêtez de noyer votre site web dans des astuces de design !

2025-06-09

Concepteurs, il est temps de faire le point ! L’utilisation excessive d’éléments de design voyants, tels que des animations et des fenêtres contextuelles, nuit à l’expérience utilisateur. Les recherches de Google montrent que les utilisateurs se forgent une opinion sur les sites web en 50 millisecondes ; des temps de chargement lents entraînent une perte significative d’utilisateurs. Le site web moyen pèse désormais environ 2,5 Mo, soit plus que le jeu Doom original ! Un bon design est synonyme de simplicité et de fonctionnalité, en aidant les utilisateurs à atteindre leurs objectifs efficacement, et non en se montrant. Privilégiez la satisfaction de l’utilisateur et les taux de conversion aux prix de design. N’oubliez pas qu’un bon design est invisible ; il facilite la connexion humaine et le partage d’informations, et non une galerie d’art.

(websmith.studio)

Design

L'ascension et la chute (et le retour ?) de `<blink>` et `<marquee>`

2025-06-08

Vous vous souvenez du texte clignotant et des marquees sur les sites web ? Cet article plonge dans l’histoire singulière des balises HTML `` et ``, populaires dans les années 1990. De leur création accidentelle dans Netscape Navigator 2.0 à la balise `` innovante (et discutablement atroce) d’Internet Explorer, l’histoire explore leurs problèmes de compatibilité bizarres et comment elles ont défini – et parfois sapé – la conception web initiale. Bien qu’obsolètes aujourd’hui, leur impact sur le développement web est indéniable.

(danq.me)

Design histoire du design web balises HTML

Un artiste britannique crée une sculpture en acier ludique et légère

2025-06-06

L'artiste britannique Alex Chinneck a dévoilé "A week at the knees", une nouvelle sculpture à la Clerkenwell Design Week de Londres. Fabriquée à partir de 320 mètres d'acier réutilisé et de 7 000 briques, cette œuvre de 5 mètres de haut et de 12 tonnes n'a que 15 centimètres d'épaisseur. Elle anthropomorphise de manière ludique une façade géorgienne, ses niveaux inférieurs semblant assis les genoux pliés, créant une interaction fantaisiste avec le parc environnant. La sculpture allie habilement le poids des matériaux à un effet visuel léger et gracieux, créant une expérience artistique unique dans le contexte historique des places et jardins de Londres.

(www.thisiscolossal.com)

Design sculpture installation artistique publique

!Camera : Redéfinir la photographie mobile

2025-06-05

Dites adieu à la photographie mobile ennuyeuse ! !Camera est une application de caméra avec une interface entièrement 3D, un éclairage dynamique, des sons et un retour haptique personnalisé qui évoquent l’expérience tactile de tenir un appareil photo haut de gamme. Elle utilise le traitement photo SuperRaw™ pour préserver le grain naturel du film et prend en charge l’enregistrement de fichiers RAW au format DNG. De plus, elle offre un étalonnage des couleurs de niveau professionnel avec des préréglages intégrés et des LUT (tables de recherche) pour des résultats époustouflants sans édition ultérieure. Plus important encore, elle privilégie la confidentialité de l’utilisateur, en stockant toutes les photos localement sur son appareil.

(notbor.ing)

Design interface caméra 3D

Fragment de CSS mystérieux : décryptage d’une mise en page web

2025-06-04

Cet extrait de code CSS définit le style d’une mise en page web, notamment les styles pour la grille, les colonnes et les cellules. L’analyse révèle un usage intensif des sélecteurs de classe et d’attribut, ajustant finement des propriétés telles que la position, la taille et l’arrière-plan des éléments web. Cela suggère que cet extrait est probablement destiné à une mise en page web complexe, ou peut-être à l’ajustement fin d’une mise en page existante. Le style de codage est verbeux et gagnerait à être plus lisible.

(oceana.org)

Design Mise en page web Style

L'art informatique : une simple mode ou un outil de transformation ?

2025-06-03

Cet article critique l'idée de « l'art informatique » comme une simple tendance de mode manipulée par les marchands d'art. L'auteur soutient que l'utilisation des ordinateurs dans l'art ne doit pas se limiter à la production d'objets plus esthétiques, mais doit se concentrer sur son potentiel à révéler les réalités sociales, à améliorer la communication et à favoriser la compréhension. Plusieurs pistes de recherche sont proposées, telles que l'investigation de l'impact de la technologie sur les artistes et leurs œuvres, l'analyse des systèmes de signes des différents styles artistiques et l'examen du rôle de l'information esthétique dans des contextes sociaux plus larges. L'auteur estime que la véritable valeur des ordinateurs réside dans leur utilité en tant qu'outils au service de questions sociales plus importantes, plutôt que de devenir une autre tendance artistique répondant aux demandes du marché.

(dam.org)

Design art informatique tendances artistiques information esthétique

Prospérer dans l'obscurité : le long chemin vers la maîtrise créative

2025-06-02

La plupart des projets créatifs mettent des années à porter leurs fruits. Même les créateurs les plus accomplis ont passé des années, voire des décennies, à produire du contenu dans l'obscurité. L'article utilise l'exemple du musicien Mike Posner, dont les premiers travaux sont passés inaperçus jusqu'à ce qu'un seul morceau devienne un succès inattendu. Il encourage les créateurs à persévérer, à publier même en l'absence de public, en constituant une « banque de contenu » pour les futurs fans. Le message principal : continuez à faire ce que vous aimez ; le monde finira par vous suivre.

(www.jeetmehta.com)

Design persévérance

La Causalité Implicite dans les Graphiques : Un Cadre Général

2025-05-31

Cet article développe un article précédent sur la causalité implicite dans les graphiques en lignes, en explorant comment différents types de graphiques — graphiques à barres, nuages de points et cartes — peuvent suggérer à tort des relations causales. L'auteur souligne comment des comparaisons simples, des contrastes avant et après, ou la proximité spatiale peuvent créer une fausse impression de causalité. Quatre schémas clés de causalité implicite sont identifiés : facteur, événement, covariation et proximité. L'article souligne la nécessité d'une analyse critique des visualisations pour éviter d'être induit en erreur par des corrélations fallacieuses.

(filwd.substack.com)

Design

Recadrage circulaire d'images en ligne : rapide et facile

2025-05-31

Cet outil en ligne simple vous aide à recadrer des images en cercles ou autres formes courantes. Il possède une interface simple et claire. Il fonctionne sur les ordinateurs de bureau et les appareils mobiles sans téléchargement de logiciel et il est gratuit. Il suffit de télécharger votre image, d'ajuster le cadre circulaire et de télécharger. Votre image circulaire sera téléchargée au format PNG avec un arrière-plan transparent.

(circlecropimage.io)

Design recadrage d'image image circulaire

Ugly Gerry : Une police de caractères pour protester contre le gerrymandering

2025-05-30

Ugly Gerry est une police de caractères dont les lettres ont la forme de circonscriptions parlementaires américaines, une protestation contre le gerrymandering. Créée par Ben Doessel et James Lee pour RepresentUs, le design intentionnellement grotesque de la police vise à souligner l’injustice des lignes de circonscription manipulées. Bien qu’elle ait été qualifiée de « police de caractères la plus répugnante au monde », son design provocateur lui a valu un prix ADC 2020 de typographie, attirant avec succès l’attention sur une question politique cruciale.

(en.wikipedia.org)

Design protestation politique

Mon site web, mon style : Évolution du minimalisme vers un chaos délicieux

2025-05-29

Taylor Troesh raconte l’évolution du design de son site web personnel. Initialement axé sur le minimalisme, il a ensuite injecté de la personnalité grâce à de subtiles manipulations CSS — rotations, variations de polices — pour rompre la monotonie. Il utilise même CSS-doodle pour créer des arrière-plans texturés rappelant du "papier" ou des "étoiles", ajoutant des surprises agréables. Le résultat est un site web unique qui reflète la philosophie « mon site web, mon style ».

(goodinternetmagazine.com)

Design Site Web Personnel

La Trinité du Web Design des Années 90 : Zeldman, Siegel et Nielsen

2025-05-29

L'essor de Flash et de CSS en 1997 a donné naissance à trois philosophies distinctes de design web. David Siegel défendait les 'hacks', Jakob Nielsen privilégiait la simplicité, et Jeffrey Zeldman combinait style et usabilité. Cet article explore leurs approches et leurs carrières. Siegel s'est concentré sur l'esthétique, Nielsen sur l'usabilité, tandis que Zeldman a trouvé un juste milieu, son approche pragmatique s'avérant dominante. Aujourd'hui, Nielsen se consacre à l'IA, Siegel poursuit des intérêts divers, mais Zeldman reste une force dans le design web, sur le point de relancer son site web personnel avec un nouveau design. L'article offre un regard nostalgique sur les années formatrices du design web.

(cybercultural.com)

Design internet des années 90

La fin du design plat : Vive le diamorphisme !

2025-05-27

La refonte récente d'Airbnb marque un changement de paradigme dans le design, s'éloignant du design plat pour embrasser une esthétique vibrante et dimensionnelle. L'auteur invente le terme "Diamorph" pour décrire ce nouveau style, en soulignant la profondeur, la texture et la lumière, plutôt que l'imitation du monde réel. L'essor de l'IA a également abaissé la barrière à l'entrée pour ce style, permettant à plus de personnes d'y participer. Bien que l'IA simplifie le processus créatif, les compétences essentielles en design, telles que la composition, l'éclairage, la profondeur et le goût, restent cruciales. En fin de compte, il s'agit d'un pas en avant vers un langage de design plus expressif, émotionnel et purement numérique.

(www.flarup.email)

Design tendances du design design d'interface utilisateur

Favicons SVG : Élégance en mode sombre

2025-05-27

Cet article explore la création de favicons de sites web compatibles avec le mode sombre à l’aide de SVG. Bien que les SVG ne soient pas toujours gagnants en termes de taille de fichier par rapport aux PNG, ils offrent une commutation facile au mode sombre grâce à du CSS intégré et des requêtes média, évitant ainsi une édition d’image complexe. L’article détaille deux approches : l’édition manuelle du code SVG pour ajouter des styles CSS et l’utilisation d’outils en ligne comme RealFaviconGenerator pour une génération rapide. En fin de compte, l’auteur souligne l’avantage unique des favicons SVG pour résoudre les problèmes d’affichage en mode sombre et envisage des applications futures.

(css-tricks.com)

Design

Faites semblant jusqu'à ce que vous y arriviez : Une œuvre d'art de qualité muséale à 200 $

2025-05-26

Vous voulez l'aspect sophistiqué d'une galerie à la maison sans vous ruiner ? Cette astuce astucieuse utilise un grand cadre IKEA, des images haute résolution gratuites des archives en accès libre de la National Gallery et un service d'impression à la demande pour créer une œuvre d'art impressionnante et grand format pour environ 200 $. L'article fournit des instructions étape par étape et des suggestions d'images, transformant n'importe quelle pièce en un espace élégant.

(marykateandsmashley.substack.com)

Design décoration intérieure

Le déclin de la convivialité : mise à jour 2023

2025-05-24

Cet article revient sur une diatribe de trois ans sur les défauts de la conception d’interface utilisateur moderne. L’auteur constate que peu de choses ont changé, les interfaces contemporaines abandonnant les principes d’utilisabilité éprouvés au profit de tendances éphémères. Des exemples tels que des icônes peu claires, des barres de défilement cachées et des conceptions incohérentes entre les applications et les versions sont cités comme preuves d’un déclin de l’utilisabilité. L’auteur plaide pour un retour aux principes de conception fondamentaux qui privilégient l’efficacité, la sécurité et la satisfaction de l’utilisateur par rapport à une esthétique superficielle.

(datagubbe.se)

Design Utilisabilité

Calendrier Esquissé : Le meilleur des mondes numérique et analogique

2025-05-23

Ce projet explore un nouveau concept de calendrier : le Calendrier Esquissé, qui vise à combiner la flexibilité des agendas papier et la commodité des agendas numériques. Les agendas numériques traditionnels, bien que puissants, manquent de personnalisation et de prise en charge des projets informels. Les agendas papier, à l'inverse, offrent de la flexibilité, mais manquent des fonctionnalités de synchronisation et de partage de leurs homologues numériques. Le Calendrier Esquissé commence par un bloc-notes numérique, en ajoutant une structure minimale pour conserver l'expression personnalisée des agendas papier tout en bénéficiant des avantages des fonctionnalités numériques. Cela inclut des vues interreliées journalières, hebdomadaires et mensuelles, l'intégration d'annotations dessinées à la main avec des événements formels du calendrier, et l'exploration du fonctionnement des calendriers partagés et des invitations au calendrier dans un système semi-structuré. Le projet étudie comment les utilisateurs peuvent personnaliser leurs agendas avec des comportements dynamiques personnalisés, tels que des suivis d'habitudes ou des suivis du temps.

(www.inkandswitch.com)

Design agenda numérique agenda papier

Recréation de la carte de Chiron de Sid Meier's Alpha Centauri

2025-05-22

Un cartographe chevronné a passé des années à recréer méticuleusement la carte de Chiron, la planète de Sid Meier's Alpha Centauri, à l'aide des données du jeu. Il a extrait avec soin l'altitude, les précipitations et d'autres attributs de la carte originale du jeu à basse résolution, puis a utilisé des techniques SIG et Photoshop pour générer une représentation réaliste et haute résolution du terrain de la planète. Le projet a nécessité de surmonter de nombreux obstacles techniques, de l'acquisition des données et des ajustements de projection au rendu final, démontrant l'habileté du cartographe et son souci du détail. La carte résultante témoigne à la fois de l'héritage durable du jeu et de l'art de la cartographie méticuleuse.

(somethingaboutmaps.wordpress.com)

Design

IA générative : une relation amour-haine d’un professionnel créatif

2025-05-22

Un professionnel créatif détaille sa relation complexe avec l’IA générative. Alors qu’il avait initialement adopté son boost de créativité et d’efficacité, il a vu son activité d’illustration chuter de plus de 50 % en raison de l’accessibilité des outils d’IA. Il déplore la perte potentielle de compétences traditionnelles, mais reconnaît aussi l’innovation et les possibilités offertes par l’IA, envisageant un avenir où de nouvelles méthodes créatives tirant parti de l’IA émergeront.

(reverentgeek.com)

Design industrie créative

Les rivières typographiques : un curieux cas d'alignement accidentel

2025-05-19

Avez-vous déjà remarqué comment parfois les espaces entre les mots d'un texte imprimé s'alignent de manière fortuite pour former des « rivières » verticales d'espace blanc ? Ce phénomène, plus courant dans les polices à espacement fixe avec justification pleine, est généralement évité par les typographes en raison de son caractère distrayant. L'article cite un exemple classique de 12 lignes découvert en 1988 et une collection de 1986, soulignant le caractère aléatoire intriguant de cette particularité typographique.

(www.futilitycloset.com)

Design

Des infrastructures laides : un frein au futur de l'Occident ?

2025-05-19

Cet article explore le manque de considération esthétique dans les infrastructures occidentales. L'auteur contraste la beauté du pont Mary McAleese en Irlande avec la laideur de nombreuses autres infrastructures, arguant que l'esthétique n'est pas un coût supplémentaire, mais une clé pour améliorer la qualité de vie et promouvoir le développement social. Des exemples d'infrastructures esthétiquement agréables à travers le monde sont cités, soulignant comment l'absence de beauté conduit à la résistance publique et, en fin de compte, à des gaspillages économiques massifs, comme on l'a vu avec le projet HS2 au Royaume-Uni. L'auteur appelle à prioriser la conception esthétique des infrastructures, en intégrant l'art pour construire un avenir meilleur.

(jordanwtaylor2.substack.com)

Design esthétique

La mort de l'imprimerie et l'essor de la police de caractères : une méditation sur la typographie

2025-05-19

Cet article explore l'évolution de la « note sur la police de caractères » que l'on trouve dans les livres. Des descriptions méticuleuses de l'artisanat typographique des premières imprimeries à l'accent renouvelé sur les polices de caractères à l'ère numérique contemporaine, l'auteur retrace l'histoire de la conception de polices de caractères dans l'édition. Autrefois considérée comme une communication interne entre professionnels, la « note sur la police de caractères » prend un nouveau sens dans le contexte de l'ère numérique. Avec le déclin de l'imprimerie et l'essor du contenu numérique, la conception de polices de caractères pourrait devenir le seul moyen restant d'expression créative dans notre interaction avec le texte, ce qui incite à des réflexions profondes sur le sens et l'expression des mots.

(robhorning.substack.com)

Design conception de polices de caractères histoire de l'imprimerie édition numérique

Nadar : Portraits d'une époque dorée

2025-05-19

En 1862, des envoyés japonais visitèrent l'Europe pour la première fois, assistant aux merveilles de l'ère industrielle. Parallèlement, le photographe parisien Nadar captura les figures emblématiques de l'époque à travers son objectif : des samouraïs japonais au poète Baudelaire, du peintre Manet au romancier Hugo. Les portraits de Nadar transcenderent les simples ressemblances, révélant les personnalités vibrantes et l'esprit du temps. Cet article explore la culture parisienne du XIXe siècle et l'impact des changements technologiques à travers l'objectif des célèbres sujets de Nadar.

(worldhistory.substack.com)

Design XIXe siècle

Category: Design