JukeBox 3D, enfin…

Le 29 novembre 2007 par Jacinthe | Actualité | 4 Commentaires »

Comme convenu, Sylvain vient de finir son Jukebox 3D qui est maintenant disponible à cette adresse : dailymotion.com/jukebox3d

jukeBox 3d

Cet outil permet de consulter l’intégralité des vidéos de Dailymotion dans un espace tri-dimensionnel. Il suffit de sélectionner le type de recherche, de taper une requête, de doser le nombre de preview que l’on désire afficher, et c’est parti ! Un cercle représente une page de résultat. Ce sont donc plusieurs cercles empilés les uns sur les autres que formerons la représentation des résultats de votre recherche. Vous pouvez aussi naviguer facilement d’une preview à l’autre en utilisant la souris ou les flèches du clavier.

Techniquement, Sylvain a utilisé plusieurs techno particulièrement prometteuses : AS3, Papervision, Flex, Blender. Il en dira davantage dans un prochain billet sur son blog : questionsouvertes.com

Bon test.

Actualité | 4 Commentaires »

Un hamster sous Lexomil ?

Le 28 novembre 2007 par Jacinthe | Identité Visuelle | 6 Commentaires »

D’accord, c’était assez facile de deviner de quel animal il s’agissait (lire le billet précédent). Toutefois, ce billet ne sera pas celui de la révélation sur le rapport entre un panda et notre nom “tKaap”.

Néanmoins, vous avez pu constaté les recherches qui ont été réalisées pour savoir quels styles graphiques seraient envisageables pour une identité. Vous aurez aussi compris qu’un logo est un élément important qui se rumine par de nombreuses recherches écrites (billet à venir) et crayonnés. Et, je n’aborde pas encore la recherche typographique ainsi que le choix de la couleur…

Shéma

Voici une autre page de recherche de mon carnet de croquis :
Carnet de croquis

Etape suivante : adaptation et recherches graphiques sur Illustrator.

Identité Visuelle | 6 Commentaires »

2ème piste de logo : de quel animal s’agit-il ?

Le 21 novembre 2007 par Jacinthe | Identité Visuelle | 8 Commentaires »

Puisque la première recherche du logo n’était pas concluante, nous avons décidé de nous orienter vers l’idée d’une mascotte pour représenter notre service. Celle-ci symbolisera un animal. Afin de vous faire chauffer les neurones :

Avez-vous reconnu de quel animal s’agit-il ?

En cliquant sur l’image ci-dessous, vous verrez davantage de croquis. Merci de votre aide !

Carnet de croquis La réponse dans le prochain billet !

Identité Visuelle | 8 Commentaires »

ParisWeb2007, on y était !

Le 19 novembre 2007 par Jacinthe | Actualité | 2 Commentaires »

Samedi 17 novembre, 8h50, direction ParisWeb. Pour des raisons professionnelles, nous n’avons pu nous libérer pour les journées du 15 et 16 novembre. Par contre, nous étions présent pour la dernière journée. Au programme de ce samedi : ergonomie web, Flex et accessibilité, javascript…

ParisWeb07

Le programme de la mâtiné était le même pour Sylvain et moi. L’après-midi, Sylvain a assisté à deux ateliers différents des miens : “Unobstrusive Javascript” (méthode de programmation javascript) et “Making ends meet” (conseils sur les meilleurs pratiques pour le web). Voici un aperçu succinct de ma journée :

Atelier sur l’ergonomie

Dans une ambiance décontracte et dynamique, la souriante Amélie Boucher nous conseille sur 12 points essentiels en ergonomie que je détaillerai prochainement sur Ergophile.

Flex, Flash et l’accessibilité

2h de bonne humeur, de rigolade et d’explication avec Stéphane Deschamps sur les usages de Flex et les problèmes/demi-solutions d’accessibilité que ce dernier entraîne.

Sylvain me quitte pour du javascript. Les hommes, tous les mêmes !

Et si je me mettais à leur place ?

Sébastien Delorme explique l’accessibilité web en demandant à des utilisateurs de la salle d’utiliser des logiciels ou appareils destinés aux personnes handicapés. Un atelier intéressant qui permet de comprendre les difficultés que subissent les utilisateurs ayant des déficiences.

Usages et communication sur le web

Ori Pekelman, une personne attachante et dynamique, explique l’usage des microformats dont une idée qui n’est pas encore réalisée sur internet mais qui résoudrait bien des problèmes. Je vous invite à suivre le blog de sa société Af83 associé avec Louis Montagne (organisateur des BarCamps France), où l’idée vient d’être publiée.

Une fin de journée bien remplie avec une cervelle fumante d’information. Nous sommes rentrées nous décontracter en jouant au nouveau génialissime Mario Galaxy sur la Wiiiiiii.

Actualité | 2 Commentaires »

1ère piste pour le logo

Le 17 novembre 2007 par Jacinthe | Identité Visuelle | 4 Commentaires »

Les recherches du logo ont commencé en septembre après l’achat du nom de domaine. Sans trop de conviction, j’ai tout d’abord suivi une piste se rapprochant d’une cible 15-25 ans.

“Stickers” ou l’effet d’jeuns

Carnet de croquis

  • Création typographique du logo avec des allusions aux domaines du tag/graffiti
  • Identification des lettres “A” à des personnages qui pourront peut-être se personnifier selon les situations
  • Retranscription graphique du support papier : métaphore du sticker, post-it, fiche, pense-bête…
  • Piste intéressante, mais ne doit pas nuire à la lisibilité - Sylvain 23/09/07 17:11

J’irai au bout de mes rêves

Logo Vectorisé

Lorsque je suis passée à la phase de vectorisation, j’ai préféré me tourner vers des associations typographiques existantes pour éviter de me focaliser sur le thème du graffiti qui n’est pas forcément adapté au projet. Par la suite, j’ai davantage essayé de me rapprocher des typographies de classification elzévire et linéale pour conserver la connotation du sticker. En général, le sticker est un élément que l’on emmène partout pour le coller, le distribuer. C’est un objet viral que l’on conserve précieusement.
Dans la capture d’écran ci-dessus vous pouvez y voir les lettres “A” avec des recherches de personnalisation qui n’ont pas été concluantes.

Déclinaison sur le design d’interface

Si nous avions approfondi cette piste, j’aurai envisagé des modules transparent ou blanc. Avec des coins pliés et des détails graphiques qui aurait rappelé l’utilisation du papier : effet froissé, déchiré, usure de la matière, trous de perforations, scotch ou agrafes.

Cette piste fut abandonnée et heureusement ;)

Identité Visuelle | 4 Commentaires »

Des outils graphiques pour bien démarrer

Le 14 novembre 2007 par Jacinthe | Graphisme | 4 Commentaires »

Recherches et crayonnages

Le bon vieux carnet de croquis avec son feutre noir sont toujours d’actualité d’autant plus lorsqu’il s’agit de l’étape brouillon. J’ai conservé ma boite à Tria de mes études d’arts appliqués (vu le prix du feutre, j’ai trop du mal à m’en séparer), même si je ne les utilise quasiment plus, ils sont toujours présent. Magazines, livres et Internet sont toujours à porter de main pour scruter l’existant et l’actualité artistique. De quoi donner des idées et matières à reflexion avant de passer sur les logiciels de conception graphique : Illustrator et Photoshop. J’utiliserai aussi ma sublime et toute neuve Wacom achetée il y a un an déjà.

Photo Outils Graphique

Services onlines incontournables

Voici une petite sélection d’outils et de services que j’utiliserai certainement lors de la conception graphique de tKaap.

Kuler, des nuanciers collaboratifs

Kuler En toute franchise, je n’ai jamais eu l’occasion d’utiliser Kuler d’Adobe Labs. Cette superbe application vous permet de créer ou de consulter un nombre infini de nuancier créé par les utilisateurs. Si cela vous intéresse, vous avez la possibilité d’avoir un Widget Kuler ou d’avoir la palette directement dans la version anglaise d’Illustrator.

Deziner Folio

Deziner folio Deux frères d’origine indienne, situé à Bangalore, Navdeep et Naveen partagent leurs données et leurs conseils dans leur blog Deziner Folio. Vous y trouverez entre autre des nuanciers, des dégradés, des gabarits en psd, des astuces et des tutoriaux pour Photoshop ou Illustrator.

Rsizr, l’algorithme Seam Carving en ligne

Rsizr Photoshop ne nous le permet pas encore mais Riszr si ! Le Seam Carving permet de redimensionner une photographie en conservant l’homothétie d’un élément sélectionné. L’élément n’est pas déformé. Une démonstration en vidéo sera beaucoup plus explicite que des mots écrits.

Splashup, un Photoshop-like en ligne

Splashup Réalisé avec Flex, Splashup est un photoshop-like qui peut dépanner. Prise en main direct et intuitive si l’on pratique déjà le logiciel d’Adobe. Même si certaines fonctionnalités sont absentes ce service est très pratique et utile. A quand l’Illustrator en ligne…

Vector Magic, comment vectoriser un croquis en moins de 2 minutes

Vector MagicPour tous les graphistes qui utilisent Streamline ou sa fonction jumelle dans Illustrator, je vous conseille d’essayer Vector Magic. Cette application vectorise un de vos croquis ou photographie si vous n’avez pas le temps de le faire à la main. La qualité du rendu est impressionnante. (Exportation en .eps, .png ou .svg.)

Dafont.com

Dafont Vous devez sans doute le connaitre, Dafont n’est pas la révélation de l’année. Mais un petit rappel pour trouver des typographies (gratuites) et de qualité ça ne fait pas de mal. Sinon, je vous invite à consulter aussi une rétrospective de l’Helvetica. De 1957 à 2007, cette typographie a traversé le temps sans se démoder. Joyeux anniversaire et encore merci Mr Miedinger.

“What the font ?!” Et la réponse fut !

What the font Pour les graphistes qui lisent ce billet, je suis sûr que cela vous ai déjà arrivé : Quelle est cette typographie ? What the Font ?! va vous aider à retrouver la typo utilisée sur une image ou un logo. A tester.

You Convert it, un convertisseur qui dépanne

YouConvert it Une application en ligne qui peut dépanner : You convert it permet d’uploader des fichiers images, audio ou vidéo pour les convertir dans un des format disponible. Vous recevez par email un lien qui vous indique où télécharger le fichier converti. Cela peut toujours dépanner.

Si vous avez d’autres liens utiles n’hésitez pas à me les communiquer !

Graphisme | 4 Commentaires »

L’aventure commence !

Le 11 novembre 2007 par tKaap | Présentation | 11 Commentaires »

Bienvenue sur le blog de notre nouveau projet. Au lieu de le créer dans la discrétion, nous avons décidé de partager cette expérience avec vous en postant régulièrement des billets ici.

tKaap, un projet fait maison

bureau
Ce blog va nous permettre de vous faire découvrir au fur et à mesure l’avancement de ce projet : de la charte graphique au développement, de la conduite de projet aux choix stratégiques. Il est avant tout un outil de travail pour mettre nos idées à plat, pour partager nos difficultés et réussites. Il permettra aussi de recueillir vos réactions à chaud et surtout de garder une trace écrite tout au long de la mise en œuvre de ce projet.

Qui sommes-nous ?

Spécialisé dans le web et ses nouveaux usages, Sylvain Weber est avant tout un technophile averti. Ses compétences vont de la pratique de ces nouvelles technologies jusqu’à la réflexion de leurs usages. Aujourd’hui âgé de 23 ans, il est développeur web chez Dailymotion et partage de temps à autre ses Questions ouvertes.

Après 6 années d’études en Arts Appliqués et en communication, Jacinthe Busson se tourne instinctivement vers le graphisme. Depuis 2004, tantôt Print, tantôt web, elle construit son profil sur cette polyvalence pour enfin se tourner définitivement vers le web. Aujourd’hui webdesigner chez BA (Heaven) et blogueuse de Ergophile. Elle souhaite approfondir ses connaissances en ergonomie web et en graphisme.

Jamais203.net, notre premier projet commun

Logo jamais203 En septembre 2005, nous annonçons l’ouverture du blog collaboratif “Jamais203.net“. Son but était de réunir plusieurs membres liés aux domaines de la création de par leur profession. Chacun pouvait écrire régulièrement des billets sur différents domaines d’actualités artistiques et créatives. Toutefois, ce blog n’a pas fonctionné comme nous l’espérions. Une vidéo virale intitulée Escalator dance a, elle, eu son petit succès : mise en avant sur Myspace, Yahoo video, Dailymotion ; diffusion dans l’émission de Canal+ “les films fait à la maison“, sur NRJ12 dans “NRJ Studio : L’emission”, participation à la campagne publicitaire web The Human Network pour Cisco, collaboration avec Pepsi… L’analyse de buzz et le compte rendu détaillé sont disponible en ligne.

Pour divers raisons nous avons décidé de mettre de côté Jamais203.net pour nous consacrer à un nouveau projet qui bouillonnent dans nos têtes depuis plusieurs mois : tKaap.

Notre ennemi : le temps

Afin d’avancer au maximum sur ce projet, nous travaillons avant et après nos heures de boulot (et certains weekend aussi). Cela ne nous empêche pas de nous tenir au courant de l’actualité et d’être présent à différentes manifestations. Dernièrement, nous étions : à la dernière conférence de Flex organisé par l’AFUP, aux conférences des Designers Intéractifs, aux expos de 9ème Concept et de Ich&Kar. Nous serons aussi présent au prochain Paris Web.

Les tâches sont quasiment réparties. Jacinthe s’occupe entre autre de la charte graphique et de l’ergonomie du service tandis que Sylvain se concentre sur le développement web et la stratégie globale. Chacun à un regard sur le travail de l’autre et donne son point de vue. Si un élément pose problème nous trouvons un compromis qui plaise aux deux. Les choix relatifs au projet sont et seront en constante évolution.

La partie développement n’a pas encore commencé car Sylvain passe ses nuits sur un projet pour Dailymotion que nous ne manquerons pas de vous dévoiler lors de sa mise en ligne. La conception graphique est, quant à elle, déjà entamée et sera le sujet de nos prochains billets.

Suite au prochain épisode !

Présentation | 11 Commentaires »