background preloader

Approche Théorique du Webdesign

Approche Théorique du Webdesign
Heather (Thomas Vuillermet) explique quelques bases du webdesign dans un tutoriel théorique. Bonjour à tous, voilà un petit dossier pour vous parler de méthodologie et de théorie, en matière de webdesign. Je pense que si vous en êtes à lire ceci, c’est que le domaine vous intéresse et que vous avez pu observer durant de longues années les sites web sur lesquels vous êtes tombés. Je ne prétends pas être expert en la matière, loin de là , simplement, il y a 2-3 ans, un tutoriel de ce style m’aurait été d’une grande aide. Et par conséquent, si ce document peut vous être utile, j’en serais ravi. Un point sur vous. Le webdesign est un métier, et il est très important de prendre l’approche qu’il faut avec ce mot là . Un point sur le Design Design veut dire « concevoir, réaliser ». La perfection ne réside pas dans la beauté puisqu’elle est subjective, mais dans la justification, et la réalisation de ce qu’on lui demande. Le design graphique, c’est de la psychologie, aussi. Le contenu L’arborescence

http://fr.livingtuts.com/photoshop/approche-theorique-du-webdesign/

Related:  Veille WebdesignOutils et Blogs

WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels - Directement inspirés par les interfaces mobiles, certains sites osent ce que l’on pourrait nommer le « double scroll« … L’utilisation du défilement de page pour créer des effets originaux sur les sites est en vogue depuis maintenant bien 2 ou 3 ans, voir plus. Avec la ligne de flottaison définitivement enterrée, plus de soucis aujourd’hui les gens scrollent. La parallaxe, le scroll « story-telling« , entre autres ont permis d’apporter de la dynamique et de la profondeur dans notre expérience de navigation. Terminé le scroll long et fastidieux, terminé les sites plats et sans intérêt, vive le one-page et le scrolling à gogo ! Comme toutes les tendances, la parallaxe s’est elle aussi essoufflée après avoir lassé les concepteurs web et les internautes.

5 façons d'intégrer le social media à votre webdesign Blogging Publié le Mardi 26 mars 2013 | par Julie Mirande Depuis longtemps, blogging et social media font bon ménage. Intégrer votre stratégie Social Media au design et à l’ergonomie de votre site est véritablement devenu une étape indispensable du blogging. Non seulement, vous y gagnez des sources de trafic naturel mais vous augmentez également les chances de voir votre contenu commenté et partagé voire viralisé. Voici 5 façons d’intégrer les réseaux sociaux au webdesign de votre blog. 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.

Ui Tiles la ressource pour préparer vos web designs Cette semaine une ressource très intéressante à découvrir avec Ui Tiles qui propose un véritable kit pour réaliser des wireframes en toute simplicité ! Un kit complet pour préparer vos sites web Si vous avez l'habitude de réaliser en amont de vos web designs des wireframes ou croquis pour imaginer l'ensemble des pages et fonctionnalités de votre projet, vous devrez aimer Ui Tiles. Cette ressource regroupe une grande diversité de pages et d'éléments afin de composer facilement et rapidement vos idées. Ce travail peut s'avérer très utile pour valider avec un client son site web avant d'entamer la partie graphique, mais également poser à plat un site complexe. Une ressource complète, libre de droits et gratuite !

Générer des icônes Flat design personnalisées - CfmWeb dans Ressources par Gaëtan 30 janvier 2014 Si vous aimez le style « Flat design », voici un site à ne pas louper : le site Icons DB propose quelques milliers d’icônes customisables en téléchargement gratuit. Le gros plus de ce site est le coté « customisables » qui permet de générer toutes les icônes à la couleur désirée avec un grand choix de tailles allant de 16 à 512 pixels et un large choix de formats (.ICO, .PNG, .JPG, .GIF et ICNS pour les utilisateurs sous Mac). Mots-clésgénérateuriconesoutils Choisir un outil de curation de contenus web Très en vogue depuis quelques mois, les outils de curation de contenus web offrent une nouvelle façon d'organiser et de suivre les contenus les plus intéressants sur internet. Ces réseaux éditoriaux participatifs s'appuient sur des utilisateurs « experts » d'un sujet, qui trient les informations les plus intéressantes avant de les diffuser à leurs communautés de lecteurs, et d'interagir avec elles. Au-delà de la veille d'informations, ces outils permettent aux professionnels d'occuper de nouveaux espaces d'expression, de gagner en visibilité, de soigner leur e-réputation, ou encore d'enrichir leur carnet d'adresses.

1001 Free Downloads une banque de ressources pratiques et gratuites Aujourd'hui nous vous proposons la découverte de la plateforme 1001 Free Downloads qui vous sera pratique pour rechercher des ressources pour vos futurs projets. 1001 Free Downloads rejoint une grande série de sites qui proposent des ressources à télécharger gratuitement, on avait déjà Dribbble, Behance ou GraphicBurger qui proposent une grande multitude d'éléments, PSD, typographies, textures, mockups, etc. Sans oublier le BlogDuWebdesign, qui vous permet de découvrir des sélections spécialisées :)

Un plug-in Lightroom révolutionnaire pour créer un site Web Tim a également développé des modèles de galeries Web au style épuré, spécialement conçus pour mettre en valeur l’image, et rien que l’image, afin de créer des portfolios électroniques particulièrement élégants et fluides. Jamais à court d’idées, il vient encore de frapper un grand coup avec Web Site Publisher Pro, une gamme de modules externes révolutionnaire qui permet, pour la première fois, de créer d’élégantes galeries Web sans aucune connaissance particulière. Son idée est à la fois ingénieuse et simple : le module Web de Lightroom ne servira qu’à personnaliser la mise en page et l’aspect du modèle de site, les réglages et la diffusion des images étant assurés par le panneau Services de publication, dans le module Bibliothèque. Les services de publication sont entièrement basés sur le système des collections et des collections dynamiques.

12 Erreurs à éviter dans votre portfolio Le portfolio, votre site personnel, outil indispensable de tout créatif, véritable vitrine numérique, est votre meilleure chance de trouver vos prochains clients ou emplois. Son importance est capitale car il reflète qui vous êtes, ce que vous savez faire et ce que vous avez déjà fait. Autant dire qu’il vaut mieux soigner son portfolio.

Web design Desktop, tablette, smartphone… Quelle est la taille de l’écran ? 320, 768, 1024 pixels ? Ce n’est plus aussi simple, car il n’y a pas que la taille à prendre en compte. #StartupBackPack : 30 outils pratiques pour construire sa visibilité sur Internet Quand on se lance dans la vie entrepreneuriale, difficile pour un porteur de projets de connaître tous les tenants et les aboutissants d’un univers totalement inconnu. Pour pallier à ce manque d’informations, mais aussi pour favoriser les premiers pas dans le monde des startups, Maddyness, en partenariat avec La Petite Etoile, a rédigé un ouvrage (baptisé Startup BackPack) permettant de construire son entreprise en 10 chapitres. La rédaction vous propose aujourd’hui de faire la lumière sur un chapitre indispensable : sa présence sur Internet. Personnaliser ses signatures d’email

SVG + EMAIL = ♥ - Un voyage animé au pays des <table> Cette année, contrairement à 2014, LunaWeb a opté pour des vœux au format papier, du beau papier, bien découpé, très coloré. En plus d’un envoi postal et parce que oui, nous sommes une agence web, nous nous devions d’accompagner cette jolie carte par un email responsive à la hauteur de la version physique. Nous avions alors deux possibilités : réaliser un email statique bien classique ou sortir un peu des sentiers battus en proposant un email animé.

Related: