Date:
18.05.2016


Date:
16.05.2016

http://etapes.com/la-villa-hermosa-atelier-de-design-graphique-bruxellois

Capture d’écran 2016-05-16 à 14.54.07


Date:
01.05.2016

c’est par ici: https://abmag.be/article/La-Villa-Hermosa-nous-dit-quoi

ABM-LaVillaHermosa-5b


Date:
21.12.2015

Entre juillet et septembre 2015, à la demande de la caravane graphique OSP, j’ai contribué au développement des outils de mise en page pour la réalisation du magasine Médor. Médor est ce « magazine trimestriel belge et coopératif d’enquêtes et de récits » qui, à peine imprimé, a été interdit de diffusion pour être autorisé 12 jours après (voir ici puis ici, et ). Une des particularités de Médor est qu’il est mis en page via des outils utilisés habituellement pour le web et que cette mise en page, par les outils utilisés qui sont des langages standards du web, est essentiellement (d)écrite. Les graphistes d’OSP explorent depuis un moment les possibilités d’utilisation des ces outils web pour l’édition (voir leur outil html2print) et j’ai de mon côté développé l’idée dans le cadre des supports imprimés pour le BRASS.

Pour Médor, ma contribution a été essentiellement d’écrire un court script (en less) qui permet de générer automatiquement des règles de positionnement de blocs en CSS selon une grille donnée. L’idée était de donner la possibilité aux graphistes de créer des blocs de contenu attachés à la grille, sans devoir calculer la position ou les dimensions des blocs. Où le code html suivant:

 <div class="x3 y2 w3 h4"></div>

Crée un bloc aligné sur la 3ème colonne et sur la 2ème ligne de la grille, dont la largeur est égale à 3 colonnes et la hauteur à 4 lignes. Pour que cela fonctionne, il faut que les classes x3 y2 w3 et h4 aient été générées et c’est précisément l’utilité du script, que voici:

/*Page setup*/
@page-width: 482pt;
@page-height: 652pt;

/* Margins */
@page-margin-inside: 34pt;
@page-margin-outside: 24pt;
@page-margin-top: 24pt;
@page-margin-bottom: 40pt;

@body-width:@page-width - @page-margin-inside - @page-margin-outside;
@body-height:@page-height - @page-margin-top - @page-margin-bottom;

/*Grid setup*/
@col-number: 9;
@col-gutter: 6pt;

@row-number: 9;
@row-gutter: 6pt;

/*Grid builder*/
@col-width: (@body-width - ((@col-number - 1) * @col-gutter)) / @col-number;
@row-height: (@body-height - ((@row-number - 1) * @row-gutter)) / @row-number;

@col-gutter-width: @col-width+@col-gutter;
@row-gutter-height: @row-height+@row-gutter;

/* x classes */
.create-x-classes(@i:0) when(@i < @col-number){
    .x@{i}{
       left:@i * @col-width + @i * @col-gutter;
    }
    .create-x-classes(@i + 1);
}
.create-x-classes();

/* y classes */
.create-y-classes(@i:0) when(@i < @row-number){
    .y@{i}{
       top:@i * @row-height + @i * @row-gutter;
    }
    .create-y-classes(@i + 1);
}
.create-y-classes();

/* width classes */
.create-w-classes(@i:1) when(@i <= @col-number){
    .w@{i}{
       width:@col-width * @i + @col-gutter * (@i - 1);
    }
    .create-w-classes(@i + 1);
}
.create-w-classes();

/* height classes */
.create-h-classes(@i:1) when(@i <= @row-number){
    .h@{i}{
       height:@row-height * @i + @row-gutter * (@i - 1);
    }
    .create-h-classes(@i + 1);
}
.create-h-classes();

La conversion colorimétrique des documents pdfs à envoyer à l’imprimeur a été assurée par l’outil « color_convert.sh » dont j’ai déjà parlé dans un article sur le BRASS.


Date:
10.12.2015

Affiche, dépliant et éléments signalétiques réalisés par Pierre-Philippe Duchâtelet pour La Bonne Nouvelle – évènement dédié au Food design du 5 au 16 décembre dans la vitrine du 4 Place de Brouckère à Bruxelles. Durant 12 jours, « La Bonne Nouvelle » questionnera comment design, sciences, technologie et art peuvent se rencontrer et donner un éclairage nouveau sur la cuisine, conjuguée au futur comme au passé. La Bonne Nouvelle est une création de MAD Brussels – Centre de la Mode et du Design et du studio La Bouche.  photo: Miko/Miko Studio

LaBonneNouvelle_MAD_Lavillahermosa_MikoMikoStudio-14

lire la suite


Date:
10.12.2015

Noir + Bagnard (le caractère typographique de Sebastien Sanfilippo) (www.love-letters.be).carte_lavillahermosa


Date:
04.11.2015

LaVillaHermosa_dw_2015

Après l’illustratrice Fanny Dreyer, c’est au tour de Anne Brugni de nous dessiner le BRASS. Lionel écrit une nouvelle version du programme qui génère de affiches au format A3 pour le BRASS. Pierre-Philippe dessine une autre brochure de saison et tous les formats qui accompagneront sa sortie en décembre 2015. Lionel écrit du code à l’Erg avec les étudiants de BAC 2 et BAC 3. Son site http://curlybraces.be sera progressivement complété durant l’année. Toujours à l’Erg en communication visuelle, Pierre-Philippe et les étudiants de BAC 3 écrivent et dessinent deux projets où il est question d’identité, de portraits, de lettre et d’architecture. Vous pouvez en apprendre davantage sur PPERG (qui se lit PEPERE). Lionel dessine un livre avec Miguel António Domingues. Pierre-Philippe signe l’identité d’un magnifique projet du Mad en collaboration avec le studio de food design La Bouche.

À très bientôt!! Des bises de la villa!

Vous pouvez nous lire sur www.lavillahermosa.com et blog.lavillahermosa.com
Il est désormais possible de suivre Pierre-Philippe sur instagram.com/pp.lavillahermosa/
Voir les travaux de Pierre-Philippe ici www.pierrephilippeduchatelet.be
Regarder quelques vidéos de certains de nos travaux ici vimeo.com/lavillahermosa
et acheter des éditions limitées sur notre shop lavillahermosa.tictail.com

La Villa Hermosa – l’atelier de Pierre-Philippe Duchâtelet et Lionel Maes


Date:
10.09.2015

Demain soir, samedi et dimanche, nous serons au BRASS – Centre Culturel de Forest, avec notre projet COAL-MINE pour le vernissage de Artists Print IV. Il y aura aussi les enveloppes n°1 — David Widart et peut-être une surprise. https://www.facebook.com/…/www.face…/events/396763280520701/


Date:
18.07.2015

lvh_skyisthelimit_v2

Dans un article critique à paraître dans le numéro de juillet de La Revue Nouvelle — mensuel sociopolitique et culturel indépendant bruxellois, Lionel Maes questionne l’engouement actuel pour les ateliers « fablabs », où les « makers » fabriquent des objets avec des tables de découpes lasers, des fraiseuses numériques et des imprimantes 3D. Qu’est ce qui se cache derrière cet enthousiasme débordant???!!

Pendant que Lionel réfléchit et questionne notre société contemporaine, Pierre-Philippe pense à son style de la rentrée et dessine une doublure pour les boutiques Café Costume. Le projet sera présenté en septembre au Bozar avec les projets d’une sélection d’artistes belges dont Floris Verbeeck, Hello Monsters, Fanny Vanmassart,…

Entretemps, Lionel et Pierre-Philippe signent le design d’une superbe newsletter, d’une carte de visite et d’une nouvelle enveloppe d’images pour le photographe David Widart! Cette belle collaboration continue! Ils ne manqueront pas de raconter deux trois trucs à ce propos sur le site de la Villa Hermosa très prochainement.

En parallèle, Pierre-Philippe commence une collaboration avec l’agence neutre sur l’identité visuelle du Centre de la gravure et de l’image imprimée et, à ses heures perdues, explore la technique du lavis sur de grandes feuilles de papier.

Et pendant ce temps, Lionel réalise une mise à jour de la carte sonore en ligne de l’association BNA-BBOT et développe pendant deux journées de travail collectif des outils de mise en page pour le magazine Médor, le nouveau trimestriel coopératif belge d’enquêtes et de récits.

En septembre prochain, le BRASS (Forest Centre Culturel) ouvre la saison 2015-2016, Lionel et Pierre-Philippe ont proposé à la talentueuse illustratrice Fanny Dreyer de faire un dessin pour leurs nouvelles affiches et brochures de saison.

En octobre durant la nuit blanche, Lionel nous présentera l’installation « Homeopape » dans un ancien refuge anti-atomique sur le quai au foin à Bruxelles. Un travail mené à partir du flux de données de l’agence de presse BELGA.

Et puis, n’oublions pas! Chers candidats étudiants, dès septembre, Pierre-Philippe vous proposera un cours de communication visuelle en BAC 3 à l’ERG (École de Recherche Graphique) et Lionel un cours sur l’écriture du code en BAC 2 et BAC 3 à l’ERG et un cours sur « l’image numérique imprimée » à l’École Supérieure des Arts le 75.

À très bientôt!! Des bises de la villa!

Vous pouvez nous lire sur www.lavillahermosa.com et blog.lavillahermosa.com
Il est désormais possible de suivre Pierre-Philippe sur instagram.com/pp.lavillahermosa/
Voir les travaux de Pierre-Philippe ici www.pierrephilippeduchatelet.be
Regarder quelques vidéos de certains de nos travaux ici vimeo.com/lavillahermosa
et acheter des éditions limitées sur notre shop lavillahermosa.tictail.com

La Villa Hermosa – l’atelier de Pierre-Philippe Duchâtelet et Lionel Maes


Date:
01.05.2015

Étudiante en deuxième année option Design Graphique aux Beaux-Arts de Lyon en France, je mène actuellement un stage d’une durée d’un mois aux côtés de Pierre-Philippe Duchâtelet et de Lionel Maes, partageant mon temps entre la Villa Hermosa et la boutique Pimpinelle.

IMG_3783webIMG_3784web

↳ mon bureau, oklm

Pendant ce mois d’Avril, ma mission est la suivante : entreprendre des expérimentations (graphiques ou non) autour de l’univers de la cuisine. En ligne de mire, la refonte intégrale de la maquette du journal semestriel de Pimpinelle dont le numéro #00 est paru en 2014. Il faut définir une nouvelle identité à la parution.

Au commencement, à la création du Etherpad qui permettra à tous de partager les recherches, nous réfléchissons à un nom pour la globalité des expérimentations. Je propose une liste de synonymes du mot « tambouille » : coction, galimafrée, bectance, cuistance et popote.

Comme il semble impossible de choisir un seul mot, nous décidons de les garder tous, et de nous servir de chacun pour diriger une activité, en fonction des diverses connotations qu’ils portent.

IMG_20150429_0007

↳ premiers essais du petit plotter sur le thème « galimafrée »

galimafrée [ galimafre ] n. f.
• 1398; p.-ê. a. fr. galer « s’amuser » ( galant) et picard mafrer «manger beaucoup»
Vx et péj. Mets peu appétissant. ragougnasse.
popote [ pɔpɔt ] n. f.
• 1857 arg. milit.; onomat. « soupe » ou mot vosgien « bouillie »
1 Table commune d’officiers. mess; cantine, gamelle. — Loc. fam. Faire la tournée des popotes : pour une personnalité civile ou militaire, faire une visite de propagande ou d’information auprès des officiers de diverses unités.
2 Fam. Soupe, cuisine. Faire la popote. tambouille. « La popote, la famille, un bon chez- soi, nous étions heureux » (Apollinaire).
bectance ou becquetance [ bɛktɑ̃s ] n. f.
• 1916, -1907; de becter, becqueter
Très fam. Nourriture. 2. bouffe, bouffetance. « Il apportait son panier. Dedans, y avait toute sa bectance » (Céline).
coction [ kɔksjɔ̃ ] n. f.
• 1560; lat. coctio cuisson, décoction
Didact. Digestion des aliments dans l’estomac.
A.— MÉD. ANC. Transformation des humeurs avant leur élimination.
B.— Rare. Transformation par la chaleur. Synon. usuel cuisson.
cuistance [ kɥistɑ̃s ] n. f.
• 1912; de cuisine, p.-ê. d’apr. becquetance
Fam. Cuisine (2o). Faire la cuistance.
tambouille [ tɑ̃buj ] n. f.
• 1866; p.-ê. abrév. de pot-en-bouille, var. de pot-bouille, ou de l’it. tampone « bombance »
Fam.
1 Plat grossier, grosse cuisine médiocre. ratatouille.
2 Cuisine (2o). « les cuistots y faisaient leur tambouille » (Dorgelès).

 

Qu’y a-t-il dans le journal ?
Pimpinelle, le journal, c’est d’abord un slogan : on ne mange pas n’importe quoi, n’importe comment, avec n’importe qui.

Alors, comme dans l’édition précédente, il sera bien sûr question de partager  un savoir cuisiné, avec des présentations de recettes  mais aussi des portraits des différents cuisiniers qui sont passés proposer des ateliers dans la boutique, des interviews des personnalités atypiques de la ville, des commerçants et des praticiens de la cuisine. Le journal doit être le reflet d’une activité culturelle et culinaire au sein de la ville de Bruxelles et des quartiers aux ambiances variées qui la composent.

 IMG_20150429_0009web

lire la suite