Tour - LayerVault. Sync Whether using LayerVault Sync or Dropbox, we store and organize your design work.
No desktop interface or command line. Files & Folders Your naming conventions and folder trees just contribute to file mess. LayerVault provides a lightweight structure for organizing work. A La Carte Our LayerVault app syncs only the projects you need. The old way Messy naming conventions Shared network drives Subversion LayerVault One central LayerVault repository. Every Version Every save made to every file, ever. Parachute LayerVault is a parachute, there to save you when you need old versions, apps crash, or your accidentally flatten a file and hit save. Revision Links Sharing the entire timeline of a design is great, but Revision Links are useful if you just want to share one of your edits. Pages & Artboards Whether it’s an Adobe Illustrator artboard or PDF Pages, we can handle it. Design-final.psd Subversion Nothing at all Story Telling.
Chrome for Business. Les bons outils pour commencer à intégrer votre site web. Introduction Pour débuter dans la création de pages web, vous aurez besoin de mettre en oeuvre deux langages : HTML et CSS, qui seront rédigés à l'aide d'un logiciel nommé éditeur de code source et sauvegardés sous forme de fichiers possédant les extensions .html et .css.
Ceux-ci seront envoyés via un logiciel FTP qui permet de publier les fichiers depuis votre ordinateur vers le serveur web où ils seront stockés et mis à disposition des visiteurs. Et enfin pour consulter votre site il vous suffira d'utiliser l'autre logiciel qu'est le navigateur web qui interprète les codes sources et fait le lien entre vos deux fichiers HTML et CSS.
Les langages HTML et CSS Ces deux langages se complètent, l'un pose le squelette du site alors que l'autre le met en forme. HyperText Markup Language (ou Langage de balisage hypertexte) HTML, né en 1994, est le langage du Web par excellence. Cascading Style Sheets (ou Feuilles de styles en cascades) Pour bien comprendre le langage CSS, voici des pistes utiles : 960 Grid System. Les grilles dans le webdesign. "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !
" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. . * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. Wirify – The web as wireframes.
Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet !
Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Mais sinon c'est jouer un coup de poker. Il existe deux étapes essentielles avant la conception du graphisme : le mockup (appelé aussi zoning, wireframe - ou fil de fer) et dans certains cas le rough.
Création d'un site internet : le workflow. Graphisme : 99 sites indispensables. Suite au très bon article « 39 Addictions - Designers just can’t stop » sur l’excellent blog Noupe, l’envie m’est venue de vous présenter 99 excellents sites sans lesquels je ne pourrais pas vivre que je fréquente.
Graphisme & interactivité blog par Geoffrey Dorne. Big Ideas come out of Big Pencils. Served. 70 sites au graphisme que j’aime « Laurent Marcoux, consultant en design. Depuis 2005, je me suis créé une banque de liens hypertextes parce que je trouvais beaucoup de sites intéressants en cherchant sur le Web par hasard ou pour des travaux scolaires.
J’ai donc accumulé plus de 70 sites Web au graphisme intéressant, tape-à-l’oeil, étrange, drôle, séduisant, sympathique ou tout simplement weird! Vous trouverez aussi des sites sur la couleur, la sémiotique et d’autres qui traitent de l’effet immersif du Web. Ça vous évitera de nombreuses heures de recherche, je l’espère! Je vous suggère de passer au moins 10 secondes sur chaque page, parce que certaines pages ont des animations Flash (à ce sujet, lire la critique de Michelle Blanc)… Je vous informe qu’il ne s’agit peut-être pas des sites les mieux référencés sur le Web ou ceux présentant la mise en page la plus évidente! Blog.