Catégorie : Webdesign

Qu’est-ce que le webdesign ?

Le Web Design consiste à concevoir des sites web qui sont publiés sur l’internet. Il se réfère généralement aux aspects visuels et à l’expérience utilisateur du site web plutôt qu’au développement des fonctionnalités du site en lui-même.

Auparavant, le web design était axé sur la conception de sites web pour les écrans de PC. Cependant, depuis le milieu des années 2010, la conception pour les mobiles et les tablettes est devenue de plus en plus importante.

Un web designer travaille sur l’apparence, la mise en page et, dans certains cas, le contenu d’un site web. L’apparence, par exemple, concerne les couleurs, la police et les images utilisées. La mise en page fait référence à la façon dont l’information est structurée et classée.

Une bonne conception web est facile à utiliser, esthétique et adaptée aux visiteurs et à la marque du site. De nombreuses pages web sont conçues dans un souci de simplicité, de manière à ce qu’aucune information étrangère et aucune fonctionnalité susceptible de distraire ou de confondre les utilisateurs n’apparaissent.

La clé de voûte du travail d’un web designer est de produire un site qui gagne et favorise la confiance du public cible, il est essentiel de supprimer autant que possible les points potentiels de frustration des utilisateurs.

La bonne méthode aujourd’hui pour concevoir des sites web qui fonctionnent bien à la fois sur les ordinateurs de bureau et les téléphones portables est la méthode de conception responsive.

Dans la conception respopnsive (ou réactive), le contenu se déplace dynamiquement en fonction de la taille de l’écran. Le contenu du site web est adapté dans des tailles de mise en page qui correspondent aux tailles d’écran courantes.

La préservation d’une mise en page aussi cohérente que possible entre les appareils est essentielle pour maintenir la confiance et l’engagement des utilisateurs.

Les articles ci-dessous vous enseignent les notions de base du web design pour réaliser un site efficace.

UX design étapes améliorer site e-commerce 0

UX design, les six étapes qui vous aideront à améliorer votre site e-commerce

L’expérience utilisateur ou UX peut être définie comme étant l’expérience globale d’un utilisateur lorsqu’il interagit avec un site ou une application. Cette pratique est souvent négligée et laissée à la chance avec l’utilisation massive...

Guide des ressources webdesign 2019 6

Cocktail des meilleures ressources web design pour 2020

J’ai établi cette liste d’outils, ressources web design et guides pratiques pour vous aider à réussir votre site du point de vue graphique. Il y a quelques règles simples à respecter que tout le...

six etapes creation logo parfait 0

Ces six étapes vous permettront de concevoir rapidement le logo parfait

Tout le monde veut un super logo pour son entreprise, mais ce n’est pas forcément une mince affaire. Tout d’abord, vous devez posséder les compétences nécessaires pour concevoir quelque chose qui ait l’air professionnel....

Qu'est-ce qu'un Site Mobile-Friendly ? 5

Changement de Design : le Site devient Mobile-Friendly !

Pour ceux qui ne l’auraient pas remarqué, le blog Dessine-moi un Site a totalement changé de look depuis le mois d’avril dernier. Il y a longtemps que j’avais envie de moderniser le design mais...

9

Comment reconnaitre une police dans une image

Sur Internet il y a des millions de polices différentes, parfois vous tombez sur un Site, et vous avez sous les yeux une police qui vous plait, mais vous ne connaissez pas son nom...

La psychologie des couleurs pour le web design 0

[Infographie] Signification des couleurs et psychologie pour designers web

Vous avez envie d’un magnifique Site Web, avec un beau Design qui épatera vos visiteurs ? Quelque soit l’outil de création de site que vous choisirez ne vous lancez pas dans la création de pages...

0

Refonte d’un design de blog [Etude de cas]

Dernièrement, j’ai eu l’occasion de refondre le design d’un blog. L’ensemble du travail fût un vrai plaisir : des premiers échanges avec le client, à la coopération avec la graphiste chargée de re-définir l’identité...

0

Google Web Fonts en 5 conseils pratiques

Avoir une police personnalisée en évitant les complications et les écueils de compatibilité, c’est aujourd’hui possible avec Google Web Fonts. Voilà comment travailler avec Google Web Fonts en 5 points : 1/ Pourquoi choisir...

3

Comment transformer vos vidéos en « responsive » ?

Quand on intègre une vidéo sur son site, sa taille est déterminée par les attributs « width » (largeur) et « height » (hauteur) présents dans le code. En général, cette taille convient à la largeur de votre...

0

Un double-décimètre à pixel pour bien commencer l’année

J’ai un petit logiciel à vous faire découvrir cette semaine. Il fait partie de la panoplie de tout webmaster et je suis sûre que vous le trouverez très pratique! JRuler Pixel Cet utilitaire s’adapte...

1

Personnalisation d’un formulaire de SG-autorépondeur

Dans cette vidéo, je vous montre pas-à-pas comment réaliser un formulaire SG Répondeur comme celui-ci (cliquez pour agrandir): Cette démonstration m’a été demandée par Sèv ainsi que Rick. Merci à tous les deux pour...

1

Mieux comprendre les couleurs héxadécimales

Qu’est-ce que c’est ? Bien qu’il soit autorisé de mettre les noms des couleurs (en anglais) dans vos fichiers CSS, vous n’utilisez pas souvent cette méthode car la palette disponible est très limitée. Pour...

0

Tissez la toile de votre site

L’ergonomie web horizontale Restez dans la thématique Quand l’un de vos visiteurs s’est arrêté sur l’un de vos articles, vous avez déjà fait 50% du chemin pour qu’il reste un peu plus. Vous connaissez...

0

Les 3 niveaux de navigation

Les internautes ne perdent pas de temps à chercher l’information au sein d’un site. Vous devez tracer un (voire plusieurs) chemin(s) de la porte d’entrée jusqu’au but où vous souhaitez les mener. L’ergonomie web...

0

3 astuces pour améliorer l’ergonomie de votre navigation

La navigation est l’élément d’ergonomie web primordial sur un site. La navigation définit l’ensemble des menus et des liens qui relient les pages de votre site. Sa conception demande réflexion, car c’est elle qui...

0

Comprendre les licences Créatives Commons

Le Web révolutionne la publication et le partage de document comme aucun média avant lui. Les ressources numériques ont cette particularité d’être duplicables, modifiables et redistribuables à l’infini…du moins sur un plan technique. Du...

0

Comment faire une mise en page pour l’impression ?

Créez un fichier CSS dédié à l’impression Si vous utilisez cette technique, veuillez préciser l’attribut « media » de votre fichier classique sur « screen », afin que votre navigateur différencie bien les deux. Vous éviterez de nombreuses...

0

Créez votre image favicon

Un favicon est une icône informatique symbolisant un site web. Ces icônes sont créées par les propriétaires des sites. Les navigateurs web utilisent les favicons dans la barre d’adresse, la barre de titre, les...