Conception de sites Web-Considérations 10 Conseils pour le site Web
Avoir un bon design est aussi important que le contenu de qualité pour un site Web. La conception de site Web est un aspect important de la création d'un site web, car elle est la première impression pour les visiteurs première fois. Si votre site est mal conçu, vos visiteurs peuvent même pas envie d'aller par tout contenu d'oublier leur deuxième visite! Votre site doit être attrayante pour votre public. Donc la question est - comment créer un bon site Web est conçu?
Voici quelques-uns des éléments que vous devez prendre en considération lors del conception de vos pages web:
-les Pages Web de la normalisation
-mise page web
-de la Page Web de la Largeur
-page
-Utilisation des polices de caractères
-Lisibilité
-La navigation
-Image et icônes
-Chargement en el page Temps
-Simplicité
-Apprendre à partir d'autres sites
Pages Web de la normalisation
Il est nécessaire de normaliser les objets dans toutes les pages Web de votre site. Le«look» total-votre site doit être similaire et vos visiteurs doit reconnaître que les pages Web qu'ils visitent appartient au même site. Il est important de conserver la couleur des pages, des tableaux, des listes, des panneaux,., soit identiques ou similaires pour chaque fond de page. Vous devez également normaliser le type de police, la taille et la couleur de vos titres, paragraphes et des listes.
Pour ce faire, l'utilisation de feuilles de style en cascade (CSS) est fortement recommandé. Vous n'avez pas standardiser vos pages web avec CSS, mais également éviter de mettre les balises de formatage dans vos pages web. Cela vous aide de deux manières: tout d'abord, vous pouvez changer l'apparence de votre site web simplement en modifiant votre fichier CSS et, deuxièmement, la taille de votre page Web réduit en prenant beaucoup moins de temps à charger dans les navigateurs.
Mise en page web
page Web mise en page est l'élément de base en el conception de votre site web. Mise en page explique comment vous organisez votre contenu. Vous devez prendre en compte l'objectif de votre site avant de les congeler votre mise en page web. Vous devez décider à poster des liens importants au lieu de premier plan. Vous devez également connaître votre public cible-quel est le groupe d'âge, qu'il est de leur profil, quelle partie du monde ils appartiennent pour le faire, et de prendre en compte.
Page Web Largeur
La largeur d'une page Web est un élément important en conception de votre site Web. Les utilisateurs ne veulent pas faire défiler horizontalement; la page Web doit correspondre à la taille de leur écran. Largeur en page peut être défini à la fois dans le pixel, ainsi que le pourcentage de. Si vous définissez votre largeur de la page en pixels, il est fixé. Les deux méthodes définissant ont leurs avantages et inconvénients. Il sera beaucoup plus facile de placer le contenu à l'intérieur d'une largeur fixe et la position ne change pas avec la taille de l'écran. Toutefois, si la taille d'écran est plus petit que la largeur définie, l'utilisateur doit faire défiler pour naviguer le contenu.
Si vous décidez de définir la largeur en pourcentage, la largeur del page change avec la taille de l'écran et de s'adapter facilement à elle. Cependant, la mise en page et de placement peuvent changer avec le changement de taille de l'écran. Le choix est le vôtre-vous devez décider sur la définition de largeur en fonction du but de votre site.
Si vous décidez de garder la largeur de vos pages Web fixes, essayez d'aligner centralement vos pages, il semble agréable sur les grandes tailles d'écran. Également avoir la largeur del page maximum 1024 pixels pour accueillir les petites tailles d'écran. Sur la base de savoir si la largeur de la page est fixe ou flexible, vous devez décider de la largeur et le positionnement des autres éléments de.
page Contexte
Ma suggestion personnelle est d'utiliser la page arrière-plan de couleur claire. Si vous souhaitez conserver une image dans la page web de fond, assurez-vous qu'il ne change pas la perception de contenu réel. Vous pouvez, comme d'utiliser un modèle dans le fond de page. Essayez de garder la taille du modèle le moins; il sera par défaut répété dans les deux directions horizontale et verticale. Si vous ne voulez pas répéter votre image de fond, vous pouvez définir le style dans le fichier CSS avec'repeat: none" commander.
Certains concepteurs utilisent des couleurs sombres pour le fond et les couleurs claires pour les textes. Cependant, l'arrière-plan de couleur de la lumière et des textes sombres couleurs agréables pour la recherche et faciles à vos yeux.
Utilisation de polices de caractères
Vous devez tenir à l'aide de quelques familles de ces polices (polices-faces) pour toutes vos pages web, et de ne pas utiliser des polices différentes pour une page différente. Certaines familles de polices de caractères sont largement utilisés pour les sites Web sont- Tahoma, Verdana et Arial. C'est tous les types de polices qui sont plus faciles à lire sur les écrans électroniques sans-serif. Contrairement à ce que,«Times New Roman» est de type serif, qui semble mieux dans les médias imprimés.
Vous devez également garder la taille del police de vos paragraphes 12 pixels ou plus-14px semble idéal pour moi. Certains concepteurs tiennent moins de la taille del police pour accueillir plus de textes; cependant, il devient difficile pour les visiteurs de lire ce qui est écrit dans vos paragraphes. Vous devez également augmenter la hauteur de ligne par défaut qui semble être très mince. J'utilise la hauteur de ligne de 1.6em à la place de 1em par défaut pour améliorer la lisibilité. Vous pouvez décider de votre site Web en fonction de vos besoins.
Une autre considération importante est de sélectionner la couleur du texte pour les différentes sections. Comme déjà mentionné, de normaliser et de garder la police la couleur est semblable à toutes vos pages web. Les couleurs sombres sont les mieux adaptés pour les textes et les en-têtes. Vous pouvez essayer différentes combinaisons de couleurs pour finaliser un ensemble de couleurs pour vos textes. Assurez-vous toujours qu'il ya un contraste entre votre fond de la page et le texte pour qu'il soit facilement lisible. L'utilisation de texte de fantaisie doit être évitée ou limitée à certains éléments spécifiques tels que les lignes d'étiquettes et logo.
Lisibilité
Essayez d'intégrer les différents éléments HTML comme les en-têtes, paragraphes, listes, tableaux, etc. au bon endroit pour rendre votre contenu facile à lire. Utilisez les sauts de ligne à des endroits appropriés dans vos paragraphes. Fournir un espace entre deux blocs à la fois dans le sens horizontal et vertical. Le cas échéant, les limites et les lignes horizontales pour séparer le contenu.
La navigation
Il sera conseillé de garder vos liens en haut de votre site, de préférence au même endroit dans l'ensemble des pages. Utilisez une couleur différente pour les liens-autre chose, comme du texte normal, de sorte qu'ils peuvent facilement identifiés. Vous pouvez, comme pour modifier la police, la couleur des liens au survol de la souris sur.
-la section de navigation pour d'autres pages doit être clairement visible et doit être placé à l'endroit de premier plan. Assurez-vous que toutes vos pages seront disponibles au moins sur une autre page.
Photos et icônes
Photos et icônes font vos pages Web individuellement et attrayant. Il raconte rapidement vos visiteurs qu'il s'attend à partir du contenu. Placer l'image à droite au bon endroit c'est un art qui ne peut être appris avec la pratique. Essayez d'utiliser un ensemble d'icônes pour vos pages web. Vous ne devez pas créer des icônes ou de prendre vous imaginer. Il ya beaucoup de nombreux sites disponibles qui fournissent des images et des icônes gratuit. Vous pouvez essayer de iconfinder.com pour rechercher les icônes pour votre choix et de taille-mais assurez-vous qu'ils sont libres pour un usage commercial.
Ajout d'un grand nombre de photos et multimédia peut avoir un effet négatif sur votre site web. Les fichiers multimédias prennent plus de temps pour le téléchargement et votre visiteur peuvent ne pas aimer attendre aussi longtemps. Utilisez les images de l'esprit-ne pas exagérer. Donc garder le à regarder la taille de vos graphiques il ne devrait pas être trop gras! Compresser les si nécessaire-il existe de nombreux sites en ligne qui va le faire pour vous gratuitement.
Une chose plus importante à faire est de définir la largeur et la hauteur de chacune de vos photos. Il assure que même si l'image n'est pas chargée mise en page ne sera pas modifié ou changé. Je recommande d'aller à travers HTML Image Tutoriel si vous ne l'avez pas déjà fait.
Chargement de la page Temps
Imaginez une situation où vous cliquez sur un lien dans les résultats de recherche Google et le site prend beaucoup de temps à charger. Que vas-tu faire? Vous voulez attendre jusqu'à ce que la page se charge ou retourner aux résultats de la recherche pour essayer un autre lien?
La réponse est très évidente- tout le monde est pressé ces jours-ci et il ya beaucoup de solutions de rechange disponibles. C'est pourquoi il est important de garder le temps de chargement le moins possible-idéalement dans un délai de 10 secondes pour une connexion Internet standard. Réponse-ne garder que c'est vraiment nécessaire. Évitez d'utiliser des fichiers inutiles JavaScript, graphiques, objets flash, etc.
Facile
Si vous me demandez ce qui est une bonne conception de sites Web, la réponse sera elle devrait paraître simple mais efficace. La simplicité ne signifie pas que vous ne devriez pas faire preuve de manière créative. Soyez créatif, mais ne pas exagérer les choses. Il y a plusieurs années en arrière, un grand nombre de pages Web étaient pleins de flashy, coloré, en mouvement, clignotante objets. Essayez de faire votre site web simple et facile à entretenir. Cela permettra également de réduire votre temps de chargement des pages et ne dérangera pas déranger inutilement à vos visiteurs.
Apprendre à partir d'autres sites Web
Internet est le meilleur endroit pour apprendre le design du site. Vous pouvez voir certains de vos sites Web préférés- même s'ils ne sont pas liés avec vous. Ne pas copier, mais il n'y a rien de mal à obtenir l'idée et la mise en œuvre quelque chose de similaire pour votre site. Pour la pratique, vous pouvez essayer de créer votre page Web exactement comme votre site web préféré. Si vous avez continué apprentissage et la pratique, vous allez commencer à concevoir les grands sites web sur votre propre.