JE SUIS
RENDU ICI.

En passant, nouveau site Web du département de graphisme ici, réalisé par Daniel. Vous pouvez me joindre par courriel ici ou via Facebook ici.

R

Dieter Rams - Less and More

Bitter Earth

Fantastique projet Bitter Earth par Geneviève Cooke dans le cours Multimédia.

  > À voir ici

Helvetica 50e

Par : Émilie Leroux-Goulet

Par : Hélène Provost

Typo 02, Helvetica 50e

Indications pour la réalisation du projet : Helvetica 50^e. Je vous conseille d'éviter à tout prix la procrastination pour ce projet, puisque la création et l'expérimentation typographiques sont beaucoup plus importantes et lourdes que pour notre premier projet. Moins de recherche, davantage de création. 
  > Indications du projet
  > Texte pour le projet
 
Projet célébrant le 50e anniversaire de la police Helvetica.
Projet passé par : Karina Pannhasith 

par : Soraya Diniz

Flash : modes d'affichage

Voici la majorité des possibilités d'affichage Flash illustrée, vous pouvez simplement cliquer les liens d'exemple et copier le code source!
  > Exemples des modes d'affichage de fichier Flash

Centrer les éléments ou un site Web en CSS de manière horizontale ET verticale

Attention, comme je l'ai mentionné en classe, il existe un attribut vertical-align, mais il ne permet pas de positionner verticalement un texte dans un bloc quelconque (DIV, P, etc...), ni de positionner verticalement un bloc dans un autre bloc. Il n'y a que dans les cellules de tableaux (ou les éléments structurés comme tels) que cette propriété aligne tout le contenu verticalement.

Nous utiliserons donc la technique des marges négatives. Cette technique permet de centrer un bloc dont on connait les dimensions. Prenons un bloc conteneur de 700px de large et 400px de haut. Nous voulons qu'il soit centré exactement dans le navigateur quelle que soit la résolution (800x600, 1024x768 ou plus).

Pour cela, l'astuce est de placer dans un premier temps ce bloc à top 50% et left 50%, ce qui placera le coin supérieur gauche du bloc au milieu de page. Ensuite, nous définirons des marges négatives dont la valeur est exactement la moitié de la largeur et hauteur du bloc, ce qui le positionnera au milieu de page.

Flash Catalyst CS5

Voici l'argument-massue pour éviter de perdre son temps à maîtriser le ActionScript 3.0, lorsque nous sommes designers. Version anglaise seulement.
  > Survol Flash Catalyst
  > Informations officielles sur le site d'Adobe 

Héritage du modernisme, beauté et tristesse.

5 1/2 à Anjou

Pas de lien ici avec les contenus complémentaires habituels des cours, je diffuse cette annonce pour une amie que vous pouvez contacter à salome@nordicattitude.com si intéressé.

Grand 5 1/2 chaleureux, 980$ rien de compris, à Anjou, deux pas de la station Honoré Beaugrand, proprios sympathiques, près de tous les services.

Putting Back the Face into Typeface

Vignelli : We use way too many fonts

Vignelli : le postmodernisme est mort, Dieu merci.

Concept typo 01/02 - inspirations

L'avenir du magazine : un objet sans papier

Le département Recherche et Développement du géant de l'édition suédoise Bonnier a planché sur la conception d'un nouveau support magazine. Une tablette à emporter qui combinerait les atouts des médias numériques et le confort de la lecture papier. Jack Schulze, de l'agence de consultants en design BERG présente le produit.

Une arborescence communicante

Je vous avais parlé du très bon Graffle permettant de créer des arborescences commentées, documentées dans plusieurs formats, voici l'hyperlien.

Pour ceux qui s'intéressent particulièrement au sujet, vous trouverez aussi une excellente liste d'applications gratuites, et souvent très simples d'utilisation, sur Mashable, afin de créer des wireframes, storyboard, scénarimage.
> Mashable / Dev & Design

Typo 02

Voici le plan de cours et les fichiers nécessaires à la réalisation du projet 01.
> Plan de cours

Fichiers nécessaires à la réalisation du projet 01.
> Description sommaire
> Texte complet
> Logo du CCA en format vectoriel
> Extrait du guide de normes graphique du CCA

Et pour démarrer la recherche et bien cerner le sujet, le site Web du CCA.
> www.cca.qc.ca

Raconter la marque par un court métrage

Chercheur d’emploi nouvelle génération

Vos présentations à l'écran

Ce message s'adresse à tous les groupes.

Je reçois toujours des présentations .pdf dont les contenus sont condensés. Trop d'images par page, la typographie trop petite pour la projection, la stylisation excessive. À partir de la semaine 05, je vais tenir compte de ces problèmes récurrents, que je soulève à chaque cours, lors des évaluations. Imaginez parler d'un sujet illustré plutôt que faire un exposé oral.

Comment rapidement améliorer votre présentation.

01 Présentez une image par page, ou regroupez les images par groupe de famille lorsque très nombreuses et similaires, quatre (4) par page au plus. Toute planche qui présente davantage d'images par page est incompréhensible et donc inutile.

02 Songez que vous présenter à l'écran, insérez seulement les grandes lignes, les événements charnières, les idées fortes. La typo doit être de grande taille. Vous pourrez insérer les textes complets, les détails, en annexe à la fin.

03 Il est inutile d'investir du temps dans le graphisme de votre présentation, c'est même souvent nuisible puisqu'elle lutte alors avec votre sujet. Utilisez un fond blanc, noir ou gris, accompagné d'une seule police et de ses graisses.

Fondation Kanpe

La Fondation Kanpe recherche des designers graphiques pour plusieurs projets, à court et moyen terme.

Pour plus d'informations, m'écrire à ron@ronnor.com et je vous mettrai en contact avec la vp communication.

Water is Life

Concours international de conceptualisation graphique, dans le domaine de l'image sociétale.

  > www.posterart-waterislife.com

Premier prix : 5 000 Euros
Deuxième prix : 3 000 Euros
Troisième prix : 2 000 Euros

Repro II, semaine 15

Rappel des lectures pour le contrôle de la fin du trimestre.
  > Rappel

Repro II, 18 nov

Il aura cours cette semaine, la visite chez les deux imprimeurs prévus n'étant pas possible. Période d'atelier, de consultation et de rattrapage, pour être fin prêt la semaine de remise finale, le 25 novembre. Je vous rappellerai aussi les lectures nécessaires pour le contrôle de fin de session.

Repro II, 18 nov

Il aura cours comme ce jeudi le 18 novembre, semaine 13.

Typo 02, projet 03

Indications pour la réalisation du projet 03 : Abécédaire.
  > Indications du projet 03

Repro 02, projet 04

Indications pour la réalisation du projet 04 : l'objet promotionnel.
  > Indications du projet 04

LAIKA : typographique interactive

Repro 02, projet 03

Indications pour la réalisation du projet 03, le dépliant. Songez aux possibilités du format, dépliant qui est aussi affiche, dépliant à l'horizontal exprimé sur plusieurs panneaux qui se déroulent, etc. À éviter, le dépliant typique de trois (3) panneaux. 
  > Indications du projet 03

Jeudi 28 octobre, SDGQ

N'oubliez pas de vous inscrivre à l'événement La 5e édition de 13 Gourous et moi, soirée qui sera précédée par la Nomination des Membres Honoraires.

“Gap change de logo, puis revient à l’ancien”

GAP LISTENS TO CUSTOMERS AND WILL KEEP CLASSIC BLUE BOX LOGO
  >  communiqué de presse officiel 11/10/10

Article sur AdversitingAge
  >  Gap to Scrap New Logo, Return to Old Design

iQ

Repro 02, projet spécial

Indications pour la réalisation du projet spécial.
> Indications du projet spécial

Des gabarits élémentaires sont disponibles en suivant le lien ci-après, pouvant servir de base pour l'élaboration de vos maquettes.  Je vous encourage bien sûr à proposer mieux, d'autant plus que l'aspect budgétaire de ce projet spécial n'est pas à considérer.

Dans tous les cas, n'oubliez pas que vos images matricielles, s'il y a lieu, devront être à une résolution d'au moins 300dpi puisque vous devrez imprimer les trois maquettes et monter la finaliste.
> Liste de gabarits divers
> Gabarit pour l'impression sur CD

Peter Saville chez Arkitip

Typeradio

Linotype : le film

Typo 02, projet 02

Indications pour la réalisation du projet 02 : Helvetica 50^e. Je vous conseille d'éviter à tout prix la procrastination pour ce projet, puisque la création et l'expérimentation typographiques sont beaucoup plus importantes et lourdes que pour notre premier projet. Moins de recherche, davantage de production. 
  > Indications du projet 02
  > Texte pour le projet 02

Repro 02, projet 02

Indications pour la réalisation du projet 02, sur l'ensemble des composantes à développer : enveloppe, papier à lettre et carte d'affaires.
  > Indications du projet 02

N'oubliez pas de prendre les trois (3) textes, les gabarits Illustrator et le guide de normes de Postes Canada sur le serveur Web du collège. La lecture des pages 15 à 28 est essentielle

Les 12 polices de Vignelli

Incontournable Per Mollerup

Normes graphiques et reproduction

Directement reliés à notre projet, les guides de normes graphiques et manuels de reproduction d'organismes humanitaires, tels que vus en classe.
> Amnistie internationale, guide de normes graphiques
> UNFPA, guide de normes graphiques
> USAID, manuel de gestion pour la marque


Sans être le plus fascinant, le PIV est tout de même des plus complets.
> Programme d'identification visuelle du Gouvernement du Québec

Techniques de repro 2

Lors de l'élaboration de l'identité visuelle, ne pas oublier que vous devez inclure le nom, il peut être détaché bien sûr, mais présent.

Prévoyez un espace pour la version moins courante qui utilise l'accroche facultative. Détails dans le .pdf ci-dessous, extrait de la présentation vue en classe à la semaine 01.
> Plan de cours v2
> Description du projet 01

BONNES

VACANCES!

R

La police verte

Hébergement Web et accès FTP

Hébergement gratuit, sans publicité, accès FTP.
> http://x10hosting.com/signup.php

Gratuiciel de transfert FTP, Cyberduck.
> http://cyberduck.ch/

Lightbox facile

La solution Lightbox la plus simple, solide et efficace.
> http://www.lokeshdhakar.com/projects/lightbox2/

Les premiers travaux de Kosinski avant la dérape publicitaire. Ancienne technologie, mais scénarisation et ambiance excellentes.

Concept typo 02 - projet 03

Extrait de la présentation en classe exposant les indications pour le démarrage de notre projet 03 : l'Abécédaire.
> Indications pour le projet 03

Multimédia 01 - projet 02

Extrait de la présentation en classe exposant les indications pour le démarrage de notre projet 02 : portefolio.
> Indications pour le projet 02

Graphisme 02 - projet 05

Extrait de la présentation en classe exposant les indications pour le démarrage de notre projet 05 sur l'environnement publicitaire narratif et de la présentation finale qui récapitulera l'ensemble des étapes et sous projets de notre projet de session.
> Indications pour le projet 05
> Indications pour la présentation finale

CSS3 : inclure des polices de caractères TTF ou OTF

On se lasse vite du choix très limité des polices de caractères disponibles dans la liste usuelle en XHTML : Times, Georgia, Arial, Verdana, etc.

Voici comment charger, inclure des polices TTF ou OTF dans une régle de votre feuille de styles.
> http://randsco.com/index.php/2009/07/04/p680

Quelques informations supplémentaires :
> http://www.alistapart.com/articles/cssatten
> http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/
> http://craigmod.com/journal/font-face/

1+1=3 de Peter Teigene

Intro image numérisée - projet 02

Extrait de la présentation en classe exposant les indications pour le démarrage de l'exercice sur la manipulation génétique et sur notre projet 02 traitant de l'image matricielle.
> Indications pour l'exercice sur la manipulation génétique
> Indications pour le projet 02