background preloader

WEBDESIGN

Facebook Twitter

Correcteur Orthographe. Raccourcis clavier Adobe : comment les mémoriser ? Si on savait maîtriser, ne serait-ce que le quart de ce qu’offrent les logiciels de la suite Adobe, alors on serait très certainement des machines de guerre de la PAO !

Raccourcis clavier Adobe : comment les mémoriser ?

Comment tout retenir avec des outils qui proposent tant de fonctionnalités ? Certes, quand tu ouvres Photoshop ou InDesign, tu ne vas pas te servir de l’intégralité de l’interface pour ton projet, mais il y a beaucoup d’éléments dont tu as connaissance, tu sais qu’ils existent, mais tu passes 5 minutes à les chercher. Je sais pas toi, mais moi, c’est souvent le cas avec les fonctionnalités de la barre d’outils. Comment ne plus perdre de temps ? Facile : utiliser les shortcuts (=raccourcis clavier). Oui mais, PROBLÈME. Où trouver les raccourcis clavier Adobe ? Ils sont malins les gens de chez Adobe, ils ont pensé à tout ! Mais ne t’en fais pas, on va pas te laisser comme ça, en plan, tout seul, avec ces milliers de raccourcis clavier ! Le guide des banques d'images et photos libres de droits.

Pas facile de trouver des photos libres de droits pas vrai ?

Le guide des banques d'images et photos libres de droits

Encore moins facile de savoir sous quelles conditions tu as le droit de t’en servir … Pourtant, nombreux sont les sites web qui, en 2014, ont distribué une multitude de photos « gratuites » et « libre de droits ». Et il me semble important pour des étudiants de DUT MMI, futurs professionnels de l’image, que cette notion de « photos libres » soit bien acquise et surtout comprise. Mais attention, je ne vais pas te proposer un article long et fastidieux avec un listing complet des licences existantes et tout le blabla soporifique qui va avec !

10 outils bluffants pour créer des visuels. Makerbook : un site génial qui recense toutes les ressources gratuites pour les créatifs. Les créatifs devraient adorer cette idée.

Makerbook : un site génial qui recense toutes les ressources gratuites pour les créatifs

Imaginez un site qui recense toutes les ressources gratuites dont on a besoin : pictogrammes, typo, vecteurs… Et bien Craig Barber a créé ce site. Il liste selon la catégorie choisie les sites web qui propose le contenu que vous souhaitez gratuitement. Génial non ! Les meilleures ressources pour créatifs, graphistes et webdesigners. Lorsqu’on travaille dans le graphisme, le webdesign, l’intégration ou tout ce qui touche au front-end d’un site web, il est nécessaire de disposer de nombreuses ressources pour mener à bien son projet.

Les meilleures ressources pour créatifs, graphistes et webdesigners

En effet, lors de la création d’un site ou d »une maquette, il faut bien souvent réfléchir aux typographies, aux couleurs, aux textures, aux icônes, aux photos de fond… Aujourd’hui de nombreuses ressources existent pour aider les professionnels à faire des choix rapides et plus faciles. Voici quelques sites indispensables à bookmarker. Choisir et reconnaître une typographie La typographie est un élément essentiel de l’identité du site ou projet web. Il existe plusieurs ressources pour télécharger et utiliser gratuitement et légalement des typographies libres de droits. 7 techniques pour optimiser ses images pour le SEO. Le visuel est au centre de votre stratégie de contenu en 2015 !

7 techniques pour optimiser ses images pour le SEO

Très impactant et facilement consultable sur mobile, il est un élément clé de votre communication digitale, mais aussi un excellent atout pour votre référencement. En effet, optimisées aux endroits stratégiques, vos images deviennent un levier important pour générer plus de trafic vers votre site et monter dans les résultats. Pour optimiser vos images de blog ou celles de votre site e-commerce, voici les 7 principaux éléments à prendre en compte. 1. Blog - Le Flat Design. Réservé au web ? Vous avez remarqué vous aussi ?

Blog - Le Flat Design. Réservé au web ?

Cette tendance aux logos « aplatis », épurés... Un peu comme votre dernière mise à jour IOS. Même votre imprimeur Comoprint s'y est mis ! Décryptage de la dernière tendance graphique du moment : le Flat design. 5 Astuces pour créer des Infographies #WebDesign #Content_Marketing. Bonjour tout le monde !

5 Astuces pour créer des Infographies #WebDesign #Content_Marketing

Je suis une grande fan des infographies. Elles m’inspirent beaucoup pour rédiger mes articles sur ce blog et je suis toujours en mode « veille stratégique » sur ces belles illustrations ! Aujourd’hui, je vous propose de connaître 5 astuces pour créer des infographies simples et sympathiques ! Personnellement, je ne connais pas du tout le web design, ni comment faire du graphisme. Mais je me débrouille souvent avec les moyens du bord pour créer de petites choses.

6 Simple Steps to Improve User Experience. There’s a reason we come back to the same grocery store each week.

6 Simple Steps to Improve User Experience

It’s the same reason that we return to the same barber, home improvement store, or favorite restaurant. Francis Chouquet – Web Design + Graphisme - Portfolio et Blog d'un graphiste freelance. Webmarketeur. Présentation Le webmarketeur élabore la stratégie commerciale et marketing de l'entreprise via Internet.

Webmarketeur

Il doit identifier et qualifier les demandes du consommateur sur Internet, concevoir les réponses et les mettre en œuvre, gérer les retours et les réactions, fournir des rapports de synthèse et des analyses de résultats des actions. En collaboration avec les différentes équipes (marketing, publicitaire, communication, commerciale...), il fixe les objectifs à atteindre et les moyens à mettre en place, après analyse et évaluation des différentes composantes du marché. Offres d'emploi publicité et communication en agence : recrutement sur la Réclame. [Web design] Comment bien coordonner les couleurs d’un site Web. 7 bons conseils pour briefer un créatif.

En agence ou chez l’annonceur, les personnes en charge du content marketing doivent imaginer sans cesse de nouveaux concepts pour aiguiser l’appétence des consommateurs et les transformer en lead.

7 bons conseils pour briefer un créatif

L’étape du brief créatif est donc un passage obligatoire… Face à soi, il faut donc composer avec ceux qu’on appelle les « créas »… Le but du jeu : traduire le concept en images et en mots percutants et vendeurs… Pas si simple, hein ? Voici quelques règles de bon sens pour réussir son brief créatif… Ecrivez le brief Tout projet devrait commencer par cela. Ça n’est pas le plus facile, mais formaliser le brief par écrit dans un document permet déjà, pour soi-même, d’être au clair avec tous ses besoins, voire même de les affiner.

Blog de l'agence WEDIAM: Pourquoi un site responsive pour votre Business? Un site respo.. quoi? Un site reponsive, aussi appelé site adaptatif, responsive design, est un site qui de part sa conception offre une expérience utilisateur optimale. Le principal avantage est la capacité d'adapter dynamiquement le contenu du site à l'appareil utilisé pour le visualiser. De ce fait, l'utilisateur aura autant de facilité à parcourir votre site et à trouver l'information souhaitée que ce soit sur son téléphone, sa tablette ou son PC portable. Impression en ligne et à Paris. Apprendre à faire des wireframes: 8 bonnes pratiques. Savoir quand utiliser un JPEG, un PNG ou un GIF.

Si vous êtes webmaster, vous vous êtes déjà probablement fait reprendre par vos visiteurs sur l'utilisation des formats d'images JPEG, PNG et GIF. En effet, ces 3 là, ont leurs avantages, mais aussi leurs inconvénients. 7 Rules for Creating Gorgeous UI (Part 1) Le design UX au cœur de la transition digitale. Avec les nouveaux usages introduits par les smartphones, les tablettes et les objets connectés, l’expérience utilisateur (UX) est passée du stade de pratique émergente à pratique reconnue et nécessaire : la démarche design UX est de nos jours un gage de l’adoption et de la réussite des projets de transformation digitale.

Une activité hautement stratégique, au cœur de l’innovation et de la transformation digitale Comme le prouve l’étude de Watermark Consulting de 2013, les sociétés qui investissent dans l’amélioration de l’expérience utilisateur bénéficient de retours sur investissements supérieurs et captent de nouveaux utilisateurs au détriment de concurrents restés trop traditionnels. Des entreprises comme Apple, Google, Virgin ou encore Disney sont de bons exemples de sociétés qui ont su capitaliser sur l’UX pour proposer des services numériques innovants et fidéliser leurs utilisateurs.

Une approche multidisciplinaire plaçant l’utilisateur au centre des préoccupations Fig 1. Fig 2. CREATION DE SITE. Tutos Photoshop. Ergonomie UX. Get Emoji, la liste de tous les Emojis sur un même site. Le 17 juillet, c’est la Sainte Charlotte. C’est aussi la Sainte Marcelline et la Sainte Edwige. Mais le 17 juillet, c’est surtout la Journée Mondiale de l’Emoji.

Oui, cette Journée Mondiale existe bel et bien. Mozilla réduit la taille des images JPEG présentes sur le web. C’est une avancée importante que vient de réaliser Mozilla aujourd’hui. L’organisation vient de publier la v2 de mozjpeg, son logiciel de compression d’images. Ce dernier se veut plus efficace que les outils de conversion actuellement accessibles sur le marché. « Mozjpeg réduit la taille des fichiers JPEG de 5% en moyenne, de nombreuses images montrant des gains beaucoup plus importants », indique Andreas Gal, CTO de Mozilla, sur le blog de la Fondation. Preuve s’il en était besoin que des optimisations restent réalisables, même sur un format d’images aussi éprouvé. Il est à noter que contrairement à des formats comme le WebP, les images générées par mozjpeg peuvent être lues par n’importe quel logiciel capable de lire des JPEG, bref par tous les navigateurs web.

Un point qui a vivement intéressé Facebook, lequel devrait utiliser cet outil afin de réduire la taille des pages web de son site. Du dessein au dessin - Notre aventure digitale #1. 7 mai 2014 Avant de sauter à pieds joints dans le terrier du lapin blanc, et dans le détail des étapes qui rythment nos aventures digitales, préparons-nous convenablement, et reprenons par le menu ! Ce que LunaWeb ne fait pas. Chez LunaWeb, nous ne créons pas de chaise. Nous ne tentons pas de révolutionner votre assiette. Ni n’imaginons la voiture de demain. Non, nous, notre dada, c’est la création de dispositifs interactifs, ayant pour finalité une expérience utilisateur de qualité (et bim). Principles of Flat Design. Making it Work: Flat Design and Color Trends.

50 kits graphiques gratuits Flat design - PSD. Flat UI - Free Bootstrap Framework and Themes. Design Trend: Long Shadows. A new trend is making its way through cyberspace – long shadow design. The concept, which borrows themes from flat design, is popping up in a big way in recent weeks. The trend is impacting user interface elements and icons the strongest, but is starting to creep into other parts of website design. Long Shadow Generator: Free Photoshop extension to generate long shadow effect.

Un regard en profondeur sur le Flat design. Flat Web Design. Parallax WordPress Themes : 12 High Quality & Responsive Design Themes. How to Design a Mobile Responsive Website - UX Booth  WhatTheFont! Depositphotos - Des photos, vectos et vidéos libres de droits. 5 erreurs d'ergonomie qui font chuter le chiffre d'affaire de votre site web. The Anatomy of a Perfect Web Page (2014) A Collection of Printable Web Browser Sketching and Wireframe Templates. Infographie : Comment créer votre charte graphique.

Réduisez le poids de vos images avec compressor.ioDescary.com. Un design original pour le site événementiel de la CNAV. Comment créer une charte graphique ? 53+ Free Image Sources For Your Blog and Social Media Posts. Header, qu'est ce que c'est. Un logiciel gratuit pour créer ses propres icônes. Gros plan sur la page d'accueil ! #Pikock vous simplifie la création de votre site internet. Bonnes pratiques graphiques. Concevoir un site mobile SEO friendly › Seolius. Background Burner - Détourez vos images en ligne. A Simple Technique for Designing Better Mobile Emails (Infographic) L’indémodable flat design ? A Simple Technique for Designing Better Mobile Emails (Infographic) Navigateurs et résolutions d’écrans : est ce que votre site est adapté ?

Le Web Design en 2014. Infographie UX by Octo : Responsive et Mobile First. Le Flat Design, plus qu’une mode ? Responsive Web Design: 50 Examples and Best Practices. How to Create a Splash Screen Illustration. Comment faire un menu efficace pour une bonne navigation - Documentation Wifeo.com. Ergonomie d'un contenu de site web.