[graphic + web design] - typography, ergonomy & visual identity
1.7K views | +4 today
Follow
[graphic + web design] - typography, ergonomy & visual identity
Examples of how you can make the difference with a graphic talent and smart interaction !
Your new post is loading...
Your new post is loading...
Scooped by Aliénor Fernandez
Scoop.it!

[graphic+interactive] Nature Trail by Jason Bruges Studio

[graphic+interactive] Nature Trail by Jason Bruges Studio | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un gros coup de coeur pour ce design social, pour cette astuce digitale simple et redoutablement efficace, pour cette esthétique graphique parfaitement conçue et réalisée et ce résultat poétique et magique que l'on lit sur les visages des enfants. Un projet splendide.

 

Le studio s'est formé en 2002 : il conçoit et réalise des installations interactives autour de l'architecture et de l'art notamment.

Pour ce projet réalisé au Great Ormond Street Hospital for children, il s'agissait d'aménager le couloir qui menait à la pièce d'anesthésie avec le but d'apaiser les patients, en particulier les enfants.

Des panneaux de LED (72,000 LED au total) où s'animent les animaux sont placés sur les murs et une tapisserie d'inspiration digital vient compléter cette installation.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[Typography] Bonjour, je suis

[Typography] Bonjour, je suis | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un blog qui présente avec légèreté et humour -mais très intelligemment !- les polices de caractères les unes après les autres avec une diversité bienvenue. Pour s'amuser des plus détestées, découvrir les moins courantes ou refaire le point sur les plus utilisées : un blog que l'on parcourt un sourire au coin des lèvres mais qui vous livrera aussi quelques belles découvertes.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

Architectural Landmarks Created with Bicycle Tire Tracks by Thomas Yang

Architectural Landmarks Created with Bicycle Tire Tracks by Thomas Yang | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Ce pourrait être de la sérigraphie... ce sont en fait des traces de roue de vélos ! L'artiste Thomas Yang a trouvé un moyen de lier ses deux passions que sont l'architecture et le cyclisme et réalise des posters des lieux qu'il visite.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[website] I Remember

[website] I Remember | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Ce site web est en faveur de la recherche médicale autour de la maladie d'Alzheimer : Quelle chance de pouvoir dire "je me souviens"... Ce sublime site invite donc chacun a poster des souvenirs accompagné d'une photo ; le site s'efface de lui-même progressivement si personne n'entretien ces souvenirs.


Ce qui est particulièrement réussi est l'atmosphère qui règne sur ce site qui devient quasiment un lieu à part entière et un paysage sensible et délicat que l'on pourrait parcourir pendant des heures. La charge émotionnelle en est même palpable : gros coup de coeur pour cette réalisation.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[typographie] Wanderlust | Discover typography by H&Co

[typographie] Wanderlust | Discover typography by H&Co | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un petit site assez étonnant où l'on se promène au milieu des typos... La fenêtre à gauche permet de les explorer une à une.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

Colorful City Silhouette Prints by Yoni Alter

Colorful City Silhouette Prints by Yoni Alter | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Réalisé par le designer Londonien Yoni Alter, ces fresques colorées illustrent avec dynamisme et force symbolique les villes du monde.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[typography] Prototypo, le générateur de typographies qui enflamme Kickstarter

[typography] Prototypo, le générateur de typographies qui enflamme Kickstarter | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un projet très prometteur d'application open-source en ligne qui permet de réaliser une police entière en jouant intuitivement avec les formes des caractères par un système de jauge (menu de navigation gauche).

Le projet souhaite aller encore plus loin et fait appel aux dons sur Kickstarter. C'est déjà un succès et on leur souhaite encore d'exploser les chiffres pour mener à bien Prototypo.

 

Découvrez le fonctionnement détaillé de l'appli et la petite histoire de ses créateurs via le billet de Graphéine en lien.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[Webdesign] Website: Andrew McCarthy

[Webdesign] Website: Andrew McCarthy | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un effet au scoll assez chouette, les couleurs et le grahisme sont sympa. Le déroulé qui permet l'effet est par contre un peu long par rapport au contenu : cela donne au site un effet un peu démonstratif qui est dommage...

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[graphic design] The Walking Men - le picto est-il universel ?

[graphic design] The Walking Men - le picto est-il universel ? | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Une réalisation qui pour moi questionne l'universalité du langage graphique et visuel des pictogrammes. Et aussi proches et semblables soient-ils, ces petits bonhomme affichent pourtant des différences qui font l'identité et la singularité d'un paysage urbain...

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[interactive] inTacto's 2013 FLAT DESIGN vs REALISM

[interactive] inTacto's 2013 FLAT DESIGN vs REALISM | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un site web étonnant, hyper dynamique avec à la fois un graphisme attrayant, des animations dynamiques, du gaming, une jolie morale, une belle histoire et une surprise de fin : qu'ajouter d'autre ?

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[Typographie] 15 fonts gratuites pour les webdesigners

[Typographie] 15 fonts gratuites pour les webdesigners | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

C'est assez rare que je poste ce genre d'article, mais cette fois petit coup de coeur sur la Farewell ; la Gamor et la Norwester sont sympa aussi !

 

A vous de chosir les vôtres ;)

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[interactive] Karreprod website

[interactive] Karreprod website | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un site web avec une forte identité pour le studio Karreprod, créateur d'univers événementiel à Paris. Le site internet est pensé comme une présentation pas à pas, une sorte d'histoire que l'on déroule petit à petit avec le scroll down. Chaque espace thématique est animé d'une façon différente : ça flotte et ça bouge beaucoup, certes mais c'est aussi dynamique et ça permet de distinguer le découpage... Le jeu noir/blanc puis couleur en hover est un peu violent, mais on comprend l'idée qui se cache derrière cela. Petit coup de coeur pour la présentation des personnes de l'équipe sous forme de parcours... Petit bémol en revanche, il n'y a pas d'accès plus détaillé à chaque réalisation (dans la galerie) où l'on aurait pu chercher quelques informations supplémentaires (lieu, type de dispositifs, d'événements etc.).

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[graphic design] Schoepfung by Beate Barbara Blaschczok

[graphic design] Schoepfung by Beate Barbara Blaschczok | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Ce curieux ouvrage -sublime au passage- est l'incroyable travail de l'artiste graphique Beate Barbara Blaschczok, jusque dans la tranche du livre et le gauffrage de la couverture...

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

Quiz App

Quiz App | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un petit portail web très bien conçu qui propose des séries de quiz par thématiques avec un style graphique moderne et efficace.

Hyper simple et amusant : l'exemple d'un outil de web ludique bien conçu !!

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

Type Connection - Site de rencontres pour typographies

Type Connection - Site de rencontres pour typographies | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Une idée marrante : une site qui permet de jouer les entremetteurs/euses entre les typos et accessoirement bien sûr, de comprendre comment créer une combinaison de typo qui est réussie.

 

L'idée pourrait même être poussée plus loin, et les visuels plus importants, mais ça reste en tout cas plutôt sympa.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

Twistori

Twistori | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un portail qui récupère les mot clés Twitter Love, Hate, Think, Believe, Feel et Wish et permet une sorte de visualisation en temps réel de certaines pensées ou certains sentiments en circulation sur Twitter...

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[game] HelloRun™

[game] HelloRun™ | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
An HTML5 game by HelloEnjoy with music by Du Tonc.
Aliénor Fernandez's insight:

Un jeu en HTML5 aux effets visuels plutôt cool : on se laisse embarquer facilement dans cet univers et on devient addict ! On peut même paramétrer un leap motion (settings). Plutôt fière de mon record : 35, à vous !

more...
No comment yet.
Rescooped by Aliénor Fernandez from Typography, graphisme & curiosités graphiques
Scoop.it!

[graphic design] The Design Deck : jeu de cartes pour se former en graphisme

[graphic design] The Design Deck : jeu de cartes pour se former en graphisme | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it

Via Catherine Ricoul
more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[website] Life of Pi's website : you can scroll !

[website] Life of Pi's website : you can scroll ! | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un site web qui s'anime sur le principe du scroll down. De nombreux effets, pas tous aussi réussi les uns que les autres, mais la variété entre effets didactiques et effets spectaculaires est appréciable.

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[typography] Hand Lettering and Illustrations by Xavier Casalta

[typography] Hand Lettering and Illustrations by Xavier Casalta | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Minutie et perfection : la beauté d'un travail typographique, mais aussi d'illustration à découvrir ici : http://casaltaxavier.com/

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[interactive] Un site web décalé... mais plein de bonheur !

[interactive] Un site web décalé... mais plein de bonheur ! | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Et si vous commenciez l'année par un moment de bonheur.
Aliénor Fernandez's insight:

Une idée un peu étrange de carte de voeux qui prend la forme d'un site web... C'est plutôt amusant et bienveillant, alors pourquoi pas ?

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[interactive] La Wishing Machine : la 1ère machine à voeux robotisée !

[interactive] La Wishing Machine : la 1ère machine à voeux robotisée ! | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Aliénor Fernandez's insight:

Un site web très sympa qui génère des phrases automatiquement sur un modèle de bons voeux pour la nouvelle année. Un design qui surf sur la tendance vintage avec un jeu de mot malin...

Plutôt amusant : découvrez ces phrases par vous même !

 

C'est aussi l'occasion pour moi de vous présenter mes voeux. Je me suis accordée une jolie pause dans ma veille en ces périodes de fêtes de fin d'années et je m'excuse si certains se sont sentis abandonnés... Pas facile de savoir en réalité si quelqu'un lit et attend mes posts... Alors, à ceux qui lisent, je vous souhaite tout particulièrement une bonne année et vous remercie d'être chaque jour au rendez-vous !

more...
No comment yet.
Scooped by Aliénor Fernandez
Scoop.it!

[interactive] Moon by Ai Weiwei & Olafur Eliasson

[interactive] Moon by Ai Weiwei & Olafur Eliasson | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
Turn nothing into something – make a drawing, make a mark.
Aliénor Fernandez's insight:

Ai Weiwei est un artiste contemporain chinois qui polyvalent qui s'intéresse particulièrement à la liberté d'expression, aux Droits de l'Homme et la justice sociale. Olafur Eliasson est un artiste polyvalent Danois-Iselandais curieux de la manière dont l'homme perçoit le monde et son environnement. Il possède un grand studio à Berlin.

 

Ce projet parle de collaboration, de création personnelle et de réalisation commune ; de la façon que nous avons de créer notre monde (à l'échelle micro et macro) par nos actions individuelles et collectives : "Your drawing is a hinge between you, everyone else, and the universe."

 

 

more...
No comment yet.
Rescooped by Aliénor Fernandez from [data visualization] In Data We Trust
Scoop.it!

[graphic design] Quand l'Infoviz' devient un exercice de style graphique

[graphic design] Quand l'Infoviz' devient un exercice de style graphique | [graphic + web design] - typography, ergonomy & visual identity | Scoop.it
more...
Aliénor Fernandez's curator insight, November 20, 2013 1:58 PM

Des affiches en infoviz' réalisé pour Canal+. Avec une inspiration print/sérigraphie, c'est une réalisation réussie avec l'humour Canal+ et de la qualité visuelle. Ce n'est pas si souvent que la pub ne détériore pas un principe graphique : beau travail des créatifs et du studio graphique.