Accueil Médias sociaux Comment utiliser l'espace blanc dans votre conception de site Web - les nuls

Comment utiliser l'espace blanc dans votre conception de site Web - les nuls

Vidéo: Comment Créer un SITE WordPress PROFESSIONNEL (2019) ? 2025

Vidéo: Comment Créer un SITE WordPress PROFESSIONNEL (2019) ? 2025
Anonim

Les pages Web qui contiennent énormément de choses dans tous les coins et recoins rendent la page difficile à lire et ne donnent pas l'impression une chance de se reposer. Lors de la création d'une mise en page Web, prévoyez toujours un espace libre autour de vos éléments de conception. Les espaces ouverts créent non seulement une atmosphère plus accueillante qui ne se sent pas à l'étroit mais permettent également à l'œil d'identifier rapidement toutes les zones de la page, ce qui la rend plus lisible.

Voici quelques techniques de conception pour ouvrir votre mise en page et créer plus de place pour le spectateur:

  • Utilisez judicieusement les espaces blancs. L'espace blanc fait référence au collectif d'espace libre ouvert autour de vos éléments de conception (n'utilisant pas nécessairement la couleur blanche). L'effet physiologique est un sentiment de plein air et confortable. Une bonne astuce consiste à laisser de plus grands morceaux d'espace blanc autour de la zone la plus importante de la page, en la faisant ressortir comme une île. Le site Web d'Apple est célèbre pour son utilisation intensive des espaces blancs.

    Bien sûr, les mêmes principes s'appliquent lors de la conception de sites Web sur un fond noir ou de couleur foncée, mais le sentiment d'un arrière-plan sombre est quelque peu différent. Beaucoup d'espace autour des objets sur un fond sombre crée un sentiment de drame et d'excitation, comme dans l'exemple suivant.

    Crédit: © Abstraktion
  • Laissez certains éléments flotter. Les mises en page de pages Web sont, par nature, assez géométriques et encadrées. Bien que ce soit normalement une bonne idée d'aligner tous vos éléments sur une grille, votre page peut sembler trop rigide si vous suivez cette règle à la lettre. Pour ajouter un intérêt visuel, amusez-vous avec l'un des éléments les plus importants sur la page. Permettre à un élément important de casser un peu les règles en tombant en dehors de la grille. Cela l'aide également à se démarquer du reste.

  • Rappelez-vous que moins c'est plus. Bien sûr, moins vous avez de page, plus il est facile d'inclure des espaces blancs et des éléments flottants qui sortent de la structure rigide de la grille. Limitez la quantité de détails que vous incluez sur les éléments les moins importants de la page - enregistrez le détail d'une autre page qui se concentre sur cet élément.

Comment utiliser l'espace blanc dans votre conception de site Web - les nuls

Le choix des éditeurs

Les vues du module Notes Outlook - les nuls

Les vues du module Notes Outlook - les nuls

Vous permettent d'ouvrir vos notes une par une et de voir ce qu'il y a dans eux, mais le module Notes d'Outlook offre encore plus d'organisation, de tri et de visualisation. Décidez ce qui a du sens pour vous.

Passer de Windows Outlook à Outlook 2011 pour Mac - dummies

Passer de Windows Outlook à Outlook 2011 pour Mac - dummies

Si vous avez l'habitude de travailler Windows Outlook, mais vous voulez passer à Outlook 2011 pour Mac, ne vous inquiétez pas - Microsoft le rend facile à basculer. Outlook 2011 est la première version d'Outlook à tirer parti du nouveau format d'identité Outlook. Avant de commencer ce processus, notez les paramètres du compte dans ...

Lire Mail dans Outlook dans Office 2011 pour Mac - mannequins

Lire Mail dans Outlook dans Office 2011 pour Mac - mannequins

Pour ouvrir un e-mail, ou message, dans sa propre fenêtre dans Outlook 2011 pour Mac, double-cliquez sur l'objet du message dans la boîte de réception. Cette fenêtre est livrée avec un mini-ruban de message contenant de nombreux contrôles de l'onglet Accueil du ruban. La fenêtre de message Outlook 2011 possède ses propres fonctionnalités: ...

Le choix des éditeurs

Comment travailler avec Progressbar dans CSS3 - les nuls

Comment travailler avec Progressbar dans CSS3 - les nuls

Utilisateurs sont impatients, et parfois un processus prend un moment pour terminer. Une barre de progression permet au développeur CSS3 de tenir l'utilisateur informé de la progression d'une tâche. Les stratégies de programmation modernes tentent d'empêcher l'utilisateur d'attendre en effectuant des tâches plus longues en arrière-plan, mais parfois ...

Joomla! For Dummies Cheat Sheet - Les nuls

Joomla! For Dummies Cheat Sheet - Les nuls

Joomla! vous permet de créer des pages Web interactives sans utiliser de code, en supprimant l'utilisation de balises HTML. Avec Joomla! modules, vous pouvez créer des articles et des éléments de menu, installer des extensions et créer des pages Web engageantes sans vous engager dans l'écriture de code.

Liens vers des fichiers dans vos messages marketing par e-mail - dummies

Liens vers des fichiers dans vos messages marketing par e-mail - dummies

Votre marketing e -mail peut fournir des fichiers joints de toutes sortes, mais les fichiers joints doivent être réservés pour l'envoi de courriels personnels à un petit nombre de personnes à la fois. La plupart des programmes de messagerie et des serveurs de messagerie disposent de paramètres de sécurité qui envoient des e-mails contenant des fichiers joints à un dossier indésirable lorsque le programme suspecte que l'e-mail ...

Le choix des éditeurs

Top Cinq trucs et astuces Photoshop CC pour vous simplifier la vie - les mannequins

Top Cinq trucs et astuces Photoshop CC pour vous simplifier la vie - les mannequins

Sont cinq Photoshop Des techniques de CC qui devraient vous faciliter la vie et rendre votre travail plus rapide et plus professionnel. Ces techniques ont été développées tout en aidant les autres à résoudre des problèmes communs. Changer les couleurs du produit en un clin d'œil Utilisez la fonction Remplacer la couleur (dans le menu Image → Réglages) pour faire rapidement et facilement des variations d'une seule image ...

Utiliser Camera Raw pour préparer une image HDR - des mannequins

Utiliser Camera Raw pour préparer une image HDR - des mannequins

Pour produire une image HDR dans Photoshop CC, vous photographiez habituellement une série d'expositions. Alternativement, et généralement avec des résultats assez bons, vous pouvez changer l'exposition après le fait en utilisant Camera Raw. (Vous voudrez utiliser une image brute, pas une image JPEG, pour cette technique.) Voici comment: Tirer le meilleur ...

Utilisez Photoshop CS5 Path comme sélection - les nuls

Utilisez Photoshop CS5 Path comme sélection - les nuls

Vous pouvez utiliser l'outil Photoshop Creative Suite 5 Pen pour créer des sélections précises qui seraient difficiles à créer en utilisant d'autres méthodes de sélection. L'outil Plume produit des contours nets qui s'impriment bien et peuvent être modifiés à l'aide de l'outil Sélection directe. Utiliser un chemin en tant que sélection est extrêmement utile lorsque vous essayez de ...