LIBRO GRATUITO REVELA 12 SECRETOS PARA ESTRUCTURAR EL CONTENIDO
Las páginas de un sitio han de ser legibles para el visitante. Por lo tanto, no debe sobrecargarlos.
Si tuviésemos 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 bien 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.
GUÃA PASO A PASO PARA PRIORIZAR LA INFORMACIÓN
La creación de un sitio es también una ocasión para expresar su creatividad. Sin embargo, aún debe respetar ciertos códigos predefinidos, singularmente en términos de diseño de UX o experiencia de usuario.
Cada elemento ha de ser priorizado en un orden lógico, un elemento clicable debe ser identificado velozmente, sus formularios y otros "llamados a la acción" deben ser meridianamente 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 dÃa, su sitio no solo va a ser visitado en un ordenador. Se estima que el tráfico móvil es de alrededor del cincuenta por ciento , y esta cifra 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 sitio es "sensible", debe encajar a la perfección en el móvil leer más inteligente y la tableta. Asà que tienes que pensar tanto en la versión para computador como en la versión para móvil. Asimismo tendrás que optimizar todo tu contenido (imágenes, textos, etc.) a fin de que sea más sencillamente alcanzable en los teléfonos móviles.
Afortunadamente, la mayorÃa de las plantillas CMS (Worpress, joomla o bien Drupal Trademark) están libres como plantillas básicas en una versión con capacidad de respuesta. Si decide crear su propia plantilla, tendrá que meditar en ello.
Asimismo es posible diseñar su diseño web conforme el principio "mobile first", que consiste en pensar en la navegación móvil antes que en otros tipos de pantallas.
¿QUIERES APRENDER ELEGIR IMÃGENES? EMPIEZA AQUÃ
Para darle a su lugar un aspecto más profesional, tenga cuidado con las imágenes que va a introducir. Sus imágenes deben tener una resolución adecuada. También recuerde optimizarlos para la versión móvil para que su sitio no tarde demasiado en cargarse.
Piensa en el universo 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 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 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 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 tipos de fallos diferentes.
typecast - diseño web: ocho principios básicos del diseño web
Typecast le permite probar rápidamente la asociación de diferentes fuentes en la pantalla.