5 verdades sobre hacer diseño web que cambiarán tu vida





¿ESTÁS LIST@ PARA ESTRUCTURAR EL CONTENIDO?


Las páginas de un sitio han de ser legibles para el visitante. Por ende, no debe sobrecargarlos.

Si tuviéramos que esquematizar una web de la forma más sencilla posible, primero tendríamos el encabezado, que por norma general incluye el logotipo, el menú de navegación y un título de página, entonces el cuerpo de la página, posiblemente estructurado en una, 2 o 3 columnas, y por último el pie de página, que incluye elementos de dirección, navegación o identificación.

Entonces viene la definición de su estructura de árbol, luego sus plantillas de página, y por último para cada tipo de página, la zonificación de los diferentes elementos. La regla de los 3 clics es una de las reglas que pueden inspirarse en concepto de ergonomía fundamental en la creación de un lugar. Así como principios básicos como la legibilidad del texto o bien el contraste.

LA ÚNICA GUÍA PARA PRIORIZAR LA INFORMACIÓN QUE VAS A NECESITAR


La creación de un sitio web es asimismo una ocasión para expresar su creatividad. No obstante, todavía debe respetar algunos códigos predefinidos, singularmente en términos de diseño de UX o bien experiencia de usuario.

Cada elemento debe ser priorizado en un orden lógico, un factor clicable ha de ser identificado de manera rápida, sus formularios y otros "llamados a la acción" han de ser claramente visibles.

Asimismo es importante no desatender los espacios en blanco. Dejarán ventilar el sitio y hacerlo más agradable de leer para el visitante.


En nuestros días, su sitio web no sólo va a ser visitado en un PC. Se estima que el tráfico móvil es de alrededor del 50 por ciento , y esta cifra aumenta de año en año e inclusive va a explotar de acuerdo con análisis recientes.

En consecuencia, debe cerciorarse de que el diseño de su sitio es "sensible", debe encajar con perfección en el móvil y la tableta. Con lo que debes meditar tanto en la versión para ordenador como en la versión para móvil. También deberás optimar todo tu contenido (imágenes, textos, etc.) para que leer más sea más sencillamente alcanzable en los teléfonos móviles.

Afortunadamente, la mayoría de las plantillas Content Management System (Worpress, joomla o bien Drupal Trademark) están disponibles como plantillas básicas en una versión con capacidad de respuesta. Si decide crear su propia plantilla, deberá meditar en ello.

Asimismo es posible diseñar su diseño web según el principio "mobile first", que consiste en pensar en la navegación móvil ya antes que en otros géneros de pantallas.




Para darle a su sitio un aspecto más profesional, tenga cuidado con las imágenes que va a insertar. Sus imágenes deben tener una resolución correcta. También recuerde optimarlos para la versión móvil a fin de que su lugar no tarde demasiado en cargarse.

Piensa en el cosmos visual de referencia con relación a tu actividad, favorece las imágenes originales que puedes crear si estás pertrechado, piensa en un amigo fotógrafo o bien invierte un tanto.... En su defecto, escoge esmeradamente sitios de bancos de imágenes de calidad.

Las imágenes que escojas deben valer para tu contenido: normalmente, ten cuidado con las imágenes genéricas del banco que no significan nada.

ELEGIR TIPOGRAFÍA: ¡DEJA DE PERDER EL TIEMPO!
En primer lugar, debe elegir una combinación de tipografía que se adapte a su imagen. Nuevamente, tenga cuidado de no emplear ninguna de ellas. Evite multiplicar las fuentes demasiado originales.

Ya antes de empezar a crear su sitio, limítese a 3 fuentes diferentes que pueda asociar bien. Cada política ha de ser el resultado de una elección informada: serif, sans-serif, tamaño, etcétera

Un buen empleo y asociación de la tipografía le va a dar el toque de originalidad que desea, dejando su lugar inteligible y ergonómico....

Con lo que haga algunas pruebas, utilizando herramientas en línea como el encasillado, que le deja probar la asociación de 2 géneros de errores diferentes.

typecast - diseño web: 8 principios básicos del diseño web
Typecast le deja probar de forma rápida la asociación de diferentes fuentes en la pantalla.

Leave a Reply

Your email address will not be published. Required fields are marked *