Seguramente has visitado muchos sitios y has visto fuentes fantásticas, tipografía que no habías visto en otro sitio a menos que fueran en imágenes, lo que seguramente no sabias es que este tipo de fuentes están adheridas de forma externa a los sitios web, y nosotros vamos a enseñarte a hacerlo en pocos pasos.
Como diseñador debes saber que hay pocos tipos de fuentes que la mayoría de los browsers pueden leer sin dificultad, si no las sabes, estas son las 5 principales:
ArialTimesHelvéticaVerdanaTrebuchet
Estas fuentes son usadas comúnmente por lo anterior mencionado, pero hay nuevas formas que te permiten adherir nuevas fuentes, y con esto se abren nuevas posibilidades para trabajar con los diseños. Una de las formas con las que se comenzó agregar tipografías externas fue.....
Leer el arículo completo
.jpg)
Desde hace tiempo Google ha contribuido con más que un solo buscador, desde herramientas para optimización de sitios, hasta herramientas para buenos usos sobre diseño web. Uno de estos usos son las fuentes recomendadas por el equipo de Google Web Fonts. Seguramente muchos de ustedes han tenido acercamiento con la programación y el desarrollo de sitios web, aunque hay muchos otros que tal vez apenas están comenzando o que no saben este tipo de información.
Durante mucho tiempo hubo fuentes estándares que eran reconocidas por la mayoría de los navegadores (Arial, Verdana, Helvetica, Trebuchet, Times), estas fuentes eran el común al no haber formas seguras para que los navegadores indexarán alguna fuente nueva.
Con el tiempo han salido nuevos sistemas para hacer más versátil esta parte d.....
Leer el arículo completo
Como usuarios vemos lo "bonito" o "agradable" que un sitio web puede ofrecer a la vista; mientras mejor se vea, entonces más llamara la atención. Un elemento que pocas veces se le da la importancia que debe es a la tipografía. Estos elementos visuales ahora también llamados "fuentes" son en muchas ocasiones las que dan pautas en un buen diseño, ya que llevan el ritmo de lectura para hacer que un usuario comúnmente se quede en el sitio a leer, si no hay un buen manejo de fuente, espacios y colores, simplemente el usuario optara por irse, incluso cuando la información sea de gran importancia para el/ella.
Los buenos usos de la tipografía o fuente van más allá de como se ve bien en un diseño para web, aquí se involucran además de conceptos de diseño y buen gusto, conceptos de programación e imple.....
Leer el arículo completo
El diseño Real Web 2.0, las utilidades de diseño Web2.0 esenciales
Aunque hay algunos diseños importantes y relevantes que podemos asociar con "Web2.0", no son los estilos y efectos de superficie que podrían venir primero a la mente. Los elementos del diseño Web2.0 reales no son puramente gráficos.
Efectos como gradientes, colores sólidos, fuentes grandes, reflejos y etiquetas flash, que he descrito en 2 artículos previos (Estilo Actual en Diseño Gráfico para la Web y Guía de Estilo Web2.0) son productos a corto plazo para un giro cultural más fundamental.
Éste artículo apunta a explicar la diferencia, y demostrar los elementos valorables que todo diseñador debe aprender del diseño de paginas web moderno.
El sello del Diseño Web2.0 no es gráfico
El efecto de mesa brillante no representa el Web2.0 verdadero más que los alfileres de .....
Leer el arículo completo
Texto efectivo para el diseño web
Los beneficios del texto en el diseño web
A pesar de las limitaciones de no ser capaz de controlar el tipo y el tamaño de fuente, el texto 'común' tiene propiedades que lo hacen una herramienta muy poderosa.
No es ambiguo, es rápido de interpretar
El texto puede ser mucho más claro que las imágenes, porque es 'literal'. La palabra "Buscar" en un botón no es ambigua en absoluto, mientras que un ícono de maximizar o una flecha necesita más decodificación (no hay un símbolo universal que signifique 'Buscar').
Esto no es desde luego universalmente verdadero. Algunas veces una imagen o un ícono puede ser mucho más compacta y eficiente que el texto equivalente (y por lo tanto más rápida de interpretar). Otras veces, el objetivo puede ser un significado más 'borroso'.
Descarga y presenta más rápido
Reducir el tama.....
Leer el arículo completo
Legibilidad - haciendo a las páginas web fáciles de leer
No use demasiados tamaños de fuente
Los tamaños de fuente son un gran diferenciador. Funcionan como señales que dicen "Aquí hay algo importante" o "Aquí hay una nueva sección - La letra grande dice de qué se trata la sección, la pequeña debajo es el contenido". Al igual que cualquier otro medio para diferenciar elementos visualmente, se necesita que haya un nivel suficiente de diferencia visual en el tamaño del texto para que funcione.
Por esta razón, no se recomienda usar más de 3 diferentes tamaños de fuente principales para su contenido principal (p.ej. encabezado principal, subencabezado, cuerpo). Esto se aplica sólo al cuerpo de texto principal. Otros elementos de pantalla pueden usar tamaños alternativos (tales como superíndice/subíndice, et.....
Leer el arículo completo