Comment utiliser l'espace blanc dans votre conception de sites Web

Les pages Web qui ont des tonnes de trucs entassés dans tous les coins et recoins font la page difficile à lire et ne pas donner l'œil une chance de se reposer. Lors de la construction d'une mise en page page web, toujours planifier pour un espace ouvert autour de vos éléments de conception. Les espaces ouverts non seulement de créer une atmosphère plus accueillante qui ne se sent pas à l'étroit mais aussi permettre l'œil d'identifier tous les domaines de la page rapidement - ce qui rend plus lisible.

Voici quelques techniques de conception pour ouvrir votre mise en page et de créer plus d'espace de respiration pour le spectateur:




  • Utilisez l'espace blanc à bon escient. L'espace blanc se réfère à la convention collective de la zone claire ouverte autour de vos éléments de conception (pas nécessairement en utilisant la couleur blanche). L'effet physiologique est un-air, sentir à l'aise. Un bon conseil est de laisser plus grands morceaux d'espace blanc autour de la zone la plus importante de la page, en fait se démarquer comme une île. Le site d'Apple est célèbre pour son utilisation intensive de l'espace blanc.

    Bien sûr, les mêmes principes sont applicables lors de la conception de sites Web sur un fond noir ou de couleur sombre, mais le sentiment que un fond sombre transmet est quelque peu différente. Beaucoup d'espace autour des objets sur un fond sombre crée un sens du drame et l'excitation, comme dans l'exemple suivant.

    Comment utiliser l'espace blanc dans votre conception de sites Web
  • Que certains éléments flottent. Mise en page web sont, par nature, assez géométrique et carrée. Bien qu'il soit normalement une bonne idée d'aligner tous vos éléments à une grille, votre page peut regarder 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. Laisser un élément important de briser un peu les règles en tombant à l'extérieur de la grille. Cela permet aussi de se démarquer du reste.

  • Rappelez-vous que moins est plus. Bien sûr, moins vous avez passe dans la page, plus il est facile d'inclure un espace blanc et des éléments flottants qui se brisent sur la structure de grille rigide. Limitez la quantité de détails que vous incluez sur les choses moins importantes sur la page - pour enregistrer les détails pour une autre page qui met l'accent sur cet élément.


» » » » Comment utiliser l'espace blanc dans votre conception de sites Web