Un peu de logique et de concentration et on devient implacable !
http://flexboxfroggy.com
Archives de l’auteur : C_linn Brindeau
Des livres à consulter et à emprunter
Trois ouvrages de référence pour vous aider :
– HTML 5 pour les web designers
Ce guide pratique constitue une bonne entrée en matière pour aborder le HTML 5. Evoquant d’abord les versions précédentes, il précise ensuite les nouveautés du langage, notamment en matière de multimédia (audio et vidéo) et de graphisme vectoriel.
– Concevoir un site web: l’idée et la forme
Cet ouvrage aborde entre autres les thèmes du langage HTML, de la mise en page, des images et de la typographie, et permet ainsi à toute personne de pouvoir créer un site Web réussi. Il est illustré par des captures d’écran pas à pas et des exemples de sites de créateurs et de professionnels.
– HTML & CSS: design and build websites
Un ouvrage de base pour apprendre à créer ses propres pages web.
the 12 basic principles of animation
In English, but it is not difficult to understand 🙂
Alan Becker has created 12 informative animations that explain the 12 basic principles of animation . These 12 principles were written for Disney in 1981 by Frank Thomas and Ollie Johnston through their book « The Illusion of Life . » (source : http://graphism.fr)
Derniers numéros !
Les derniers numéros des revues spécialisées, Novum et étapes sont arrivés !
Vous pouvez les consulter en salle DA1, puis les emprunter au CDI.
N’oubliez pas de faire un tour sur leurs sites internet :
Graphisme de l’affiche JPO2015
/////////////////////////////////////////////////////////////////
TCV _ Studio Graphique /// Infographie /// Techno
/////////////////////////////////////////////////////////////////
Conception collective et collaborative dans une expérience de Co-design :
3 axes + 3 formes + 3 couleurs = 1 équipe
Voir une sélection des expérimentations graphiques sur la page suivante :
http://tcv-jpo2015.lyceegutenberg.net/
Vous cherchez une icône ?
Google propose une bibliothèque de 750 icônes :
http://google.github.io/material-design-icons/
Les éléments du design graphique
Vidéo sur les éléments principaux du design graphique réalisée par Matt Greenwood.
Backgrounds animés
4 belles animations de background en fullscreen
à voir et à télécharger sur Codrops.
http://tympanus.net/codrops/2014/09/23/animated-background-headers/
Les 12 principes de base de l’animation
http://the12principles.tumblr.com/
Les 12 principes de base de l’animation sont un ensemble de principes d’animation listés par les grands animateurs de Disney Ollie Johnston et Frank Thomas dans leur livre « L’Illusion de Vie » (The Illusion of Life).
Article Wikipedia à lire !
À voir…
Séries Graphiques est une nouvelle Librairie.
Rue de la Douane à Strasbourg.
http://www.series-graphiques.com/
https://www.facebook.com/series.graphiques
Merci Arnaud pour l’info !
Les 10 tendances du webdesign de 2014
2 – Le scroll et les sites monopages
3 – Moins de blabla !
4 – Place à l’image
5 – La vidéo comme valeur ajoutée
6 – La flat design
7 – La typographie star du webdesign
8 – Le webdesign géométrique
9 – Le parallaxe et les sites animés
10 – La navigation synchronisée
Pas obligés de tout mettre dans un seul design… on est bien d’accord ? 🙂
Journée des anciens CG du Gutenberg 21/02/2014
Très chers ex-CG !
La journée de rencontre avec les anciens est devenue traditionnelle et certains la réclament et l’attendent avec impatience ! Vous vous souvenez sûrement combien c’était une chouette journée quand vous étiez en terminale.
Maintenant c’est vous les anciens et c’est toujours un vrai plaisir d’avoir de vos nouvelles.
Si vous êtes disponibles et disposés pour venir à la rencontre des TCV partager votre expérience, vous serez les bienvenus le vendredi 21 février 2014 entre 8h30 et 12h00 (possible l’aprem entre 15h20 et 17h10 si c’est mieux pour vous).
Si vous ne pouvez pas venir, et bien racontez moi juste où vous en êtes. Je fais tous les ans un recueil d’expériences qui est vraiment très utile. Dites-nous ce qui a marché mais aussi les déceptions et ce que vous auriez aimé qu’on vous dise quand vous étiez en Terminale.
Si vous pouvez venir, annoncez vous par mail, pour organiser la rencontre avec les TCV dans la journée.
J’espère que tout se passe au mieux dans vos vies professionnelles et personnelles.
Je vous dis @ très bientôt en direct ou via un petit message de nouvelles.
Avec mon meilleur souvenir et toute mon amitié.
C_linn Brindeau
celine.brindeau@lyceegutenberg.net
Effets de navigation
Des exemples simples de navigation (peuvent être utiles aux TCV sur la OnePage…) :
http://tympanus.net/Development/DotNavigationStyles/
Conférence: Design de la Presse en ligne
Après le Bac Pro CV…
Actions info/orientation & liens utiles
>>>>> Conseillère d’Orientation Psychologue dans la classe des TCV : vendredi 24 janvier entre 10h20 et 11h15
>>>>> Journées Universitaires les 6 & 7 février
http://www.ju-strasbourg.fr/visiteurs
>>>>> Le carrefour des formations les 18, 19 et 20 février
http://carrefourdesformations-strasbourg.org/
>>>>> Portail Admission Post-Bac du 20/01/2014 au 20/03/2014
http://www.admission-postbac.fr/
>>>>> Le Site de l’Onisep
http://www.onisep.fr/
Et aussi…
http://designetartsappliques.fr/
http://www.hear.fr/
http://www.esae.fr/
http://www.esad-amiens.fr/
http://esamm.metzmetropole.fr/#&panel1-3
http://www.ensa-nancy.fr/
http://www.isbabesancon.com/
Mur d’images 4 éléments
Identité visuelle
Pour les 1CV qui travaillent en ce moment sur le Logo du Lycée Adrien Zeller…
La conception d’une identité et de ses déclinaisons par Béhance à voir en suivant le lien ci-dessous :
http://www.behance.net/gallery/Guitar-Center-Rebrand/3404345
Outil de présentation
Des styles et des typos sobres, des transitions basiques et efficaces, une interface agréable, des options de partages faciles et très utiles… Réalisez vos diaporamas, intégrez les à votre site, ils restent disponibles de partout et à tout moment !
A tester ici : https://slid.es/
Outil Wireframe
Un outil pratique, facile à utiliser et gratuit pour réaliser un wireframe.
http://wireframe.cc
L’utilisation de cet outil permet de passer d’un croquis d’intention au code.
En respectant les proportions du croquis par rapport au format d’écran on obtient les dimensions précises des blocs qui deviendront « container », « div » et autres « boîtes ».
Tendance graphique : Flat Design
Flat design = design simple
Article et exemples à voir sur Designmodo.
L’article est en anglais… Google Chrome propose de traduire les pages, c’est pas un français très « propre »
mais ça permet de comprendre l’idée générale.
À DÉCOUVRIR ABSOLUMENT !
« Processus créatif » dans votre CDI
Suivre AMA CG/CV sur Twitter
Bac Pro AMA CG/CV est sur Twitter ! Abonnez-vous !
Effets, sites tendances et code à télécharger
Le site http://tympanus.net/codrops/ propose du contenu tendance dans le domaine du web.
Le code pour réaliser les effets et les tendances exposées peut être téléchargé.
Attention : c’est le code qui est gratuit pas les images ni les contenus.
Anonymous
C’est l’histoire d’Edouard de Vere, 17ème comte d’Oxford qui serait l’auteur de toutes les pièces de William Shakespeare : et si le plus grand dramaturge de tous les temps n’avait été qu’un simple imposteur?
Sur fond de succession de trône de la reine Elisabeth I d’Angleterre entre le clan Tudor et le clan Cecil, venez découvrir ce qui pourrait être la plus incroyable supercherie de tous les temps!
Ce long-métrage est le premier de son réalisateur en Allemangne depuis qu’il l’a quittée il y a 20 ans pour Hollywood. Petit budget de 30 millions d’euros après des grosses productions comme 2012, Roland Emmerich revient avec ce projet anciennement intitulé Soul of the age datant de plusieurs années, jamais concrétisé sur un sujet polémique : la paternité des oeuvres de William Shakespeare. Conjointement produit par Centropolis et le studio allemand Badenberg, le tournage débute en mars 2010 avec une distribution exclusivement britannique.
Derek Jacobi, qui officie ici comme narrateur, fait partie des nombreux artistes partisans de la théorie disant que Shakespeare n’a pas écrit ses grands succès : serez-vous de ceux qui croient en William, the bard of Avon ou les sympathisants de l’imposture?
If you want to know much more about this mystere, don’t hesitate to watch that video! Of course, it is in English but it’s not that difficult for you !!! And if I can give you the envy to go and see that extraordinary movie, I will be particularly glad !!!!!
P.S. If you go to the cinema before next week, don’t tell me the end of the film, I would like to make my own opinion but we could talk about this together in a fortnight
See you soon and let’s discover the unbelievable !!!
Your favourite English teacher
Charlie Chaplin, du mime ou de la danse ?
voici une petite vidéo du charlot, à voir et à revoir…. (extrait « Les temps modernes »)
http://www.youtube.com/watch?v=eZhSvSvMBgU
un autre extrait « le cirque »…illustrant son univers burlesque :
en attendant le bolero d’inger
voici le bolero crée par Maurice Béjart avec les ballets russes en 1960. Sur cette vidéo, le boléro est dansé par la « compagnie béjart » et sylvie guillem en 2009
tour d’horizon
voila quelques extraits de différents chorégraphes.
- JIRI KYLIAN (que nous irons voir en mai à l’opéra du rhin)
http://www.youtube.com/watch?v=ZaQqa8FDSU4
pour les « inspirés » :
http://www.youtube.com/watch?v=gRa31Dv_IlA
2. MOURAD MERZOUKI
http://www.youtube.com/watch?v=wfsIjtBm4fU
pour les plus « inspirés »:
http://www.break.com/usercontent/2009/10/cie-urbana-de-dan%C3%A7a-agwa-1415131.html
3. JEAN-CLAUCE GALOTTA
http://www.youtube.com/watch?v=CFZlPtiyotU
pour les plus « inspirés » :
http://www.youtube.com/watch?v=yy-AicYcB44
4. PINA BAUSCH
decouflé… ça décoiffe!
voici quelques extraits du travail du chorégraphe français phillipe découflé
http://www.dailymotion.com/video/xfhj3_philippe-decoufle-le-ptit-bal-perdu_music
http://www.youtube.com/watch?v=T0jV67WVyfM
http://www.dailymotion.com/video/x2lexd_2iris_creation
http://www.youtube.com/watch?v=Wzfr9n1sMUE
les deux derniers extraits sont plus longs (5 à 7 min), regardez-les en diagonale si cela vous semble trop long, mais soyez attentif au travaux croisés qui sont mis en oeuvre : mélange de différentes disciplines artistiques au sein d’un même spectacle!
à propos de danse…
voilà deux courtes vidéos de la chorégraphe flamande anne térésa de keersmaeker,
rosas danst rosas 1982 : http://www.dailymotion.com/video/x5n1fz_07rosasdanstrosas_creation
counter phrases 2004 : http://www.dailymotion.com/video/x5auri_counter-phrases-34_creation
pour les plus inspirés, vous pouvez visionner l’émission musica consacrée à cette artiste :
http://www.dailymotion.com/video/x8mj0l_anne-teresa-de-keersmaeker-fase-15_creation
et un apercu de son travail actuel à travers un extrait de sa pièce the song (2009)
http://www.festivalier.net/article—-la-decadanse—d-anne-teresa-de-keersmaeker—37302841.html
C’est la rentrée !!!
Le lycée Gutenberg en 1984… sans arbres et avec les 4L !
Photo aérienne par AIRDIASOL.
Calendrier de la rentrée scolaire 2009 au lycée Gutenberg :
PDF > Rentrée Scolaire 2009