====== MICRO-SILLON / IDENTITÉ VISUELLE ====== * Porteur du projet : DSAA 1 * Date : Janvier 2017 ===== Introduction ===== Micro-sillon est une association regroupant des passionnés de musique et de productions techno-numériques à Metz. Ils sont situés au sein de l'espace culturel TCRM-Blida. Leurs missions sont d’aider à la réalisation de projets nécessitant des compétences en conception, fabrication, électronique, informatique, interaction homme-machine, expérience utilisateur, appliquées au contexte sonore et musical dans les arts numériques. ------------------------- ===== Analyse de l'existant ===== //Le logo// > Le logo est peu communicatif (vinyle non reconnaissable, couleurs pas en adéquation avec l’association) > La typographie du logo est trop connotée informatique des années 1990 > Préconisation => assembler "micro-sillon" et "lutherie numérique" //Le site internet// [[http://micro-sillon.org/]] > Le site est clair et fluide mais un peu froid > Cohérence entre les intentions de l’association qui sont d’avoir une identité sobre, épurée et le site internet existant > Bonne documentation des projets > Problème sur la page d’accueil : quelle est la fonction du slide et des boutons ? > Dans la partie « qui sommes-nous » pourquoi deux rubriques ? > Incohérence des langues : Français/Anglais > On ne voit pas l’aspect social et participatif de l’association (photos, arborescences, contacts, connexion entre les gens et les autres professionnels) > Site mal référencé : le trait d’union est obligatoire pour trouver le site sur Google > Préconisation => rajouter les mots "Lutherie" et "Art numérique" au référencement //Réseaux sociaux// > Unité entre les réseaux sociaux mais manque de compréhension par rapport à l'activité de l'association > Préconisation => mettre le dernier projet important en photo de couverture avec des éléments-clefs ou mettre une image générique et pérenne en lien avec l’association ------------------------- ===== Questions ===== > Pourquoi mettre trois projets sur la page d’accueil ? > La communication de l’association est destinée à qui ? > Quel est votre rapport avec l’atelier ? > Est-ce qu’il est possible de vous rendre plus visible dans l’atelier ? (prévoir une signalétique du lieu) ------------------------- ===== Notre mission ===== Création d'un univers graphique et imaginaire pour l'association. ------------------------- ===== Idées ===== > Le logo peut être en mouvement sur la page du site > La carte de visite : Format papier classique ou objet 3D > Ajouter plus de vidéos : vidéos des projets, vidéo en page d’accueil (exemple : [[http://www.alaprairie.fr]]) >... ------------------------- ===== Univers graphique / Imaginaire latent ===== Micro-sillon semble s'articuler autour de plusieurs notions/idées/mots-clés : La musique, l'écosystème, la rêverie possible par le numérique, l'onirisme, l'énigmatique, le mouvement (étincelle, collision, transition, fusion), la traduction, la rencontre, l'hybridation, les ondes (numériques, fréquences, magnétiques, sismiques), les éléments (eau, air, terre, feu), la fluidité, l'organique, le flux, le courant, le visible et l'invisible, l'équilibre. ------------------------- ===== Références graphiques ===== {{:wiki:projets:micro-sillon:yuchienlin.jpg?150|}}{{:wiki:projets:micro-sillon:coraliegourguechon.jpg?150|}}{{:wiki:projets:micro-sillon:andreas_fischer2.jpg?150|}}{{:wiki:projets:micro-sillon:andreas_fischer3.jpg?150|}}{{:wiki:projets:micro-sillon:evaleroi.jpg?150|}}{{:wiki:projets:micro-sillon:helmo.jpg?150|}}{{:wiki:projets:micro-sillon:cyber_flowers_roman_verostko.jpg?150|}}{{:wiki:projets:micro-sillon:thomas_huot_marchant_carte_de_voeux_anrt.jpg?150|}}{{:wiki:projets:micro-sillon:superscrit2..png?150|}}{{:wiki:projets:micro-sillon:superscript2b.jpg?150|}}{{:wiki:projets:micro-sillon:cc8c567627f5a4d74babac22e2092d67.jpg?150|}}{{:wiki:projets:micro-sillon:49ce504354490d33b01dae59ba995b14.jpg?150}}{{:wiki:projets:micro-sillon:9282c349589d88a06bf4abe595f12672.jpg?150|}}{{:wiki:projets:micro-sillon:102c7c50384b24b6a6c2ef87f4bb0afa.jpg?150|}}{{:wiki:projets:micro-sillon:ac74e5a5bc63be2466f63708166fdc94.jpg?150|}}{{:wiki:projets:micro-sillon:cc8c567627f5a4d74babac22e2092d67.jpg?150|}}{{:wiki:projets:micro-sillon:e4bda89761cd73f070bb4db85150885f.jpg?150|}}{{:wiki:projets:micro-sillon:ed589de7d516bf26f98e1c8ca9c69bdf.jpg?150|}}{{:wiki:projets:micro-sillon:ef403c411cc461c733f372df26148b60.jpg?150|}} {{:wiki:projets:micro-sillon:d7aec81b02bcea66f7d726426ed95ba8.jpg?150|}}{{:wiki:projets:micro-sillon:f774e353d8f39ead2d2cc63f3e0abd26.jpg?150|}}{{:wiki:projets:micro-sillon:4752c12db3143746da13c8cc53969e00.jpg?150|}} {{:wiki:projets:micro-sillon:34085462c4383fe65f6e7d0a0f2a8bc9.jpg?150|}}{{:wiki:projets:micro-sillon:43d1e2177f5e1b89637369d47770594b.jpg?150|}} {{:wiki:projets:micro-sillon:6e7ee9b3f898bb1c1e69b137f160e7a1.jpg?150|}}{{:wiki:projets:micro-sillon:5546fe0982d88c42f87de5c9751ce6c9.jpg?150|}}{{:wiki:projets:micro-sillon:86896eaf8447d114174055d1f1e56491.jpg?150|}}{{:wiki:projets:micro-sillon:306281ac1c0992b1a65ac4d64812da47.jpg?150|}} {{:wiki:projets:micro-sillon:15966970_384995221845720_1172002491_o.jpg?150|}}{{:wiki:projets:micro-sillon:15966441_384995218512387_241305308_o.jpg?150|}} ------------------------- ===== Début des recherches ===== Mise en page des toutes premières recherches sous la forme d'un carnet, en voici un extrait en version pdf + photos : {{:wiki:projets:micro-sillon:mcrsll.pdf|}} {{:wiki:projets:micro-sillon:31.jpg?&200|}} {{:wiki:projets:micro-sillon:16.jpg?&200|}} {{:wiki:projets:micro-sillon:15.jpg?n&200|}} {{:wiki:projets:micro-sillon:21.jpg?&200|}} {{:wiki:projets:micro-sillon:19.jpg?&200|}} {{:wiki:projets:micro-sillon:20.jpg?&200|}} {{:wiki:projets:micro-sillon:18.jpg?&200|}} {{:wiki:projets:micro-sillon:22.jpg?&200|}} {{:wiki:projets:micro-sillon:23.jpg?&200|}} {{:wiki:projets:micro-sillon:24.jpg?&200|}} {{:wiki:projets:micro-sillon:25.jpg?&200|}} {{:wiki:projets:micro-sillon:31.jpg?&200|}} {{:wiki:projets:micro-sillon:planches_recherches_m-s2.jpg?200|}}{{:wiki:projets:micro-sillon:planches_recherches_m-s3.jpg?200|}}{{:wiki:projets:micro-sillon:planches_recherches_m-s4.jpg?200|}} {{:wiki:projets:micro-sillon:test_page_1.jpg?200|}}{{:wiki:projets:micro-sillon:test_page_2.jpg?200|}}{{:wiki:projets:micro-sillon:test_page_4.jpg?200|}}{{:wiki:projets:micro-sillon:test_page_5.jpg?200|}}{{:wiki:projets:micro-sillon:test_page_7.jpg?200|}}{{:wiki:projets:micro-sillon:capture_d_e_cran_2017-01-24_a_13.33.48.png?200|}}{{:wiki:projets:micro-sillon:capture_d_e_cran_2017-01-24_a_13.33.27.png?200|}} {{:wiki:projets:micro-sillon:untitled2.png?200|}}{{:wiki:projets:micro-sillon:untitled6.png?200|}}{{:wiki:projets:micro-sillon:untitled4.png?200|}}{{:wiki:projets:micro-sillon:test2_1.jpg?200|}}{{:wiki:projets:micro-sillon:test2_2.jpg?200|}}{{:wiki:projets:micro-sillon:test2_3.jpg?200|}}{{:wiki:projets:micro-sillon:test2_4.jpg?200|}}{{:wiki:projets:micro-sillon:test2_page_4.jpg?200|}}{{:wiki:projets:micro-sillon:test2_page_5.jpg?200|}}{{:wiki:projets:micro-sillon:test2_page_6.jpg?200|}}{{:wiki:projets:micro-sillon:test2_page_7.jpg?200|}}{{:wiki:projets:micro-sillon:mock3.jpg?200|}}{{:wiki:projets:micro-sillon:mock1.jpg?200|}}{{:wiki:projets:micro-sillon:mock2.jpg?200|}}{{:wiki:projets:micro-sillon:mock4.jpg?200|}} ---- Travail autour de la création d'un objet unique pour la communication via l'utilisation de la découpeuse laser, voici les premiers prototypes : {{ :wiki:projets:micro-sillon:1.jpg?&200|}} {{ :wiki:projets:micro-sillon:2.jpg?&200|}} {{ :wiki:projets:micro-sillon:3.jpg?&200|}} {{ :wiki:projets:micro-sillon:4.jpg?&200|}} {{ :wiki:projets:micro-sillon:5.jpg?&200|}} {{ :wiki:projets:micro-sillon:6.jpg?&200|}} {{ :wiki:projets:micro-sillon:9.jpg?&200|}} {{ :wiki:projets:micro-sillon:8.jpg?&200|}} {{ :wiki:projets:micro-sillon:14.jpg?&200|}} {{ :wiki:projets:micro-sillon:10.jpg?&200|}} {{ :wiki:projets:micro-sillon:11.jpg?&200|}} {{ :wiki:projets:micro-sillon:12.jpg?&200|}} {{ :wiki:projets:micro-sillon:13.jpg?&200|}} {{ :wiki:projets:micro-sillon:7.jpg?&200|}} ---- Divers tests Processing évoluants en mouvement : {{:wiki:projets:micro-sillon:image-9816.png?200|}}{{:wiki:projets:micro-sillon:image-9821.png?200|}}{{:wiki:projets:micro-sillon:image-9825.png?200|}} {{:wiki:projets:micro-sillon:image-9857.png?200|}}{{:wiki:projets:micro-sillon:image-9858.png?200|}}{{:wiki:projets:micro-sillon:image-992.png?200|}} {{ :wiki:projets:micro-sillon:micro-sillontestwiki.jpg?300|}}{{ :wiki:projets:micro-sillon:micro-sillontestwiki.gif|}} {{vimeo>202357672?medium}} (/!\ vidéo pas top) --------- {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.24.05.png?200|}} {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.24.38.png?200|}} {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.24.55.png?200|}} {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.25.10.png?200|}} {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.25.31.png?200|}} {{:wiki:projets:micro-sillon:capture_d_e_cran_2017-02-28_a_09.25.50.png?200|}} {{youtube>ZWDA0KlpBgc?large}} ---- [[https://www.openprocessing.org/sketch/112858]] [[https://www.openprocessing.org/sketch/144709]] ---- Templates proposés : [[http://barunka.ondrejsvestka.cz/|]] [[https://html5up.net/photon|]] [[https://freehtml5.co/preview/?item=work-free-html5-template-bootstrap|]] [[https://freehtml5.co/preview/?item=black-one-page-free-html5-bootstrap-template-for-landing-pages|]] ---- === Commentaires :=== > Bonjour tout le monde, Merci pour toutes vos propositions, de qualité ! Vous vous êtes bien approprié le sujet :) Il y a de nombreuses choses, bien variées, et nous avons largement de quoi faire. Nous discuterons de tout ça la semaine prochaine. Voici deux images pour vous donner un aperçu de l'atelier que nous allons réaliser : 1. l'expander audio, sous PureData {{:wiki:projets:micro-sillon:expander_pd.png?300|}} 2. le périphérique d'interaction associé, en Arduino {{:wiki:projets:micro-sillon:interface_arduino.jpg?300|}} Pour préparer la session de lundi, vous pouvez déjà télécharger : 1. PureData, version extended : http://puredata.info/downloads/pd-extended Le patch : {{:wiki:projets:micro-sillon:patch_puredata.zip|}} 2. L'IDE d'Arduino: https://www.arduino.cc/en/Main/Software Le programme : {{:wiki:projets:micro-sillon:dsaa_arduino-v03.zip|}} Bon week-end et à bientôt ! Olivier pour Micro-sillon ________________________________ Bonjour tout le monde, Avec un peu de retard,voici tous les contenus de notre atelier : les programmes et présentation Pure Data et Arduino. J'ai voulu les mettre sur le wiki, mais je n'ai pas réussi à le faire en moins de 5 minutes :) du coup j'envoie le tout à Anne-Catherine qui vous transmettra. Nous sommes bien contents d'avoir passé cette petite semaine avec vous - une bien belle équipe, fort sympathique, dynamique, motivée, soudée ! Ne changez rien ! :) En espérant vous revoir, nous vous souhaitons bonne chance pour la suite, et n'hésitez pas à nous contacter si nécessaire. On reprend contact en mai donc... Bonne continuation et à bientôt ! Olivier ----------- ==== Réalisations graphiques ==== Éléments pour site et badges : {{:wiki:projets:micro-sillon:elements_site_badges_micro-sillon.zip|}} Logo Micro-Sillon {{:wiki:projets:micro-sillon:logo_microsillon.ai.zip|}} Fond bleu micro sillon {{:wiki:projets:micro-sillon:fondbleu_ms.zip|}} ----