El Diseño web y los detalles. Parte 02

Texto y fuentes
Al igual que con el color, elija una selección simple y cúmplala. Una o dos familias de tipo por proyecto generalmente son suficientes. Al invertir en tipos de letra de alta calidad, obtendrá una variedad de opciones con cada uno: negrita, clara, negra, cursiva, condensada, etc.
Asegúrese de que el texto sea legible en todos los tamaños (y no olvide el móvil). También es importante crear un sentido de jerarquía de tipos. Las palabras importantes, incluyendo cualquier tipo de visualización, encabezados o información importante, deberían ser las más grandes. En general, el tamaño de fuente más pequeño en su sitio es el texto del cuerpo. Todo lo demás debería ser más grande.

El Diseño web y los detalles. Parte 02

Iconos y elementos

Es raro que te encuentres con un sitio que no incluye un conjunto de íconos y elementos. Son tan comunes, de hecho, que es posible que ni siquiera los notes. Pero estos elementos son una parte integral de un gran plan de diseño.

Piense en todas las pequeñas cosas: formularios para registrarse en un sitio o boletín informativo, cuadros de tinte, barras de sonido o video, información de seguimiento de visitantes, anotaciones biorales del autor e incluso herramientas de navegación, son parte de un marco de iconos y elementos más grande.

Estas piezas deben tener un aspecto y una sensación consistentes. Y no tienen que crearse desde cero. Muchos diseñadores optan por comenzar con un kit de interfaz de usuario para estas piezas para ahorrar tiempo y obtener un sitio lanzado antes. La clave para usar un conjunto prefabricado es la personalización. Asegúrese de utilizar un kit que le permita cambiar los colores, las fuentes y las especificaciones básicas de los conjuntos de íconos y elementos para que el sitio se vea como el suyo y coincida con el contorno del diseño.

El diseño web y los detalles


El comienzo de un gran diseño web comienza como un boceto, pero lo que realmente le da sentido se reduce a los detalles.
   Son las pequeñas cosas que pueden llevar el diseño de un sitio de promedio a extraordinario y descuidar los detalles puede arruinar el concepto de un sitio. Piense en el color y el sombreado, el texto y los íconos y elementos al planificar su próximo proyecto. Considere cómo cada una de estas partes tendrá un impacto en el diseño general.

El diseño web y los detalles

Color y sombreado

El Color es importante para el esquema general. Desarrollar y apegarse a una paleta de colores definida.

Usar un conjunto de colores crea una sensación de consistencia y propósito de una página a otra en un sitio. Desarrolle una paleta con un puñado de colores y tintes y use solo estos tonos en todo el sitio. El color puede ser casi tan importante como un logotipo para ayudar a un usuario a saber dónde se encuentra; simplemente crea una sensación de estabilidad.

El esquema de color también puede establecer un estado de ánimo para el proyecto. Elija los colores cuidadosamente y en colaboración con el mensaje que el sitio intenta transmitir.

Una vez que se desarrolla un esquema de color, considere otros elementos de sombreado como sombras y degradados. Estos pueden ser algunos de los elementos más efectivos (y a menudo poco utilizados) en el kit de herramientas de un diseñador.

La clave para usar elementos de sombreado es que no se vean. Si lo primero que notas es una sombra o gradiente, probablemente se ejecute mal. Estas herramientas se utilizan para acentuar y deberían ayudar al diseño, no dominarlo.

Las sombras, por lo general, deben ser suaves y pálidas. Las sombras paralelas en el diseño deben reflejar el efecto de las sombras reales en la luz natural. Piense en la ubicación, profundidad y ángulo. ¿Se ve natural? ¿Es sutil o molesto? Mantenga las sombras consistentes en ubicación y ángulo.