Bonjour et bon mercredi !

Je vois de plus en plus de monde travailler en grande partie sur iPad et, dans une certaine mesure, l’iPad devient un réel outil à part entière pour les développeurs et les designers mais aussi pour de nombreux corps de métier. L’important dans tout ceci ce sont les applications, pas l’iPad en lui-même. Voici donc une sélections de 10 applications pour nous autres designers & développeurs

Phaidon Classic Design

L’application propose l’accès à une encyclopédie, l’histoire illustrée de 1000 classiques du design au travers de designers de renom, tels que Marcel Breuer, Achille Castiglioni, Le Corbusier et bien d’autres encore. Présenté dans un magnifique environnement 3D, l’ouvrage a été construit pour tirer pleinement parti de la grande taille de l’écran Multi-Touch et de ses capacités avancées.

> télécharger

Adobe Ideas

Ce carnet de croquis numérique est assez extraordinaire car il vous permet de capturer et d’explorer vos idées partout où vous allez. Ce carnet apporte une palette d’outils assez impressionnante digne des applications de dessin d’Adobe comme Adobe Illustrator ou Adobe Photoshop L’interface est propre, simple et fluide.

> télécharger 

CSS3Machine

CSS3Machine rend facile le CSS3 le plus complexe ! L’idée est de créer facilement des dégradés, des ombres, des transformations 3D, etc. Une fois vos modifications terminées et rendues avec WebKit, vous pourrez exporter le tout en un clic.

> télécharger

Typography Insight

« Typography Insight » est une application iPad qui introduit de nouvelles méthodes pour apprendre la typographie. Le projet est né de l’amour pour la typographie et de la passion des plates-formes mobiles. Cette application s’appuie sur l’interface tactile et sur l’écran haute résolution de l’iPad afin de visualiser et de manipuler des polices de caractères. Pour finir, vous allez pouvoir facilement expérimenter les formes, les contre-formes, le travail des gouttes, des hampes, etc. Un plaisir pour moi

> télécharger

App Designer for iPad

« App Designer » vous permet de concevoir des interfaces pour iPhone en toute simplicité…  Il y a plus de 40 icônes que vous pouvez facilement faire glisser vers le téléphone avec la simplicité d’un mouvement de doigt. Une fois que vous êtes satisfait de votre design appuyez sur « take picture » et voilà votre maquette réalisée !

> télécharger

Source Viewer XL

Que vous soyez un concepteur de sites Web ou tout simplement curieux, cette application est pour vous. « Source Viewer » affiche le HTML, le CSS et le Javascript d’un site Web sur iPad…. pratique !

> télécharger

iMockups

iMockups vous donne la possibilité de créer des wireframes rapidement… rien de plus simple !

> télécharger

iFontMaker

iFontMaker est l’application de création de typo par excellence ! Avec son interface tactile vous allez créer un caractère dessiné à 100% à la main et envoyer la typographie ou la convertir en un fichier TTF

> télécharger

source

Ces articles peuvent aussi vous intéresser:

• Amoureux de la typo & de l’iPad ? Voici LetterMPress, l’application ultime
• Une application iPad destinée à l’exposition de design de Ronan & Erwan Bouroullec !
• Fontify, dessinez avec de belles lettres typographiques !
• « L’imprévisible », une application iPhone… imprévisible !
• Le guide complet pour tout savoir sur le design d’Android [ADN, UX, typographie, ergonomie, etc.]
• Déformez et jouez de votre visage sur iPad…

Designers & développeurs, voici 8 applications iPad pour vous ;-) est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hey

Anna Anderegg, fondatrice de la compagnie Asphaltpiloten est une danseuse tout terrain, elle sort régulièrement des plateaux de danse pour aller confronter sa recherche chorégraphique aux structures urbaines (villes, les espaces industriels, etc.). Sa recherche passe par la rencontre, elle s’entoure d’artistes de toutes les disciplines et elle se produit de préférence devant des publics qui ne s’attendent pas à voir un spectacle. Ainsi, dans sa démarche plastique et chorégraphique, TAPE RIOT propose un parcours qui mélange la distorsion  de l’espace, du corps et la mise en volume de certains points de vue grâce à des bandes de scotch !

Cliquer ici pour voir la vidéo.

Cette expérimentation intéressante réalisée  à Bruxelles est orchestrée par Anna Anderegg, Hervé Thiot, Marco Barotti, Moni Wespi, Jennifer Wesse, Géraldine Tronca, Christian Anderegg et Jan Mühlethaler

source | +1 point à celui/celle qui trouvera la référence dans mon titre Ces articles peuvent aussi vous intéresser:

• Découvrez les petits livres blancs de Niel Caja Rubio
• WTF, des singes, du dessin, de l’espace, de l’alcool…
• Un stop-motion dans la nature. Une oeuvre de land-art par Anna Garforth !
• Des objets qui créent le lien entre l’haptique et le tactile.
• Typographie et cuisine, ou comment avoir les yeux plus gros que le ventre ?
• Plein les yeux avec le clip graphique (et plein de lignes!) de KASABIAN

Un beat, un scotch, une danse. est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello

S’il y a bien un truc que j’aime chez Microsoft c‘est la capacité qu’a cette société à ne jamais arrêter d’essayer d’innover, de penser le futur et le futur proche. Présentée au TechFest de Microsoft Research en 2012, ce dispositif intitulé IllumiShare permet aux personnes éloignées de partager n’importe quel objet physique ou numérique sur n’importe quelle surface.  Pour ce faire, IllumiShare utilise une paire de caméras & projecteurs et la caméra capture la vidéo de l’espace de travail de l’un pour l’envoyer à l’espace distant de l’autre. Ainsi le projecteur vidéo représente à distance les deux espaces mélangés pour créer… un espace partagé !

Cliquer ici pour voir la vidéo.

Avec IllumiShare, les gens peuvent dessiner ensemble avec de la vraie encre et du vrai papier, dans des réunions à distance, ils peuvent interagir avec des tableaux blancs disposés dans une salle de conférence et il est possible de jouer en temps réel avec des objets « réels ».

Pour finir, l’ensemble est low-tech, pas tellement futuriste mais surtout fonctionnel… Par contre, je suis persuadé que ça ne sortira jamais hélas. Si un employé de Microsoft me lit, juste, mettez ce dispositif dans une belle sphère, faites en un bel objet, offrez-lui un beau logo, une belle histoire et commercialisez-le pour un prix grand public.. et vous verrez Ces articles peuvent aussi vous intéresser:

• [conférence] Étienne Mineur : Quand le livre papier devient notre nouvel ordinateur !
• Exclu : les nouveaux logos de Microsoft Windows, Bing, Xbox, Office!
• Vous êtes plutôt « éssémèsse », « smeuss », « texto » ?
• Conférence sur l’expérience utilisateur et la marque avec Rémy Bourganel
• Au coeur du Orange Lab…
• Google as been ?

La table pour communiquer à distance est signée… IllumiShare de Microsoft ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

En cette fin de matinée, je voulais revenir sur Chartwell, une typo assez spéciale que j’avais vu passer sur le web mais dont je n’avais pas pris le temps de vous parler faute de bien comprendre comment elle fonctionne et comment nous pourrions l’employer !

Conçue par Travis Kochel, le « FF Chartwell » est un caractère fantastique pour créer des graphiques simples… Frustré par la création de graphiques et autres diagrammes dans les différents logiciels de conception et inspiré par des polices de caractères Travis a vu là une belle occasion de profiter de la technologie OpenType pour simplifier le processus de mise en forme d’un diagramme.

Mieux comprendre en vidéo :

Cliquer ici pour voir la vidéo.

Avec l’utilisation de l’OpenType, vous allez transformer de simples chaînes de nombres en tableaux, en graphiques, en diagrammes, etc. Les données visualisées restent ainsi modifiables, ce qui permet des mises à jour sans tracas À noter que Travis Kochel n’en est pas à son premier coup d’essai ! En effet, ce designer multidisciplinaire originaire de Portland, (en Oregon) a co-fondé Tone Scribble, un studio de création et il avait déjà réalisé une police de caractères nommée Otari, en 2010.

source | sourceCes articles peuvent aussi vous intéresser:

• La crise expliquée aux enfants…
• Découvrez le kit de visualisation de données fait-main !
• Jeudi, c’est « typogratuit » avec le Bemio !
• Visualisation de données et photographies danoises !
• « Glyphs », un nouvel outil pour créer vos typographies !
• La Comis Sans 2010… ils remettent ça avec l’Ascender Office 2010 Font Pack

Typo et datavisualisation : la révélation ! :-) est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello

Récemment, j’ai reçu un e-mail de Myriam qui me présentait le projet Wix.com ! L’idée de ce site est de proposer un éditeur en ligne de sites web en Flash et en HTML! Alors bien-sûr, quand on est designer on crée bien souvent soi-même son petit site avec ses petits doigts, sauf que là, le projet est plutôt tourné vers les petites & moyennes entreprises et j’ai été surpris par les templates proposés. Certes il y a du flash, classique mais plutôt bien conçu mais également du html, avec des images en fullscreen, avec de belles typos, avec du graphisme propre.

Ces sites seront donc une base sur laquelle partir pour concevoir ensuite un site approprié pour chaque client

Questions / réponses :

Pourquoi avez-vous créé Wix.com ?

« Comme beaucoup, nous avons réussit notre propre défi. Nous voulions un moyen d’accélérer et de simplifier la création de sites Flash ET Html et de contenus web de grande qualité. Nous voulions également qu’ils soient compatibles avec les moteurs de recherche. Et depuis quelques années, c’est exactement ce que nous faisons ! »

Comment Wix est-il conçu ?

« C’est au cœur de Wix que se trouve notre éditeur glisser-déposer intuitif où a lieu toute la création. De l’autre coté, notre équipe de R&D travaille avec Flash et Flex mais de plus en plus avec le html5, pour être compatible avec les standards modernes. Wix.com lui-même est conçu à l’aide de l’éditeur Wix et notre équipe de conception travaille dur pour que nos ingénieurs et programmateurs continuent à améliorer les fonctionnalités. Grâce à eux, vous pouvez créer des sites web en html5 ou en Flash encore plus époustouflants. »

Wix est-il compatible avec les moteurs de recherche ?

« Oui ! Tous les sites Wix sont compatibles avec les moteurs de recherche. Derrière chaque création Wix, il y a un code HTML utilisé par les robots des moteurs de recherche pour lire votre contenu et vous classer dans les moteurs de recherche. Vous pouvez gérer vos mots-clés, descriptions et informations de balises Méta depuis « Paramètres » dans l’éditeur. »

Comment gagnez-vous de l’argent avec Wix ?

« Notre modèle commercial est basé sur le « Freemium ». Nous adorons vous donner l’opportunité de créer un compte gratuit, d’accéder à notre plateforme html et Flash et de publier vos créations n’importe où sur le Web, gratuitement. Et bien entendu, si vous voulez plus de fonctions, vous pouvez choisir de les ajouter avec nos forfaits Premium, c’est comme ça que nous gagnont de l’argent. »

Quel avenir pour Wix.com ?

« Notre société se développe avec ses utilisateurs. Nous prévoyons de continuer à développer Wix pour être le moyen le plus simple, le plus rapide et le plus performant pour créer un excellent contenu web. Bien entendu, cela implique l’ajout de nouvelles fonctionnalités. Nous suivons de près ce que vous, nos utilisateurs, demandez et suggérez et nous l’intégrons à notre planning. Nous sommes impatients de vivre l’avenir avec vous car l’avenir de Wix est justement dans le nouvel éditeur 100% HTML qui augmente le champ de possibilités techniques et améliore le référencement par les moteurs de recherche. »

Quelques exemples en images :

Quelques liens vers les exemples :

• exemple 1 (Ibbis Arrastia)
• exemple 2 (Liam Hougton)
• exemple 3 (Wedding)
• exemple 4 (Jude(s Kitchen)
• exemple 5 (James Jones)
• exemple 6 (Sugar & Spice)

Wix mobile :

À noter que Wix existe aussi pour mobile avec Wix mobile :

Cliquer ici pour voir la vidéo.

Les petits plus de Wix :

• L’éditeur Wix : 

Cliquer ici pour voir la vidéo.

• Une page vidéo avec des tutoriels directement sur Youtube
• Le blog de Wix
• Un tutoriel de démarrage
• Quelques témoignages
• À noter que le service est également accompagné d’un forum d’entraide, ce qui n’est pas négligeable

Conclusion :

Pour conclure, ce service est très complet, html, flash, mobile, en différentes langues (anglais, français, espagnol, italien, etc.) et propose de nombreux tutoriels pour apprendre à s’en servir De plus, l’éditeur est double, soit en html, soit en flash, pour une production soit en html, soit en flash ! Il fallait y penser Côté design, même si certains thèmes sont très « corporate », d’autres pourront surprendre par leur travail typographique, ergonomique et photogrphique

À essayer donc !

> Pour en savoir plus, rendez-vous sur Wix

Ces articles peuvent aussi vous intéresser:

• Flash libéré, flash référencé !
• [Le test] Adobe Wallaby, la conversion de fichier flash en html5
• Graphistes, voici 11 moteurs pours vos recherches d’images !
• Do@, un navigateur mobile qui invite à découvrir toutes les web-apps !
• Comparatif de tous les players vidéos en HTML5 !
• Google as been ?

Découvrez WIX.com, éditeur en ligne de sites en html5 et en flash ;-) est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello mes chères esperluettes du lundi matin !

Ce matin, je vous présente une petite application sans autre prétention que de… vous débarrasser de votre banque ! Ou tout du moins de la partie lourde de l’organisation de vos relevés bancaires et de vos transactions financières. « Simple », c’est son nom (ils ont dû acheter très cher le nom de domaine je pense) vous donne une carte de crédit VISA qui est reliée à votre téléphone et qui vous présente immédiatement les opérations bancaires dès que vous les faites. Ainsi, vous organisez également toutes dépenses dans un ensemble de données cohérent, directement depuis une application ultra simplifiée dont voici la démo :

En vidéo :

Cliquer ici pour voir la vidéo.

En images :

Une application tellement utile et simplifiée qu’elle me fait un peu rêver, après le seul frein reste la sécurité. Côté design, l’application n’est pas en reste avec un beau travail.. ça nous change de nos portails de banques non ? Quoi qu’il en soit, l’application est disponible dans l’App Store dès maintenant et vous pouvez demander une invitation sur leur site web si vous voulez le tester par vous-même

source | sourceCes articles peuvent aussi vous intéresser:

• Une application mobile pour discuter avec des typographies !
• « I’m OK » quand l’iPhone traque les enfants pour rassurer les parents…
• Graphitool, une application mobile pour les graphistes PRINT !
• Pixl, une application mobile pour générer vos images autrement
• Une application iPad destinée à l’exposition de design de Ronan & Erwan Bouroullec !
• Voir la vie en Ascii…

La banque est morte, remplacée par « Simple », une application iPhone ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hey !

« Bonjour et bienvenue à bord de la soucoupe pour ce 91e numéro de Vendredi c’est Graphism ! Les projets avancent, les idées aussi… Au programme de la semaine, je vous propose des cartes des planètes, des robot vengeurs, de la typo, du temps réel avec Google map, du pixel art photographique et un bon gros WTF pour les développeurs et autres amoureux du code informatique. »

Bonne lecture !Ces articles peuvent aussi vous intéresser:

• Sarkozy sur un nuage avec de la typo… vous êtes sur Vendredi c’est Graphism!
• Vendredi c’est Graphism !
• Vous aimez les PICTOGRAMMES ? C’est « Vendredi c’est Graphism », spécial picto !
• Du cochon, du BlackOut, Super Mario, Disney… C’est « Vendredi c’est Graphism »!
• Vendredi c’est Graphism épisode 40, saison 2, du Charlie, des mannequins de 100 kilos, des nazis…
• Google libère [un peu] la typo sur le web avec l’API Google polices !

Nouvel épisode du vendredi… c’est Graphism ! \o/ est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Dans cette folle après-midi, je vous propose une petit pause respiration pour briser ce flot ininterrompu d’informations disponibles sur le web et qui peuvent facilement nous dérouter

Ainsi, pour simplifier votre navigation quotidienne de sur le web, l’ancien Creative Director du Google Creative Lab Ji Lee et Cory Forsyth ont réalisé ce simple plugin pour votre navigateur afin de rendre n’importe quel site web …muet ! En effet, une fois le plugin déposé sur votre barre de favoris, vous allez pouvoir vous débarrasser du texte, laissant seulement des images.

Ouf on respire !

Ainsi, vous êtes libres de profiter des images dans leur forme la plus pure, sans noms, sans étiquettes, sans définitions, sans rien. Je trouve que ce plugin drôle et en même temps décalé, rend les images que nous voyons sur le Web plus mystérieuses et plus ouvertes à l’interprétation et à notre propre imagination.

> Découvrez Wordless WebCes articles peuvent aussi vous intéresser:

• Etude typographique sur Obama
• Dessiner ne sert plus à rien : les robots s’en chargent.
• « L’art est bien pour patienter avant de mourir »
• Comment visualiser un film, sans même le regarder ? #datavisualisation
• Apprendre à vectoriser un dessin depuis Illustrator
• « Words and Physics », un jeu qui mélange la typo et la physique !

Un peu de silence sur le web : laissez place aux images ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello

Ce matin, on commence la journée en jouant sur la plage, ou plus précisément avec un bac à sable ! Avouons-le, la réalité est parfois ennuyeuse ! C’est pourquoi la technologie essaye parfois de modifier la réalité sans aucun effets secondaires désagréables (à l’inverse de la drogue qui rend la réalité différente également mais à vos risques!). Bref, maintenant, vous allez pouvoir « augmenter » cette réalité en jouant dans un bac à grâce au travail du Keck Center for Active Visualization in the Earth Sciences. En utilisant une caméra Kinect 3D, cette carte en temps réel propose en couleur la topographie de la surface du sable.

Cliquer ici pour voir la vidéo.

Ainsi, lorsque vous créez des montagnes et des vallées, le logiciel prend en compte ces modifications et permet d’ajouter de l’eau virtuelle pour créer des rivières et des lacs.  J’imagine ainsi beaucoup de possibilités pour tel dispositif, entre des applications pratiques pour prédire les débordements d’un barrage, un Sim City tangible (le rêve!!) ou encore des projets d’urbanisme et d’aide à la décision (je vous éviterai les applications militaires )

Nous sommes dans le retour du tangible, de l’objet, du matériel, du physique…. mais post-virtuel, post-numérique, et ça risque d’être vraiment très intéressant pour nous autres designers !

sourceCes articles peuvent aussi vous intéresser:

• Jouez avec des mondes virtuels… tangibles !
• Et si votre iPhone vous servait de clef de maison ?
• De la réalité augmentée pour vos livres & vos bibliothèques !
• Habillez-vous de virtuel, rien que ça !
• Détruire votre MAC, c’est un jeu !
• De là haut, les monstres des montagnes vous observent…

Le bac à sable : l’interface de demain ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello 

Ce matin, je vous propose de respirer un petit peu et d’écouter cette fabuleuse histoire pendant votre trajet pour aller au boulot, ou alors en prenant votre petit déjeuner, ou tout simplement là, maintenant tout de suite   Au CERN, Ben Segal avait son bureau à quelques mètres de celui d’un certain… Tim Berners-Lee. Il nous raconte aujourd’hui l’envers du décor de l’invention la plus importante de ces 25 dernières années. L’homme que Tim Berners-Lee considère comme son mentor nous parle du premier serveur web de l’histoire, de la bataille politique pour imposer cette idée révolutionnaire, du temps ou le web tenait sur une disquette, du temps ou le protocole Gopher était un concurrent sèrieux. Dans 3615 cette semaine, on évoque le génie d’un homme qui n’était pas seulement un rêveur, mais aussi un « faiseur » hors pair, qui a le premier compris le potentiel de l’hypertext pour naviguer d’une information à une autre.

Un moment historique et passionnant !

merci Etienne | sourceCes articles peuvent aussi vous intéresser:

• Octobre, le premier Google Phone arrive !
• L’interface tactile la plus révolutionnaire du monde entier
• LE concurrent ultime à l’iPad, ça va chauffer !!
• La petite histoire du Sound Design
• Explorez Mars lors d’une animation vidéo
• IanniX, l’espace temps dans la création musicale : découvrez !

L’invention du web racontée par Ben Segal, le mentor de Tim Berners-Lee ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne