SMASH CONCEPTION DEFINITIF

Click here to load reader

  • date post

    21-May-2015
  • Category

    Design

  • view

    296
  • download

    3

Embed Size (px)

Transcript of SMASH CONCEPTION DEFINITIF

  • 1. DOSSIER de Conception Sverine Clop Campus 3 Multimdia IESA - 2009smashM a gazi ne SMASH est un nouveau e-magazine ddi aux concepteurs web..Son objectif est clairement doffrir enavant-premire les orientations de design etde dveloppement une poque o le mash-upsimpose comme la nouvelle norme. Volontairement tendance, ce webzine reposera sur une plateforme de media social, intgrant en continu des flux RSS et des contributions desmembres de sa communaut.

2. SOMMAIREINTRODUCTION Le MASHUP ........................................................................... 3 La Concurrence ..................................................................... 4 CRATION DU SITE Qui parle Qui ? ......................................................................5 La charte ditoriale ................................................................ 6 Les Menus ...............................................................................7 CHART BOOK Le zoning ................................................................................ 8 Scroll & Ratio texte/image ..................................................... 15 Inspiration ............................................................................ 16 Orientation graphique ........................................................... 17 Maquette HOME : bauche ................................................... 18 FONCTIONNALITS Laccessibilit ........................................................................ 19 Le rfrencement .................................................................. 212 3. INTRODUCTION?Un mashup - mixage en franais - dsigne Le mashup participe intimement au succsune application Web qui combine du du Web 2.0 car il permet au producteur duncontenu en provenance de diffrentscontenu de le proposer la communaut des Le MASHUPsites. Cette application permet ainsi decrer un service nouveau grce lapport des dveloppeurs qui pourront loisir le formater et le valoriser sous une autre forme. Le mashupcontenus de sites tiers. Ce nouveau service peut constitue donc une forme dexternalisationventuellement tre son tour enrichi dequi repose sur lintelligence collectivecontenus gnrs par les utilisateurs. des internautes et des dveloppeurs.3 4. cration du site ?La Concurrence 4 5. cration du site? QUI parle QUITout le principe de ce site est doffrir en avantpremire, aux concepteurs web, les grandestendances du design actuel et les nouvellestechnologies de dveloppement dans uncontexte o le Mash Up tend simposercomme la nouvelle norme.Lquipe du e-magazine sadresse sonpublic de concepteurs web, dveloppeurset autres graphistes. Ces 3 cibles participent lenrichissemnt du contenu du site. Onpeut donc dire que tout le monde la parole.Linformation se fait de manire intractive. Le Concepteur web LEquipeLe DveloppeurLe Graphiste 5 6. cration du site?tant donn la cible et ce que leEn quelques mots...magazine a lintention de prsenter,limpression gnrale doit tre lahauteur de son contenu sans pourautant. Ce que lon souhaite cest La Charteinformer les concepteurs web, leurdonner les bons outils, les bonnes Editoriale orientations et par ce biais lesinciter enrichir le site par leursexpriences, leurs opinions, leursconnaissances et leur talent. 6 7. cration du siteLOGO ?ACTU RSEAU SOCIAL TOUT LE MONDE EN PARLESINSCRIREMoteur deDernires vibes du web - Dev de Dev - Designement vtre - Petites annonces pro Recherche Les MenusGroupes - Membres - Blogs AbonnementTop In - Top Out - La tendance du mois - Rencontre avec... Flux RSS Au nombre de 2 : Nuages de TAGSUn menu horizontale avec les 3 grandes rubriques du site : ACTU, RSEAU SOCIAL et TOUT LE MONDE EN PARLE. Article rcents Un menu vertical avec les CATGORIES que lon peut retrouver dans le site (graphique et techniques), les ARTICLES RCENTS et les PROFILS.Catgories Profils 7 8. chart bookLOGOMenu principal: Le ZoningHOMELe coup Rencontrede coeur avec...MenusecondaireDerniersDerniresarticles offres posts demploi8 9. chart bookLOGOTitre article Menu principal Erat. Volupta tumsan henis alismolent wisi bla Le Zoning ACTU TYPE : Dev de Dev : Designement Vtrefacipit la aliquisl ulput autem do odolortinibh et, Dernires vibes...consequ ismolorperit wisit dionsequatum quat.IMAGE Ectem el euiscil dit nulputa tueriusto ex el ut iriuscibla alismod te exerostrud minim quat vullumdoluptatum quat. Vite la suite...Titre article MenusecondaireErat. Volupta tumsan henis alismolent wisi blafacipit la aliquisl ulput autem do odolortinibh et,consequ ismolorperit wisit dionsequatum quat.IMAGE Ectem el euiscil dit nulputa tueriusto ex el ut iriuscibla alismod te exerostrud minim quat vullumdoluptatum quat. Vite la suite...9 10. chart bookLOGOMenu principalProfesseur - Web Design/MultimediaCDI aux GOBELINS (Paris, FRANCE)Le ZoningACTUTYPE :Annonces Pro :Post le 22 avril 2009Consulter lannonceProfesseur - Web Design/MultimediaCDI aux GOBELINS (Paris, FRANCE)Post le 22 avril 2009Consulter lannonce Menu secondaireProfesseur - Web Design/MultimediaCDI aux GOBELINS (Paris, FRANCE)Post le 22 avril 2009Consulter lannonce 10 11. chart bookLOGO A B CD EF Menu principal G H I J K ...Le ZoningRSEAUXTYPE :GroupesMembres: Liste des membresBlogsAzartroom active 1 mois, 3 semaines ago Azartroom Menu active 1 mois, 3 semaines ago secondaire Azartroom active 1 mois, 3 semaines ago11 12. chart bookLOGO IN...vos coups de coeur Menu principalLe Zoning :Tout le monde en parleTYPE : In & OutErat. Volupta tumsan henis alismolent wisi bla facipit la aliquisl ulput Vote autem do odolortinibh et, consequ ismolorperit wisit dionsequatumquat.Erat. Volupta tumsan henis alismolent wisi bla facipit la aliquisl ulput Vote autem. Erat. Volupta tumsan henis alismolent wisi bla facipit la aliquisl. VoteMenu secondaireErat. Volupta tumsan henis alismolent wisi bla facipit la aliquisl ulput Vote autem do odolortinibh et, consequ ismolorperit wisit dionsequatumquat.Erat. Volupta tumsan henis alismolent wisi bla facipit la aliquisl ulput Vote autem do odolortinibh et, consequ ismolorperit wisit dionsequatumquat. 12 13. chart bookLOGO La tendance du mois... Menu principal Le Zoning: Tout le monde en parleTYPE :Tendance du moisMenu Ullaoreetummy nit wis nonullum nit illaore facidunt alisl eui ea con voloremsecondaire veniam il dip ex exercin esequis nos nulputat. Nonsenibh et am estie commolo rtissi. Unt nos ad dion hent nisl in vercil ullamco reetuer cillaoreet eugiatie tat ut nos augait esequat lorerci tatie facilit, commolorting ex exero enisi tatem ea facidui tatie venis nonsequip eugiatie faccum zzrit, siscip er ip enis ad tionum Laisser un commentaireNom13 14. chart bookLOGO Rencontre avec... Menu principal Si Scott... Le Zoning: Tout le monde en parleTYPE :Tendance du moisMenusecondaire Ullaoreetummy nit wis nonullum nit illaore facidunt alisl eui ea con volorem veniam il dip ex exercin esequis nos nulputat. Nonsenibh et am estie commolo rtissi. Unt nos ad dion hent nisl in vercil ullamco reetuer cillaoreet eugiatie tat ut nos augait esequat lorerci tatie facilit, commolorting ex exero enisi tatem ea facidui tatie venis nonsequip eugiatie faccum zzrit, siscip er ip enis ad tionum Laisser un commentaire14Nom 15. chart book Il est difficile dviter les scrolls dans Ce site accordera beaucoupllaboration de ce type de site. Le but dimportance limage? ?tant de faciliter la lecture et laccs surtout dans les rubriqueslinformation, malgrs la longueur des pages.Designement Vtre,Nous appliquerons le principe du scrollRatio Tendance du moi,quivalant 3 crans maximum et Rencontre avec.... Il est Scrolling or nottexte / imagepublierons les articles sur plusieurs pages. important dattirer et de ScrollingTout le contenu principal de la home doitfidliser les internautes parpouvoir tre visible sans scroll ; on fera de beaux visuels et des vidosdfiler la page pour visualiser lintgralit du percutantes. Le texte doitmenu secondaire droite de la page. soutenir limage.15 16. ... chart book Inspiration16 17. chart bookUne ide de LOGOOrientation graphiquesmash M a g az i n eLa TYPOGRAPHIE Georgia : abcdefghijklmnopqrstuvwxyz0 1 2 3 4 5 6 7 8 9 . / ? , + = ... Capture it : abcdefghijklmnopqrstuvwxyz0 1 2 3 4 5 6 7 8 9 . / ? , + = ...Les COULEURSR : 202R : 73 R : 151R : 242 V:0V : 186V : 190V : 148 B : 93 B : 191B : 13 B:0 17 18. chart book smashM ag a z i n eMaquetteHOME :ACTURSEAU SOCIAL TOUT LE MONDE EN PARLESINSCRIREEbauche...Le Vintage dans la pub mexicaine...Rencontre avec...Si Scott Moteur de Recherche Sabonner auxFlux RSS des articlesSuivez la SMash actualitCe site sera optimispour tous les types denavigateurs ( Firefox, Tag CloudsInternet Explorer, Opra,google graphisme logo Safari...) et adapt pourmtier magazine outilsles crans de smartphones Derniers articles posts...Dernires offres demploi...et e-PC de manire collaboratifs photographiepouvoir tre consult 20-04-2009Tendances logo 2009Freelance Twitter Background Designer photoshop rglespartout, tout moment.TinyVenue (anywhere) 20-04-2009salaires 2008 du design 12-02-2009Tendances webdesign 2009Professor - Web Design/Multimediafanshawe college (london, onTario canada) Article rcents 12-02-2009ie sur plusieurs pcProfessor - 3D AnimationThomas: Tout est bon pour buzzer,... 06-02-2009emploi webdesigner fanshawe college (london, onTario canada)Gatan: Dsol :-( le lien est r... 13-04-2008porTfolio phoToWeb Designer 08-04-2008porTfolio logo mosaic sales soluTions (mississauga, on) 08-04-2008porTfolio inTerneT Website AdministratorCatgories aViawesT (VicToria, bc)aT webdesign outils collaboratifs rfrencement18 19. fonctionnalits? Les rgles sont encore plus simple avec la version WCAG 2.0, qui noncent les rgles en matire daccessibilit recommandes par le W3C, et qui a clarifi la prcdente dition. Lobjectif est simple : assurer la diffusion de ces bonnes pratiques et faciliter leur mise en place. Laccessibilit Pour cela la principale volut