Concetti di base di disegno di Web site

| by Kim Eyer | February 04, 2002
Ainsi, qu'est dans une conception de site Web de toute façon ? Et, comment obtenez-vous une conception qui fait appel au large et divers goût de tous ces internautes dehors là ?

C'est critique. Votre conception de site Web est la première impression que vous faites sur vos clients et visiteurs. Il y a quelques emplacements dans mes favoris et signets que je considère mal conçus. Je les ai toujours, parce qu'ils ont l'information que je veux. Chanceux pour le propriétaire d'emplacement que leur contenu était celui bon ! Mais un jour je trouverai un autre emplacement avec la même information et une meilleure conception. Deviner alors qui sera dans mes favoris et qui sera omis ? Peut-être votre contenu est grand aussi, mais ne prend pas des chances sur une conception pauvre. Penser combien plus de trafic de répétition et le trafic référé vous obtiendront si vous avez le grand contenu et la grande conception.

Le goût de conception change - CORRECT, la conception est une question des assistances de goût et de cible à un certain degré. Ce qui semble bon à un visiteur ne peut pas être si grand à l'autre. Ici nous avons le vieil adage de « un détritus de l'homme est le trésor d'un autre homme ». Mais il y a des fondations pleines qui entrent dans la bonne conception d'emplacement. Créer un modèle visuel distinctif et l'application de lui est uniformément la meilleure manière de lier une série de sujets et de pages Web ensemble.

Dispositions - la disposition de votre emplacement est un élément important de conception. Une page Web est un document, une plaine et une simple. Elle est comme composer une lettre, un contour, un rapport, ou une publicité. Établir une grille de disposition et un modèle pour manipuler votre texte et graphiques, collent alors avec lui pour établir un rythme et une unité cohérents à travers toutes pages de votre emplacement. Le rendre facile à suivre, en satisfaisant à l'oeil. Apprendre à employer des tables et des tables nichées, des listes, et même des armatures bien projetées pour les dispositions de contrôle.

Couleur - la couleur a beaucoup pour faire avec des assistances de cible aussi bien. Ce qui fait appel à un adolescent ne peut pas fonctionner avec une assistance de cible de bébé-boomers, et ainsi de suite. Mais quiconque peut apprécier la coordination de couleur. La coordination de couleur peut être apprise. Oui, il est beaucoup plus facile si vous avez un « talent » normal pour ces choses, mais vous pouvez apprendre les techniques de base de coordination de couleur qui font la différence entre « visqueux, yuk ! ! ! » et « apaisant à l'oeil ».

Couleurs sûres - chacun n'a pas 16 millions de couleurs sur leur ordinateur. Apprendre à employer les couleurs du websafe 216. Noter qui est 216 couleurs, non 256 couleurs. C'est une question des possibilités de carte vidéo et vous êtes à la pitié du système du PC de la visionneuse. Votre meilleur pari est de coller à 6 x 6 x 6 résolutions de couleur de bit (216 couleurs) de couvrir la majorité d'utilisateurs d'Internet. La palette de 216 couleurs te donne l'abondance pour des options de conception. Sûr, non autant d'en tant que 256 couleurs ou 16 millions, mais abondance pour accomplir toujours ce que vous voulez ou besoin de faire avec la couleur.

Charge Temps de page - maintenant je serai la première personne pour admettre que j'ai fait les pages Web de *personal* qui ont de grands graphiques ou dossiers de la musique .wav et d'autres choses qui prennent pendant quelque temps à la charge. Le point ici est, ils sont mes sites Web personnels, *not* mes sites Web professionnels ou commerciaux. Je peux employer ces longues pages de chargement pour la démo-ing plusieurs techniques, ou causerie avec des amis et d'autres lotisseurs, mais jamais jamais jamais pour la conception professionnelle d'emplacement (à moins que mon client exige, dans ce cas je n'emploie pas leur emplacement comme démo à d'autres clients potentiels !). Ceci ne signifie pas que vous devez abandonner tout sur les emplacements professionnels. Il des moyens justes le prennent facile, emploient seulement un élément ou deux de haut-charge-temps, apprennent à comprimer vos graphiques correctement, et si vous avez que beaucoup de « substance » le cassent alors vers le haut en plus d'une page.

Ne pas l'exagérer - une erreur typique parmi des réalisateurs est de l'exagérer en remontant un site Web. Essayer d'employer des frais supplémentaires dans la modération. Quelques choses communes qui deviennent surutilisées sont :
  •  graphiques
  •  fonds d'image
  •  biseaux et d'autres tours graphiques
  •  armatures excessives
  •  défilement des textes, .gif animé ' s, faner-Institut central des statistiques de page

Trop de quelque chose se dégage juste en tant qu'étant « cutsie », visqueuse, ou unoriginal… mais utilisé correctement lui peut ajouter juste le bon contact. Apprendre à employer les choses qui complimentent le contenu de votre emplacement, et à ne pas les exagérer avec des techniques et des tours supplémentaires.

Lisibilité - rendre vos pages aussi faciles à lire comme possibles. Noircir le texte sur un blanc ou il est le plus facile lire fond grisâtre. Il y a d'abondance de dur-à-lisent les pages qui emploient des milieux la même nuance que le texte (texte foncé sur un fond et une lumière foncés sur la lumière), ou ce qui j'appelle le regard « au néon » avec la couleur lumineuse sur la couleur lumineuse.

Apprendre à employer le face= " FirstFontChoice, SecondFontChoice, caractères sans obit et sans empattement " de <font > étiquette et à donner à vos lecteurs une police qui est facile sur l'oeil. Je pense toujours que c'est une telle honte de voir un emplacement complètement de grand contenu et puis gauche dans police romaine de temps de défaut la nouvelle. Employer une police de caractères sans obit et sans empattement - arial et verdana sont les bons choix, police générique alors mise de « caractères sans obit et sans empattement » dans votre dernier attribut d'étiquette de HTML pour couvrir n'importe qui qui peut ne pas avoir une police spécifique que vous avez énumérée en tant qu'un premier choix ou deuxième choix.

Navigateur et compatibilité de moniteur -. Apprendre à rendre vos pages Web compatibles avec le Microsoft Internet Explorer (IE) et le Netscape Navigator. Après préparation d'un emplacement, l'examiner dans des navigateurs et des tailles ou des résolutions d'écran ondifferent. Les chiffres typiques sont 80% d'utilisateurs d'Internet sont sur le navigateur d'IE, résolution de 80% 800 employants x 600, et les la plupart sur des 15 " ou 17 " examinent….mais, pouvez-vous vraiment se permettre pour que votre emplacement semble-t-il pauvre à 20% du marché ? La réponse est NON. Rendre votre emplacement compatible avec les deux navigateurs et prendre qu'idiot « mieux a regardé avec… » graphique outre de l'emplacement ! En outre, employer les étiquettes d'alt dans vos graphiques pour les personnes qui surfent avec des images arrêtées, ou sur de plus petits navigateurs qui ne les soutiennent pas.

En utilisant Java - personnellement, j'aime Java et l'emploie dans la conception d'emplacement. Cependant, vous devez se rappeler le tour de beaucoup de gens il au loin pour une raison ou une autre. Ou elles peuvent employer un navigateur qui ne le soutient pas. Par conséquent, si vous employez un menu conduit par Java (tout à fait populaire de nos jours), vous avez mieux une certaine navigation alternative.

--

L'article est un extrait ebook « maître de Web ». Pour une copie complète du href= de <a de visite d'eBook »
http://www.eyerstation.com/ebook2.html

Article Source: http://www.articleset.com



About the Author

Kim Eyer, of EyerStation.com publishes the WebSiteOwner eZine for webmasters and small businesses. To get your monthly copy and access to its support website, send a blank email to eyerstation@carolina.net with the word "Subscribe" in the subject line. » Read more articles by Kim Eyer
You are welcome to publish or reprint this article free of charge, provided: