La guía definitiva para hacer diseño web



En nuestros días, hallamos una miríada de plantillas, temas y otros diseños propuestos para adaptarse a los diferentes Content Management System del mercado, que le ofrecen un sitio web ergonómico y atractivo, mas que por otro lado no son muy diferenciadores. Ciertos consejos básicos para pensar en su sitio web.
Si su inventiva e inspiración solo esperan ser expresadas, no debe apresurarse a hacerlo. Cometer fallos en el diseño web afectará la forma en que alguien percibe su trabajo. Por tanto, debe aprender a evitarlos. Con ciertos consejos llave en mano, es fácil crear un sitio eficaz y ergonómico.


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

Si tuviéramos que esquematizar una página web de la manera más sencilla posible, primero tendríamos el encabezado, que normalmente 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 tres 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.



AVISO: PRUEBA A HACER DISEÑO RESPONSIVE ASÍ POR TU CUENTA Y RIESGO


Actualmente, su sitio no solo será visitado en un computador. Se calcula que el tráfico móvil es de alrededor del cincuenta por cien , y esta cifra aumenta de año en año e incluso va a explotar conforme con análisis recientes.

Por lo tanto, debe asegurarse de que el diseño de su lugar es "sensible", debe encajar de forma perfecta en el smartphone y la tableta. Conque debes meditar tanto en la versión para PC como en la versión para móvil. También tendrás que optimizar todo tu contenido (imágenes, textos, etcétera) a fin de que sea más fácilmente accesible en los teléfonos móviles.

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

También 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.

IMAGINA LO QUE TUS AMIG@S DIRÁN CUANDO TE VEAN ELEGIR EL COLOR APROPIADO


Los colores son fundamentales en sus creaciones. Cada uno de ellos de ellos representa una emoción particular e influye en la percepción del usuario. Por lo tanto, debe elegirlos cuidadosa y lógicamente.

Hay una teoría del color para enseñarle a elegir y ensamblar bien para que su mensaje se transmita de manera efectiva. Armonía en contraste, en contraste.... Las herramientas online le permiten evitar errores visuales.

Tenga cuidado de no multiplicar demasiado los colores que va a usar en su sitio web: aquí de nuevo, podemos usar un máximo de tres colores para diseñar un sitio web.

Su campo de actividad, sus objetivos, sus valores son puntos de partida para alimentar su reflexión en torno a su universo de color.


Normalmente, amoldarse a los códigos web actuales e inspirarse en los sitios "grandes": no es necesario meditar en revolucionar el diseño web, centrarse en la ergonomía funcional.

POR QUÉ TU ELEGIR IMÁGENES NO FUNCIONA


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. Asimismo recuerde optimarlos para la versión móvil a fin de que su lugar no tarde demasiado en cargarse.

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

Las imágenes que elijas deben servir para tu contenido: por norma general, ten cuidado con las imágenes genéricas del banco que no significan nada.

RAZONES POR LAS QUE ASOCIAR TIPOGRAFIAS ES MEJOR QUE TENER PAREJA
En primer lugar, debe elegir una combinación de tipografía que se adapte a su imagen. De nuevo, 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.

Un buen uso y asociación de la tipografía le va a dar el toque de originalidad que quiere, dejando su sitio legible y ergonómico....

Con lo que haga ciertas pruebas, utilizando herramientas en línea como el encasillado, que le permite 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.

Animar su sitio con moderación
¿Popovers en cada página? Los gifs animados abundan? ¿Mucho SVG? Animaciones Javascript en todos y cada bloque? En el diseño web, es no!

Puede insertar algunos elementos en movimiento para hacer su lugar más activo, pero la regla de oro es la moderación: no exagere. Ídem, evitar gadgets, contadores, iframes, widgets.

Un lugar demasiado animado puede ser confuso... de nuevo, piense en la utilidad de cada animación, y de qué manera sirve o no a su mensaje y contenido.

Para finalizar, mas no por ello menos importante:
¡Mantenlo simple, estúpido!

Este es un enfoque de diseño que aconseja que el sistema sea lo más sencillo posible. Este principio Diseño web Cáceres es ampliamente aplicable en el diseño web y debería guiarle a diario en el diseño, integración y animación de su sitio.

No complicar las cosas, hacer la navegación simple, no sobrecargar, preferir cosas que sean intuitivamente claras. Sus visitantes se lo devolverán 100 veces.

Leave a Reply

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