background preloader

Blog › Guidelines pour produire des PSD adaptés au web

Blog › Guidelines pour produire des PSD adaptés au web
Je préparais dernièrement un document pour un boulot afin de montrer à des boîtes de créa print comment faire des PSD propres pour le web. Le but inavouable de la démarche était d’éviter de se retrouver avec des charniers inexploitables en intégration, chose qui arrive encore un peu trop souvent. Pas de règles de ninja ou de gimmicks avant-gardistes ici, juste des bonnes bases saines pour faire un boulot clean. J’ai omis sciemment les nouveautés CSS3 et autres gadgets pour me focaliser sur l’essentiel. Après avoir soumis ma petite liste sur Twitter et à quelques copains, j’ai constaté que beaucoup avaient leur mot à dire sur la question et il m’a paru intéressant de publier la chose pour avoir des retours plus complets. Dernière modification : le 12 juin 2014. Préparer le fichier Quelques règles de base et rappels simples pour préparer un document web-safe : Travailler en RVB et profil sRVB (pas de CMJN !). Adapter la créa aux contraintes web Et voilà.

http://www.stpo.fr/blog/guidelines-pour-produire-des-psd-adaptes-au-web/

Related:  WEBDESIGNwebdesignaudeyoucom

Du zoning au mockup, itinéraire d'une maquette web Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web. Nous sommes nombreux (83 % [**]) à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. Les 6 règles de base en communication visuelle Que ce soit pour le design graphique d’une publicité, d’une couverture ou de la mise en pages d’un document, d’un site Web ou de tout autre visuel, il y a des règles à suivre pour s’assurer que l’image qui y sera reflétée dans son ensemble est équilibrée et donne l’impression que tous les éléments qui la composent sont positionnés aux bons endroits. Pour parvenir à un résultat parfait, voici 6 règles de base en communication visuelle qui doivent être respectées :

Manipuler l'auto embed des vidéos dans WordPress - b*web WordPress utilise oEmbed pour afficher automatiquement des contenus via leur player grâce à une simple URL. Voici la liste des services compatibles Si vous ne souhaitez pas que les players vidéo et audio soient automatiquement affichés lorsque vous coller un lien dans votre page WordPress, vous pouvez les désactiver en enlevant un filtre. Première maquette graphique web : comment faire Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier.

Création de bannière sur mesure - Format de bannière Les régies publicitaires ont standardisé les formats des bannières publicitaires. Les bannières les plus utilisées sont les formats suivants : 728 x 90 px, 300 x 250 px et 160 x 600 px. Les bannières pour le réseau Google Adwords Nous pouvons également créer des bannières dans des formats personnalisés. Tous les formats présentés ci-dessous sont en taille réelle. Bannières horizontales

[Dossier] 12 erreurs à ne pas faire lors de la création d'un Logo Dans le monde de l’entreprise, on distingue très rapidement une marque par son logo. Jusque-là je ne vous apprends rien. Maintenant lors de la création d’un logo il y a quelques informations à respecter pour qu’il devienne emblématique, unique et reconnaissable en quelques dixièmes de seconde. Tout du moins c’est ce qu’un logo inspire à être. Bien sur créer un logo n’est pas aussi simple qu’il y paraît.

Pourquoi nous ne livrons pas de maquettes au moment du devis Vous avez sélectionné avec soin plusieurs agences susceptibles de réaliser votre prochain site internet. Vous envoyez donc à chacune d’elles votre cahier des charges, en leur demandant une proposition commerciale, un devis et… les premières maquettes du site. C’est une demande raisonnable, non ? Les 12 tendances webdesign qui se confirment pour 2015 Ça y est, 2015 est à notre porte ! Durant l’année 2014, nous avons expérimenté et avons intégré intelligemment les tendances webdesign dans nos projets. Selon Shiva Sherbaf, lead du pôle DA, certaines tendances ne sont pas prêtes de disparaître bientôt, d’autres vont évoluer… tandis que de nouvelles feront leur apparition. 1 – Multi-device design

Colas : Historique - Leader mondial de la construction de routes Les années 1980/2000 : le renforcement du réseau de sociétés routières en France, l'accélération du développement à l'international (Océan Indien, Amérique du Nord, Europe, Asie, Océanie) et l'élargissement de l'activité parallèlement à un renforcement de l'intégration verticale A partir des années 1980, le réseau des sociétés routières de Colas en métropole est en forte croissance, grâce au rachat de nombreuses sociétés régionales petites ou moyennes, et à l'acquisition de la société Sacer en 1992 puis des filiales routières de la société Screg en 1996, permettant la constitution d'un pôle routier de premier rang. En parallèle, le développement de Colas à l'international s'accélère, avec : Parallèlement, Colas renforce l'intégration verticale de ses activités, avec le rachat de nombreuses carrières et gravières dans les zones géographiques où il est implanté.

Comment arrêter de procrastiner pour enfin dessiner? - « j’aimerais bien avoir du temps pour dessiner, mais je n’en ai pas ! » Combien de fois ai-je entendu ça, et parfois même de ma propre bouche… Aujourd’hui, quand j’entends ce genre de tirades, ça me fait tilt, et pourtant de ma vie entière je n’ai jamais été aussi occupé. Les taxonomies et leurs termes : Le tutoriel ultime Que celui qui ne s’est jamais pris la tête avec les histoires de catégories, de tags, de taxonomies me jette le premier smartphone… Ok, personne. J’ai voulu vous faire ici une rétrospective la plus fidèle possible de l’utilisation de ces taxonomies, de A à Z, je compte sur vous pour me corriger, je me donne le droit à l’erreur. Genèse

Related: