Concevoir ou des pages Web asymétriques unifiées à l'échelle mondiale qui semblent bonnes
Théorie de la conception de Web, et le plus grand corps de la conception graphique, est un art complexe et évolutif. Voici quelques connexe - et parfois contradictoires - règles de sites bien conçus:
Sommaire
Sites bien conçus ont une conception globale unifiée et de maintenir la continuité dans la conception de page en page.
Sites bien conçus utilisent présentations asymétriques (asymétriques, inégaux, et quelque peu imprévisibles) de rendre le contenu accueillante et à diriger les visiteurs à explorer le contenu.
Ces deux “ Règles ” sont un peu en contradiction les unes aux autres. Il doit y avoir assez de continuité dans le style et la conception de page en page pour les visiteurs se sentent comme ils vivent un site unifié. Pourtant, il doit y avoir assez de déséquilibre, irrégularités, et de distinction afin que les visiteurs ne se ennuient pas.
Comment faire pour créer un design web mondial unifié
Dans un design global, les pages sont conçus de telle sorte que les visiteurs vers un site sentent qu'ils naviguent dans un site unique, pas un tas de désarticulés, pages non coordonnés. Éléments de navigation et autres aide globale de contenu de site visiteurs engagent avec une apparence unifiée, et trouver facilement leur chemin.
Cette orientation mondiale applique dans la conception de la page, ainsi que les éléments communs (tels que le contenu d'en-tête, pied de page de contenu, et les structures de navigation) qui apparaissent sur tous ou la plupart des pages d'un site.
Une structure de conception unifié pourrait inclure les éléments suivants:
Un élément de conception de page qui définit la largeur de taille de page à 960 pixels
Header (souvent avec navigation)
Zone de contenu
Encadrés
Footer
La figure suivante montre tous les cinq de ces éléments dans une conception de page Web.
Comment appliquer une irrégularité à la conception de page Web
Dans un symétrique page, le côté gauche et à droite de la page sont plus ou moins égale à la largeur et la proéminence. Asymétrique signifie la conception de la page conception de pages qui sont inégalement structurées. Par exemple, une page concept de base qui divise une page dans un côté gauche qui représente les deux tiers de la page et un côté droit qui est un tiers de la page est asymétrique.
Alors que les règles sont faites pour être brisées et tout ce qui, en règle générale, une page scission de deux tiers / un tiers est plus attrayant, intéressant, dynamique et engageant que celui qui est à moitié fendue et la moitié (50/50) ou en même tiers.
Le croquis sur le dessus a trois colonnes d'environ égale en largeur celui sur le fond est plus inégale. Encore une fois, passer un peu de pages Web de temps à l'examen que vous aimez. Notez comment la grande majorité d'entre eux sont répartis de manière inégale.
Le principe de l'asymétrie, ou de l'inégalité, peut être appliquée à différents niveaux. Il peut être appliqué dans les colonnes: dire, diviser une colonne en différents sous-colonnes de largeur. Il peut être appliqué à la verticale - de sorte que toutes les rangées ont la même hauteur par rapport à l'autre.
-
Choisir une mise en page web dans CS5 - Comment configurer la navigation de sharepoint
-
Utilisateurs Orient avec la conception de navigation de votre blog - Création de pages web tout-en-un pour les nuls
- Conception de votre site pour les utilisateurs mobiles
- Rationalisation la navigation de votre site web
Créer une structure sémantique des pages Web Création de pages sémantiquement pertinentes a été bonne pratique sur le web depuis longtemps avant l'apparition de l'iPad, mais HTML5 construit dans les balises spéciales pour rendre plus facile d'être cohérent dans la façon dont vous…
Créer un design web pour tous les périphériques Si l'idée de concevoir un portrait et paysage web design iPhone et un portrait et paysage conception iPad - juste pour une seule page Web - a vous sentir débordé, voici un certain soulagement.Le navigateur web Safari fait un bon travail…
Ne pas encombrer l'écran avec des options de navigation Dans les options de navigation à la plupart des sites traditionnels, des liens vers toutes les pages principales sont toujours visibles. Un site typique comprend une rangée de liens à travers le haut ou le côté supérieur gauche ou à droite de…
Conceptions de pages pour vues portrait et paysage Lorsque vous mettez sur un iPhone ou un iPad, l'orientation d'une page Web ajuste automatiquement en conséquence. Le navigateur web Safari agrandit intelligemment (ou réduit) les pages web pour adapter à l'écran, mais il est pas parfait. Même…
Dessinez un plan du site pour la conception web La carte du site web montre principales sections du site Web, et comment les pages de votre nouveau site Web affichées pour iPhone ou iPad permettra de relier les uns aux autres.Un plan du site comme celui ci fournit un aperçu visuel des grandes…
Sélectionnez les pages Web qui attireront les visiteurs et les moteurs de recherche pour votre site Votre site Web doit contenir des pages qui se classe très haut les résultats des moteurs de recherche et que les visiteurs seront finalement atterrir ON- ceux-ci sont bien nommé pages d'atterrissage. Une page d'atterrissage peut être tout ou…
Erreurs Page non trouvée: Drupal configuration du site Parfois, les visiteurs de votre tentative de site pour accéder à une page inexistante. Au lieu d'afficher une page laide qui dit Page non trouvée, par défaut de Drupal envoie le visiteur à une page spéciale qui rapporte cette erreur 404…
Conseils de conception Web de base Lors de la conception des pages Web, vous devez penser visuellement. Un site web conçu avec un bon équilibre de graphiques et de texte est agréable à l'œil, attire l'attention du spectateur, et le tient. Bonne conception de sites Web repose sur…
Choisir une stratégie pour votre conception de Web mobile Les gens voient maintenant les pages Web sur tout, des écrans de téléphones portables minuscules projecteurs qui illuminent le côté d'une grange. Les contraintes que vous rencontrez dans la conception de Web mobile pour le petit écran de…
Comment concevoir des sites Web au sein de la grille 960 Un angle utile à partir de laquelle se tailler dans le défi de la conception de pages web, il commencer par pourquoi pages web sont 960 px de large. Mais sont-ils? Non, pas tous d'entre eux. Mais il ya de puissantes raisons impérieuses pour…
Comment concevoir des pages Web dans les colonnes Parce que la conception des pages similaires (comme une conception à trois colonnes) détiennent des quantités différentes de contenu, lorsque vous concevez des pages Web, vous devez planifier pour le cas où le contenu supplémentaire ira si…
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…
Les premières étapes de la conception de site Web Lorsque vous achetez ou recevez jouets étiquetés “ assemblage requis, ” vous savez que vous êtes dedans pour un festin de cerveau-torsion. La phase de conception d'un site est votre chance d'écrire le manuel d'instructions pour…
Gestion des pages de garde de votre site Web d'entreprise UN splash page est une page d'accueil graphiques intensives ou multimédia qui offre une belle “ n ° 148 Wow!; réponse à votre site Web d'entreprise. Votre développeur peut faire de l'argent de créer une page de démarrage, mais cela ne…