Imago's Blog

Yet another personal blog…

Étiquette : design (Page 1 sur 2)

Web and Science Art

Je participe à un concours de bannière organisé dans le cadre de l’ECCB (European Conference of Computational Biology) qui aura lieu à Strasbourg en septembre prochain. Le gagnant remporte en iPad… C’est pas très folichon pour une libriste convaincue comme moi, mais j’ai pas pu résisté à l’appel et j’ai soumis deux bannières, enfin, deux déclinaisons de la même bannière.

Les seuls contraintes sont:

– la taille: 1843*207px

– l’utilisation du logo de la conf’ (malheureusement très petit et… en jpeg?!)

Voici les bannières que j’ai envoyées (sous licence Art Libre, of course) :

eccb_banner

eccb_banner_green

Comme vous l’avez remarqué, je me suis laaaargement inspirée d’une de mes création actuellement en header de ce blog. Les votes ouvrent le 5 mai et resteront ouvert jusqu’au 1er août.

Il y a déjà quelques bannières visibles sur le sites : http://www.eccb14.org/home/banner-gallery.

Que le meilleurs gagne!

Unite Unite, prémice d’un nouveau thème pour e18

Ça y est, je me remet doucement à faire des mockups de thème pour Enlightenment.

Je vous présente le futur thème « Unite Unite ». Comme d’habitude le nom du thème est inspiré d’un titre de chanson, cette fois-ci de la Jpop (pitié, ne me jugez pas!!). Et oui, je suis dans ma période kawaii~, ça arrive, c’est comme ça ;).

Ce thème est donc composé de couleurs acidulées et de « flat design », parce que c’est « fashion ». Je vais tenter de le construire de tel sorte que les couleurs pourront être changer facilement, comme c’est le cas avec le thème par défaut via ce site. Je ne vais pas m’en cacher, je me suis fortement inspirée du nouveau design de la partie administration de wordpress…

Déclinaison de couleurs pour "Unite Unite"

Déclinaison de couleurs pour « Unite Unite »

 

[EDIT] J’ai commencé l’implémentation 😀

"Unite Unite" - Work in progress

« Unite Unite » – Work in progress

Illustration sur le pouce

Hier j’ai été contactée pour réaliser une illustration pour le blog e19releasemanager.wordpress.com racontant les péripéties du développement de la version 19 du gestionnaire de fenêtre Enlightenment. J’ai donc réalisé en speed un tachometre avec Inkscape représentant l’avancée du portage de e pour Wayland, le probable remplaçant au serveur X.

Comme à mon habitude, je partage avec vous mes réalisations :).

tachometer

Source (svg)

 

Thème e17 en gestation

Généralement, quand je construit un thème e17, je ne prend pas le temps de réfléchir à son design avant de m’y mettre et souvent je change d’avis pendant que je développe. Résultat, le thème n’est pas aussi clean qu’il devrait l’être et il manque de consistance.

J’ai discuté récemment avec Rasterman, le développeur principale de Enlightenment, et il m’a donné ses astuces pour réaliser u bon thème. Je n’en ai pas perdu une miette et je vais tenter de suivre ses conseils.

Du coup, hier j’ai récupérer une de ses maquettes de thème et j’ai tenté de dessiner un nouveau thème sans même réfléchir à comment j’allais l’implémenter. Voilà le résultat du premier jet:

Comme toujours, j’ai nommé ce thème avec le titre d’une chanson. Cette fois, il s’agit de Silver Morning, en référence à un titre de la bande originale de l’animé Samurai Champloo: Nujabes – Silver Morning.

Data Visualisation

Il y a de ça un peu plus d’une semaine, j’ai rédigé un nouvel article sur le blog Bioinfo-fr.net. J’y explique très brièvement l’intérêt de la DataViz. Je ne suis pas une spécialiste du domaine, mais j’aime le beau, même en science. N’hésitez pas à critiquer ou à me faire part de vos points de vue!

Data Visualisation ou l’art de se faire comprendre

 

Nouveau thème e17 : Snowblind

Télécharger

Tutoriel Gimp pour Page de garde

J’ai écrit ce tutoriel il y a quelque temps sur le forum de mon Master. Je vous en fait part ici, car je pense que ça peut être utile.

Je vais vous expliquer en quelques étapes comment j’ai réalisé la page de garde de mon rapport de M1. C’est pas compliqué, tout le monde peut le faire (si si, c’est vrai!).

  • Pré-requis

– un pc
– un écran
– une souris
– The Gimp (gratuit)
– un peu de patience
– des bon goûts (ça, c’est accessoire)

  • Démarrage

Bien évidemment, ce n’est un secret pour personne, il faut démarrer The Gimp. Allez-y, ne soyez pas timides! Le premier démarrage est un peu long, c’est normal, les suivants seront plus rapides.

Voici à peu près ce que vous allez voir:

Notez au passage ce magnifique fond d’écran, que je vous ferais partager avec plaisir si vous m’en faîtes la demande :P

Bref, l’interface se compose de 3 fenêtres, ce qui en générale déroute les habitués de ‘Toshop et consort, mais ne vous inquiétez pas, c’est pas si dur à gérer. À gauche, vous avez la boîte à outils, qui se compose… bah heu… d’outils! Au milieu se trouve la fenêtre où apparaîtra la page blanche. Et à droite, vous pouvez voir une fenêtre qui permet d’afficher des propriétés de la page, tels que les filtres, les brosses, mais surtout les calques.

  • Créons notre page!

Pour cela, rien de plus simple, sur la fenêtre du milieu, allez dans Fichier -> Nouveau, choisissez le format A4 et puis c’est tout.
Voilà ce que vous obtenez:

Ça y est, on va pouvoir se lancer! (mais pas trop loin hein)

  • À l’attaque!

Créez tout d’abord un nouveau calque, pour ne pas dessiner directement sur la page blanche:

Sélectionner l’outil Ellipse. Puis essayez de reproduire un cercle comme suit:

On a sélectionné un cercle. Bien. Mais c’est pas vraiment ce que l’on veut. Ce qui nous intéresse c’est l’extérieur du cercle. On va donc inverser la sélection :

Ou tout simplement Ctrl+i pour le raccourcie.

On a ici plusieurs zones qui ne nous intéressent pas, il va falloir les enlever de la sélection. Pour cela on va par exemple sélectionner l’outil Rectangle, et changer ses options comme ci-dessous:

On va ensuite sélectionner les parties qui ne nous intéressent pas pour les enlever de la sélection:

N’oubliez pas de taper sur Entrer pour valider la sélection, sinon la zone reste active et n’est pas enlevée.

On a maintenant sélectionné un jolie coin arrondi, il va alors falloir le remplir! Pour faire ça, on ne va pas juste remplir par une couleur basique, on va faire un dégradé, c’est plus chic ^^

Pour appliquer le dégradé, cliquez et relâchez la souris un peu plus loin. Jouez un peu avec cet outil pour comprendre comment orienter le dégradé et trouver le meilleur angle.

Voilà, vous avez fait la première couche de l’angle!
Pour y rajouter des couches, créez un nouveau calque et répétez les opérations, en changeant la forme et la taille du cercle pour avoir un beau chevauchement, et changez légèrement la couleur du dégradé pour donner un peu plus d’effet.

  • L’ombre blanche

« Aïe, ça se complique! » Me direz-vous. Que néni! Si vous suivez toujours ça va le faire tranquille pépère!

On va dupliquer le calque du dessus:

On va ensuite modifier ce calque pour que le coin devienne tout blanc en utilisant la fonction Courbe:

Faites bouger la ligne diagonales pour voir ce que ça change sur votre image. Au final vous relèverez l’extrémité gauche de la diagonale en haut à gauche du graphe:

Validez, et voilà!

On va ensuite rendre flou de calque pour créer l’effet d’ombre en utilisant le filtre Flou Gaussien:

Changez l’intensité du flou en variant les paramètres, n’hésitez pas à y aller, on veut du flou bien flou! Une fois le flou à votre goût, vous validez, et la magie va opérer…

Vous pouvez ensuite déplacer votre calque sous le coin en utilisant les flèches dans la fenêtre de droite. Vous pouvez bouger votre calque pour que l’ombre soit plus visible avec les flèches directionnelles.

Vous pouvez également modifier l’intensité de l’ombre en jouant avec l’outil de transparence dans la fenêtre de gauche:

Voilà, vous y êtes! C’était si dur que ça? :D

Et après, on fait quoi?

Ça fait quatre mois maintenant que je suis à Cambridge. Tout se passe relativement bien, la date de la soutenance approche à grands pas.

Il ne me reste plus qu’officiellement 2 mois pour rédiger le rapport et préparer la soutenance. Il va donc falloir que j’accélère le pas pour finir mon projet.

Mais… Après ça, que faire ?

Plusieurs options s’offrent à moi, j’ai le choix, trop peut-être… Dans l’immédiat, je pense continuer mon stage au delà de la date de fin. Ce n’est pas une demande de ma part, on m’offre 6 mois de plus, je ne vais pas refuser et rentrer à Rennes pour ne rien faire!

Ensuite quoi?

Ensuite je peux soit continuer le stage jusqu’en janvier 2012 et avoir une thèse pour octobre 2012 dans la même équipe où je suis actuellement, soit dès maintenant postuler à la thèse offerte par le laboratoire de biologie moléculaire qui fait les expériences que j’analyse en ce moment même, ou bien, je peux carrément aller voir ailleurs, notamment à Toronto où se trouve un très bon labo qui travaille sur le sujet qui me plaît.

Et à Rennes ?

Et bien à Rennes, les sujets de thèse de l’école doctorale sont sorties, et rien dans le lot ne m’a vraiment attiré. Si je dois travailler 3 ans sur un sujet, je ne dois pas en choisir un au hasard!

Alors que faire?

J’ai envoyé cette semaine un e-mail à une équipe de généticien de Rennes, dirigée par 2 de mes anciens professeurs de Licence. Leur sujet de recherche est assez similaire au mien, seulement eux sont des biologistes purs, et moi je veux faire de la bioinfo. Je leur ai demandé des renseignements sur leur activité et s’ils travaillent en collaboration avec des informaticiens. J’ai reçu une réponse aujourd’hui même, et c’est assez encourageant!

Ils sont à l’heure actuelle en train de mettre en place des analyses extrêmement similaires à ce que je fais, et souhaitent développer le côté bioinfo. Mon profil semble les intéresser, et ils se renseignent désormais pour trouver des financement et une co-tutelle pour une thèse. Ils proposent de tenter une co-tutelle avec l’IRISA, où j’ai déjà fait un stage l’an dernier, ou bien avec le laboratoire qui me fourni les résultats d’expériences à analyser, celui là même qui recherche un thésard… Ce serait donc parfait! Une thèse à Rennes en collaboration avec Cambridge!

Bon ne nous enflammons pas, ce n’est pas fait, ce n’est qu’une piste, et qui peut en plus tomber à l’eau s’il n’y a pas de financement.

Je profite donc de cette période de calme relatif pour réfléchir à mon avenir. Et concrètement, j’ai juste refait mon CV…

 

Avant première

Je vous présente en avant première le design de mon prochain thème pour le window manager E17.

Je l’ai intitulé New Millenium.

Il sera bientôt disponible sur les plateformes habituelles (e17-stuff et exchange) une fois que l’aurai terminé.

[EDIT] Nouvelle preview:

Page 1 sur 2

Fièrement propulsé par WordPress & Thème par Anders Norén