• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Webdesign, UX et UCD #5
 

Webdesign, UX et UCD #5

on

  • 967 views

Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela ...

Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.

Statistics

Views

Total Views
967
Views on SlideShare
957
Embed Views
10

Actions

Likes
1
Downloads
5
Comments
0

1 Embed 10

http://choisel.biz 10

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Webdesign, UX et UCD #5 Webdesign, UX et UCD #5 Presentation Transcript

    • Février 2013a RITAteachingRelax In The Air5UX / Webdesign/ visual design
    • design© http://www.phawker.com/wp-content/uploads/2011/04/Andy_Warhol.jpg
    • style© http://luxe.planet.fr/wp-content/uploads/2012/06/Karl-Lagerfeld.jpg
    • styledesignRelax In The AirFévrier 2013Copyright© 2013 Relax In The Airtendances et mode du momenttechnologie à dispositionconnaissance des fondamentaux
    • couleurs
    • Forget about CMYK.It’s all about RGB and HEX.couleursdesignRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
    • En #FF0000 et #000000couleursdesignRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
    • ____________________North KingdomLa couleur est aux sites web ce quela musique est aux films.
    • • Elles nous procurent du plaisir (ou pas...).• Les couleurs sont une forme decommunication comme le sont les langues.• Influe sur les émotions.• Ont des significations différentes selon lesexe ou la culture.couleursdesignRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirLes relations de couleurs aidentl’utilisateur à créer des associations dansles éléments d’une page.Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirLes contrastes de couleurs peuvent aider àguider l’utilisateur à travers une interface.Février 2013Copyright© 2013 Relax In The Air
    • • Bleu couleur favorite chez les deux genres.• Brun couleur moins appréciée chez les deux genres.• Orange couleur moins appréciée chez les femmes.• plus grande tolérance des hommes aux couleursachromatiques (noir, blanc & les gris)• les femmes sont plus précises lorsqu’ellesnomment les couleurs.couleursdesignRelax In The AirgénéralitésFévrier 2013Copyright© 2013 Relax In The Air
    • couleursDoivent correspondre aux objectifs et restersobres, mais efficaces
    • Radiations electromagnétiquescouleursdesignRelax In The Airqu’est-ce que c’est?Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airqu’est-ce que c’est?Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airqu’est-ce que c’est?la Radiation éléctromagnétique que l’humainpeut voir est appelé:Spectre visible de la lumière / lumière visibleFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirnewtonFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirhistoireComment l’humanité répond-t-elle aux couleurs àtravers l’histoire l’histoire?Février 2013Copyright© 2013 Relax In The Air
    • comestible
    • eau / aliments
    • chaleur
    • chaleur
    • sang / danger
    • bleu
    • bleu
    • rouge / orange
    • couleursdesignthéorieRelax In The AirChaudFroidExcitantTranquillisantFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airusage du rouge1) Vous voulez inciter l’utilisateur à l’action, luimontrer une urgence:Montrer un call to action «acheter!»prix d’un produitun compte à reboursFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airusage du rouge2) Utilisez-le dans les messages d’erreurs:Le rouge va alerter l’utilisateurmontrera l’importance d’un messageFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airusage du rouge3) Utilisez-le dans tout design implicantl’alimentation:Le plus souvent associé aux alimentsutilisé avec succès dans des restaurants etcFévrier 2013Copyright© 2013 Relax In The Air
    • yummy
    • yummy
    • yummy
    • couleursdesignRelax In The Airusage du rouge4) ne l’utilisez pas dans des contextes de performance:quizquestionnairesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airaucune couleur n’a un effet unique.nos réactions dépendent du contexte, de notreexpérience personnelle et de notre culture.théorieFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airles réponses innées aux couleurs que nous avonshéritées de nos ancêtres se sont construites autourde la culture et des interactions entre les cultures.cultureFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airau moyen-âge, le pigment ultramarine utilisé dans lesteintures et colorants était tellement cher qu’il adepuis été associé avec les hautes classes de lasociété.pendant ce temps, les basses classes portaient duvert et du brun.cultureFévrier 2013Copyright© 2013 Relax In The Air
    • bleu
    • couleursdesignRelax In The Airl’orange a une signification particulière dans lescultures orientales. Cela est probablement dû ausafran.cultureFévrier 2013Copyright© 2013 Relax In The Air
    • orange
    • orange
    • couleursdesignRelax In The Airaux usa Le jaune est souvent associé avec les taxisyellow cab company (fondée en 1915). Son fondateur,John d. hertz, s’était appuyé sur une étude del’université de chicago qui disait que c’était la couleurla plus facile à distinguer depuis une longue distance.cultureFévrier 2013Copyright© 2013 Relax In The Air
    • jaune
    • couleursdesignRelax In The Airle rouge est souvent utilisé dans les drapeauxnationaux car ils symbolisent le courage ou le sangversé par les soldats morts au combat.cultureFévrier 2013Copyright© 2013 Relax In The Air
    • rouge
    • rouge
    • rouge
    • couleursdesignRelax In The Air• Drapeau(x)• religion dominante (couleurs associées)• couleur du mariage• couleur du deuil (ou toute autre cérémoniereligieuse)• couleur d’événements et jour fériés• sports et équipes rivales (couleurs associées)cultureFévrier 2013Copyright© 2013 Relax In The Air
    • http://vimeo.com/11767564
    • couleursdesignroue de couleurRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirLa couleur de fond de votre site est probablement laplus importante et déterminante dans la création devotre site internet.background / fondFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airblancbackground / fondFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Air• le plus commun• très bon contraste avec les typos foncées• bonne lisibilité• associé avec la pureté, propreté et innocence(occident)blancFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirLorsque l’audience est la plus largequand?Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirblancFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airbeigebackground / fondFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Air• associé avec des thématiques naturelles• donne un plus grand sentiment d’intimité• véhicule l’idée d’ancienneté (parchemin)beigeFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airquand?jardinerietout site historiqueboissons maltéesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirbeigeFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirbeigeFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airfoncébackground / fondFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Air• Pas le plus courant• peu adapté à des sites avec grand traffic(e-commerce)• sentiment d’exclusivité et sophisticationfoncéFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airquand?design et modeactivités nocturnes (bars...)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirfoncéFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirfoncéFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirfoncéFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airnous avons des standards dans la signalétique detous les jours et celle-ci s’applique aussi dans le web.éléments graphiquesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airutilisez ces standards que l’utilisateur connait etreconnait pour véhiculer le bon message.éléments graphiquesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airvert• opération ou action réussie• progression dans une tâcheFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirvertFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airjaune• mettre en avant des éléments importants(stabilo)• parfois associé avec des ventes, offres etsoldes• utilisé aussi pour les notations (rating)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirjauneFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airrouge• signaler une erreur• signaler un message urgent• signaler des messages marketing (fin d’enchères)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirrougeFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirBLEU• sTANDARD POUR LES LIENS• NE PAS L’UTILISER POUR DU TEXTEFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirBLEUFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircombinaisonsMonochromatique (1 teinte)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirmonochromatiqueFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirmonochromatiqueFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircombinaisonsAnalogue (3 teintes voisines)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AiranalogueFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AiranalogueFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircombinaisonsComplémentaires (opposées)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircomplémentairesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircomplémentairesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircombinaisonsSplit-Complémentaires (opposées)Février 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airsplit-complémentairesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The Airsplit-complémentairesFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AircombinaisonsTriadeFévrier 2013Copyright© 2013 Relax In The Air
    • couleursdesignRelax In The AirtriadeFévrier 2013Copyright© 2013 Relax In The Air
    • kuler.adobe.comcool link
    • www.colorotate.orgcool link
    • www.colorsontheweb.comcool link
    • Colour can bring design to life, informhierarchies, create bonds between elements,add pace or emotion.