15 herramientas que deberías estar usando con hacer diseño web





LO QUE VIENE TRAS ESTRUCTURAR EL CONTENIDO


Las páginas de un lugar han de ser legibles para el visitante. Por lo 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 generalmente incluye el logo, el menú de navegación y un título de página, luego 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, entonces 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 clicks es una de las reglas que pueden inspirarse en términos de ergonomía esencial en la creación de un sitio. Como principios básicos como la legibilidad del texto o el contraste.

PRIORIZAR LA INFORMACIÓN: PREGUNTAS QUE DEBES HACERTE ANTES DE EMPEZAR


La creación de un sitio es también 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 ha de 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 perceptibles.

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


Hoy día, su sitio no solo será visitado en un ordenador. Se estima que el tráfico móvil es de alrededor del cincuenta por ciento , y esta cantidad aumenta de año en año e incluso explotará conforme con análisis recientes.

Por 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 pensar tanto en la versión para computador como en la versión para móvil. Asimismo deberás optimizar todo tu contenido (imágenes, textos, etc.) para que sea más de forma fácil accesible en los teléfonos móviles.

Por fortuna, la mayor parte 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 contestación. 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 meditar en la navegación móvil ya antes que en otros tipos de pantallas.

CONSIGUE ELEGIR EL COLOR APROPIADO DEL QUE ESTAR ORGULLOSO


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. En consecuencia, debe escogerlos cautelosa 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, adaptarse a los códigos web actuales e inspirarse en los sitios "grandes": no es preciso pensar en revolucionar el diseño web, centrarse en la ergonomía funcional.

12 USOS INCREÍBLES DE ELEGIR IMÁGENES


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 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 escojas deben servir para tu contenido: por norma general, ten cuidado con las imágenes genéricas del banco que no significan nada.

LOS 15 MEJORES BLOGS SOBRE ASOCIAR TIPOGRAFIAS
Primeramente, debe seleccionar 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 comenzar a crear su sitio, limítese a tres 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 uso y asociación de la tipografía le dará el toque de originalidad que quiere, dejando su lugar legible y ergonómico....

Así que haga algunas pruebas, usando herramientas on-line como el encasillado, que le permite probar la asociación de dos géneros de fallos diferentes.

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

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

Puede introducir ciertos elementos en movimiento para hacer su sitio más dinámico, mas la regla de oro DISEÑO WEB CÁCERES es la moderación: no exagere. Ídem, eludir gadgets, contadores, iframes, widgets.

Un sitio demasiado animado puede ser confuso... una vez más, piense en la utilidad de cada animación, y de qué forma sirve o bien no a su mensaje y contenido.

Finalmente, 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 fácil posible. Este principio es ampliamente aplicable en el diseño web y debería guiarle diariamente 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 de manera intuitiva claras. Sus visitantes se lo devolverán cien veces.

Leave a Reply

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