El poder de los detalles

Hoy en día casi toda empresa posee de una web propia, pero eso no te garantiza el éxito y para ello no hay otra que prestar atención en los detalles, por insignificantes que parezcan, ya que ellos son los que facilitarán tu éxito o fracaso.

Todos los diseños más exitosos comparten algunas características: suelen estar bien organizados, con un gran contenido y con todos los detalles de diseño en orden, desde la alineación y las negritas hasta el contraste y el color, ya que estos pueden hacer o deshacer tu sitio web. 

El cuidado de estos pequeños detalles te garantizará una apariencia limpia ya que un diseño desorganizado da la impresión de falta de profesionalismo, resultando incluso hasta chocante.

Alineación

Una de las primeras claves es la alineación vertical y horizontal: dejar los elementos en ubicaciones aleatorias no da la sensación de limpieza y organización coherente asociada a un diseño web profesional. La alineación apropiada ayuda a mantener la jerarquía y la consistencia en el diseño.

También es importante mantener la alineación vertical. Mantén un ancho coherente para todos los elementos y préstale especial atención a los espacios vacíos entre ellos. Los canalones (o espacio entre los elementos) debe ser el mismo entre todos los elementos.

Una de las maneras más rápidas y sencillas de mantener todos los elementos alineados correctamente, es trabajar tu diseño web con una cuadrícula, usándola para colocar y medir todos los elementos.  

Contraste
Algunos elementos siempre van a obtener más atención que otros a causa de una imagen o un color o el texto y planificar y utilizar eficazmente ese contraste te ayuda a determinar dónde irá la primera vista. Establece elementos contrastantes usando el color y los textos y determina hacia dónde quieres llamar la atención, para crear el mayor contraste en esa zona.

Una de las maneras más fáciles para crear contraste es a través del color. Una vez que se han establecido los colores de fondo y del texto, usa algo totalmente diferente para dar énfasis a ciertas partes del sitio. También puedes crear contraste y ayudarte con la jerarquía, utilizando tamaños de fuente grandes y pequeños o tipos de letra gruesa y fina.

Efectos de tipografía

Céntrate en una selección limitada de fuentes o familias de fuentes, ya que muchas tipografías pueden arruinar hasta el proyecto más detallado, mejor utiliza variantes dentro de una misma familia de fuentes para darle variedad. Como regla general, la mayoría de los diseños web se puede construir con sólo dos familias tipográficas y recuerda que una tipografía simple puede ayudar a restablecer el orden y es más fácil de leer.

Cuando estés planeando cómo utilizar cada tipo de fuente, considera el tamaño y el peso visual. Utiliza un tipo de fuente, con el mismo tamaño y color para las cabeceras; utiliza el mismo tipo de letra pero en otro tamaño o color para los subtítulos y utiliza un tercer color o negritas para darle fuerza a determinadas palabras dentro del texto general y toma nota de las referencias utilizadas, para que puedas establecer los diferentes atributos de fuente para todas las páginas de tu sitio y seas consistente con tu diseño.

Color

Determina tu paleta de colores y ten en cuenta cómo se mezcla el color. Toma nota de todos los valores de los colores utilizados en tu diseño web y para las variaciones, utiliza los diferentes tonos de cada color para dar énfasis y añadir efectos.

Coherencia

El detalle más importante de todos es la coherencia entre todos los elementos, manteniendo una apariencia homogénea. Los logotipos, encabezados y banners no deben verse dramáticamente diferentes entre las diferentes páginas de un mismo sitio; usa las mismas palabras en la navegación y los mismos colores o similares para todos los elementos comunes; respeta la lista de fuentes que has determinado y si has definido una cuadrícula, utilízala.

Dejar los detalles para después puede hacerle un gran daño a tu sitio web, así que aquí os dejo una lista de los aspectos importantes que debes tener en cuenta antes de finalizar tu diseño web:

▪      Objetos alineados verticalmente.

▪      Objetos alineados horizontalmente.

▪      Contraste de los elementos para dar énfasis.

▪      Tipos de fuente.

▪      Tamaños de fuente consistentes.

▪      Cantidad de colores.

▪      Adecuada mezcla de color.

▪      Elementos consistentes, como encabezados y pies de página.

Bien amig@s, espero que halláis encontrado de utilidad este post. Próximamente más.

Saludos y que la Tech os acompañe.