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ésemos que esquematizar una página de la forma 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, entonces el cuerpo de la página, posiblemente estructurado en una, 2 o tres columnas, y finalmente 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 finalmente 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 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.
CÓMO PRIORIZAR LA INFORMACIÓN DESDE AHORA
La creación de un sitio es también una ocasión para expresar su creatividad. No obstante, aún 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 elemento clicable ha de ser identificado rápidamente, sus formularios y otros "llamados a la acción" han de ser claramente perceptibles.
También es esencial no desatender los espacios en blanco. Permitirán ventilar el lugar y hacerlo más agradable de leer para el visitante.
Hoy en dÃa, 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 cantidad aumenta de año en año e incluso explotará conforme con análisis recientes.
Por ende, debe cerciorarse de que el diseño de su sitio es "sensible", debe encajar a la perfección en el móvil inteligente y la tableta. Con lo que tienes que 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.) a fin de que sea más de forma fácil 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 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 géneros de pantallas.
CÓMO ELEGIR EL COLOR APROPIADO INSTANTÃNEAMENTE, CON POCO O NINGÚN ESFUERZO
Los colores son muy importantes en todas sus creaciones. Cada uno de ellos representa una emoción particular y también influye en la percepción del usuario. Por tanto, debe elegirlos cuidadosa y como es lógico.
Hay una teorÃa del color para enseñarle a seleccionar y acoplar bien a fin de que su mensaje se transmita de forma efectiva. ArmonÃa en contraste, en contraste.... Las herramientas en lÃnea le permiten evitar fallos visuales.
Tenga cuidado de no multiplicar demasiado los colores que va a emplear en su lugar web: acá de nuevo, podemos utilizar 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 nutrir su reflexión en torno a su cosmos de color.
Por lo general, amoldarse a los códigos web actuales y también inspirarse en los sitios "grandes": no hay necesidad de pensar en revolucionar el diseño web, centrarse en la ergonomÃa funcional.
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 optimizarlos para la versión móvil para 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, elige cuidadosamente sitios de bancos de imágenes de calidad.
Las imágenes que elijas deben servir para tu contenido: en 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
Primeramente, debe seleccionar una combinación de tipografÃa que se adapte a su imagen. De nuevo, tenga cuidado de no usar ninguna de ellas. Evite multiplicar las fuentes demasiado originales.
Ya antes de comenzar a crear su lugar, limÃtese a tres fuentes diferentes que pueda asociar bien. Cada polÃtica debe 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....
Asà que haga ciertas 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: ocho principios básicos del diseño web
Typecast DISEÑO WEB CACERES 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 introducir ciertos elementos en movimiento para hacer su sitio más dinámico, mas la regla de oro 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, pero no por ello menos importante:
¡Mantenlo simple, tonto!
Este es un enfoque de diseño que aconseja que el sistema sea lo más sencillo posible. Este principio 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.