|
Le mot imprimé existe depuis des centaines d'années et le mot écrit a été l'existence remonte à des milliers. Alors que la technologie se développe, ces dernières années ont vu le mouvement de type de l'imprimé vers l'écran d'ordinateur. Un domaine de la conception qui a traîné plus que tout autre dans la transition vers le Web a été la typographie. Les premières versions de HTML ne permet même pas aux concepteurs web contrôle sur ce type de caractère, ils sont à utiliser pour leur page. Toutefois, avec l'entrée de CSS ou feuilles de style en cascade, une toute nouvelle ère de la typographie web a commencé. Pour les concepteurs de ces dernières années ont eu la capacité et des outils pour orchestrer la typographie nouveaux projets de conception dans le milieu du web. Une bonne compréhension de la typographie dans le passé nous donne une bonne base pour comprendre ce qui fonctionne bien dans un environnement en ligne. Retour vers le futur: Les effets d'Internet Typographie Polices de caractères Caractère est une taille spécifique et un style de type sein d'une famille type. Les deux principaux styles de caractères utilisés sur le web sont serif et sans serif. Times New Roman est un exemple commun d'une police Serif souvent utilisé en version imprimée et la typographie utilisée dans le présent document. Empattements sont les décorations ou de petites lignes sur chacune des lettres qui, en théorie, faciliter l'écoulement des lettres que l'oeil se déplace dans tout le texte. Polices Serif sont le plus souvent utilisé dans l'impression. Il existe de nombreux débats en cours quant à savoir si serif ou polices sans empattement sont plus lisibles sur l'écran; cet écrivain estime que les polices sans empattement sont la meilleure option pour l'écran. Verdana a été conçu pour être utilisé avec l'écran et est la plus courante sans serif police de caractères utilisée aujourd'hui sur le web. «Chaque caractère a un ton unique qui devrait produire un ajustement harmonieux entre le flux verbal et visuel de votre contenu". Trois facteurs déterminent une police de caractères grande: généreux x-hauteur, la largeur et l'espacement généreux lettre, et la largeur de punch généreux. Voir la figure 2, où une bonne x-hauteur, la largeur et l'espacement des lettres punch sont montrés avec les sans serif Verdana. Taille Typeface taille joue un rôle important dans le domaine de la typographie web. Type de taille est l'outil par lequel un concepteur de contenu de la page donne une structure distincte. Le contraste entre les tailles des en-têtes, corps du texte et les formes des pieds de page de la clarté et l'impression générale de la page. Le point de police donnée par le concepteur, tel que 14 points, détermine la taille de la police de caractères à l'écran. Les lecteurs ont la possibilité de spécifier taille du texte dans leur propre navigateur qui prévalent sur les dimensions fixées par le concepteur. Le W3C recommande d'utiliser les em "" unité lors de la spécification taille des caractères. Em, a également prononcé "M", est le point spécifié par l'utilisateur, multiplié par le montant de Em spécifié. Par exemple, si un utilisateur a mis sa taille de la police à 12 points et le concepteur spécifié une taille 2em, puis 24 de type point sera affiché sur la page. Texte anti-aliasé vs Aliased Avec les systèmes d'exploitation modernes comme Windows XP et Mac OS 10, les utilisateurs ont la possibilité de sélectionner une option d'affichage appelé texte anti-aliasé. Ceci est une bonne option en termes de conception car il utilise des variations de couleur à faire d'escalier ou escalier angles intensification vu dans le texte aliasé aspect plus lisse. "Dans des lettres, aliasing est particulièrement problématique car l'escalier intensification interfère avec la douceur de la courbure nécessaire pour définir tant les caractères individuels". Voir la figure 3, où la lettre de gauche montre comment l'anti-crénelage de texte est affichée et la lettre de droite montre le texte aliasé. L'effet est plus flatteur pour un texte plus grand. Cela fournit une vue plus agréable pour l'utilisateur pendant la lecture. Cependant, un inconvénient de l'anti-aliasing est l'effet qu'elle a sur les petites texte. Elle tend à créer un effet de floue ou déformée de petits textes. Le concepteur doit garder à l'esprit qu'il ou elle ne peut pas compter sur les utilisateurs ayant texte anti-crénelage activé sur leur machine. Souvent, les résultats des sélections de caractères peut être attirante si cela n'est pas pris en compte. Ecran couleur La différence entre la page d'impression et le web réside dans la méthode utilisée pour afficher les couleurs sur le support. Le support d'impression utilise le système de couleur soustractif, qui est de savoir comment les humains voir la plupart des objets de lumière naturelle. Considérons comment nous voyons l'herbe verte. La lumière naturelle, contenant le spectre de couleur complet, visites de l'herbe et de toutes les couleurs, mais vert sont absorbés. Par conséquent, nous voyons l'herbe verte. La lumière naturelle frappe la page imprimée qui reflète les couleurs que nous voyons, si elle est en noir et blanc, texte journal ou un magazine papier glacé couleur ad. Les couleurs primaires utilisées en couleurs soustractive sont le cyan, magenta et jaune. Les écrans d'ordinateurs, d'autre part, fonctionnent différemment. Ils utilisent la lumière additive. Plutôt que d'absorber et de réfléchir la lumière, la couleur additif émet de la lumière. Voir la figure 4, à gauche, où toutes les couleurs sont mélangées, le blanc est produit par la couleur additive. Sur la droite, le noir est produit par la couleur soustractif. Sur l'écran, texte noir sur fond blanc est difficile à lire pour de longues périodes de temps. Tout étudiant qui a écrit un livre à 2 heures dans un local obscur ou semi-obscur le sait. Concepteurs de sites Web serait judicieux de choisir des combinaisons comme le plus léger du texte sur un fond plus sombre. Espacement Il existe trois types d'écartement: à la pointe, le crénage et l'espacement des mots. Leader est l'espacement entre les lignes de texte. Elle joue un rôle important dans la lisibilité du texte. Voir la figure 1, lorsque le second exemple est beaucoup plus facile à lire à cause de appropriées de premier plan. Le crénage est l'espacement des lettres dans les mots. Le crénage est pas très efficace avec le corps du texte, mais peut avoir un effet plutôt agréable avec des titres. Espacement des mots est juste que, l'espacement entre les mots. Généralement, il est plus important de choisir le type de caractère à droite lorsque l'on considère le mot propre espace à la place de le changer manuellement. Espacement correct a un effet direct sur la lisibilité des caractères typographiques. L'aspect le plus important de l'espacement à envisager lors de la conception pour le Web est la cohérence de votre choix. Incohérence dans l'espacement engendre souvent la confusion parmi les lecteurs. S'efforcer de garder le lecteur porté sur le texte et les mener avec aisance à travers les mots. Alignement L'alignement est un facteur important lorsque l'on considère l'aspect et la convivialité des pages sur le web. Sur le web, le corps du texte doit être justifié à gauche et les titres ou les titres doivent également être aligné à gauche. Ce n'est que dans de rares cas qu'un designer exiger du texte justifié. Dans ces cas, la largeur du texte doit être assez large pour fournir le mot propre espacement dans le texte et les titres ou les titres doivent être alignés centre. Un facteur important est l'alignement des marges autour du texte. Marges représentent les espaces entre les éléments sur une page. Ils aident à conserver le texte dans des sections distinctes des autres éléments sur la page ou la fenêtre du navigateur. Marges, lorsqu'il est utilisé régulièrement, assurer l'unité et la structure des pages sur le web. Designers vouloir créer plus de liberté entre les éléments doivent utiliser des marges plus importantes pour créer l'espace. S'ils veulent créer un look plus resserrée, ils doivent utiliser des marges plus petites pour créer un sentiment d'intimité. Jusqu'à ce que l'avenir des changements de typographie, les concepteurs doivent éviter d'utiliser un texte justifié en raison de l'incapacité de césure sur les pages web. Cela provoque l'apparence des pages de souffrir en raison des différents espaces entre les mots. Limitations Depuis l'application de balises de police et CSS, les concepteurs peuvent spécifier n'importe quelle police de caractères pour les pages web, mais de nombreux ordinateurs n'ont que le défaut polices installées sur eux. Si la police spécifiée n'est pas sur l'ordinateur de l'utilisateur sur le Web, la police par défaut est affiché dans le navigateur. Bien que les concepteurs peuvent choisir plusieurs polices du navigateur mai utilisation dans l'ordre donné, le contrôle de l'apparence de la page Web n'est pas aussi forte qu'elle l'est avec la presse écrite. Le meilleur moyen pour obtenir l'aspect le plus désiré est de spécifier la police générique tel que «sans serif" à la fin de la liste. Dans ce cas, le navigateur va afficher le texte en police sans serif tout accessible. Peu importe les efforts que concepteur tente de développer la combinaison parfaite des caractères et la taille, l'utilisateur peut toujours désigner tout type de caractère et la taille qu'il ou elle veut, et il n'y a rien que le concepteur peut faire à ce sujet. Parce que le concepteur n'a pas le contrôle absolu sur le produit fini sur le web, il est souvent perçu comme un inconvénient par rapport à la presse écrite. Toutefois, cette notion de "contrôle de l'utilisateur" peut être perçu comme un point fort du Web. Il ne fait aucun autre moyen de communication qui donne à ce contrôle beaucoup plus à l'utilisateur final. Les meilleurs designers appareil peut utiliser est d'offrir simplement un modèle pour la conception et de laisser le dernier mot au lecteur. Conclusion: L'avenir de la typographie L'une des façons les concepteurs ont travaillé autour des limites de la typographie web est d'utiliser l'image et les techniques de Flash texte de remplacement pour afficher polices personnalisées, qui permet plus de contrôle sur la page. Un récent Flash méthode de remplacement est SIFR (ou Scalable Inman Flash Replacement prononcée siffer). SIFR donne accès à enrobage polices personnalisées dans les pages Web sans que l'utilisateur en le posant sur leur machine. Un autre outil qui peut être utilisé est Microsoft's Web Embedding Fonts Tool (trame), qui stocke les polices de caractères sur un serveur web pour être disponible pour le téléchargement en cas de besoin. Cet outil n'a pas eu de succès car aucun des navigateurs autres que Internet Explorer de Microsoft ont mis en œuvre la technologie. Même si ces méthodes donnent un aperçu de l'avenir, il s'agit simplement d'une solution rapide aux limites actuelles de la typographie web. Lorsque ces nouvelles techniques sont entièrement développées, une nouvelle ère de la typographie web va faire son entrée po |