Contenidos
Maquetación de páginas web
En diseño gráfico, la maquetación de páginas se refiere al proceso de colocar y organizar el texto, las imágenes y los gráficos en una página de software para producir documentos como boletines informativos, folletos y libros o para atraer lectores a un sitio web. El objetivo es producir páginas llamativas que capten la atención del lector. A menudo este proceso implica el uso de un conjunto de reglas de diseño y colores específicos -el estilo específico de una publicación o sitio web- para adherirse a una marca visual.
El diseño de la página tiene en cuenta todos los elementos de la misma: los márgenes de la página, los bloques de texto, la colocación de las imágenes y el arte y, a menudo, las plantillas para reforzar la identidad de una publicación o sitio web. Para modificar todos estos aspectos del diseño de una página se utilizan aplicaciones como Adobe InDesign y QuarkXpress para las publicaciones impresas. Para los sitios web, Adobe Dreamweaver y Muse proporcionan al diseñador las mismas capacidades.
Antes de la llegada del software de autoedición a mediados de los años 80, el diseño de las páginas solía realizarse encerando y pegando bloques de texto mecanografiado o maquetado e imágenes recortadas de libros de clipart en hojas de papel que luego se fotografiaban para hacer planchas de impresión.
Formato del sitio web
Diseño10 diseños de sitios web para tu próximo proyecto de diseño4 min readTony Ho Tran – Jun 12, 2019Enlace copiado al portapapelesSi elegir un diseño de sitio web fuera tan fácil como elegir uno y rodar con él. Tienes que ser intencional con tu decisión. Elige el diseño correcto y podrás ofrecer una buena experiencia al usuario. Si eliges el incorrecto, bueno…
Por eso queremos guiarte a través de 10 diseños de sitios web comunes que puedes usar para tu próximo diseño. Explicaremos cada uno de ellos y daremos ejemplos de la manera de hacer coincidir las necesidades del sitio web con los diseños apropiados.
El diseño de un sitio web es el marco de referencia para su construcción y diseño. Piensa en ella como en los planos de construcción del edificio de tu sitio web. Al igual que un plano determina el aspecto de un edificio -donde estarán las habitaciones, donde están las paredes, etc.- el diseño del sitio web le indica dónde estarán todos sus activos, desde las fotos hasta el texto y los logotipos.
Según un estudio realizado por Hubspot, el 76% de los consumidores afirman que la simplicidad y la facilidad de navegación son el factor más importante en el diseño de un sitio web. Eso significa elegir un diseño que sea capaz de tomar todos los activos que necesita y comunicarlos de una manera sencilla para el usuario.
Tipos de diseño de páginas web
ResumenHay una razón por la que hablamos de diseño web. Empiezas con una página en blanco, y puedes llevarla en muchas direcciones. Y si no tienes mucha experiencia, empezar con una página en blanco puede dar un poco de miedo. Tenemos más de 25 años de experiencia y le daremos algunas reglas generales para ayudarle a diseñar su sitio.
1) Información que complemente el contenido principal; 2) información compartida entre un subconjunto de páginas; 3) sistema de navegación alternativo. De hecho, todo lo que no sea absolutamente necesario para el contenido principal de la página.
Estos son sólo ejemplos y usted es muy libre de disponer las cosas como quiera. Puedes observar que, aunque el contenido puede moverse en la pantalla, siempre mantenemos la cabecera (1) en la parte superior y el pie de página (2) en la parte inferior. Además, el contenido principal (A) es el que más importa, así que dale la mayor parte del espacio.
Estas son las reglas generales en las que te puedes basar. Hay diseños complejos y excepciones, por supuesto. En otros artículos hablaremos de cómo diseñar sitios responsivos (sitios que cambian en función del tamaño de la pantalla) y sitios cuya disposición varía entre páginas. Por ahora, lo mejor es mantener un diseño consistente en todo el sitio.Aprendizaje activoAún no hay aprendizaje activo disponible. Considere la posibilidad de contribuir.ProfundizaciónEstudiemos algunos ejemplos más concretos tomados de sitios web conocidos.Maquetación a una columnaAplicación de la visión. Una típica maquetación a una columna que ofrece toda la información de forma lineal en una sola página.
Mejores prácticas de diseño web
La ley de Hicks afirma que cuantas más opciones ofrezca a los usuarios, más tiempo tardarán en decidirse por una opción. Aunque un mayor tiempo en el sitio puede ser bueno para el negocio, demasiadas opciones pueden frustrar a los visitantes, que es lo contrario de lo que se busca.
Esto no sólo significa dejar espacio en blanco entre las imágenes y los párrafos, que por supuesto es importante. También significa utilizar el espacio negativo para conducir a los visitantes en la dirección que usted espera, como su llamada a la acción.
Le recomendamos que investigue y pruebe las combinaciones de colores a las que su público podría responder más. Los colores adecuados pueden evocar ciertas emociones. Además, aspectos como la demografía pueden afectar a la forma en que sus visitantes perciben su sitio.
Para encontrar una combinación de colores que funcione, utilice la rueda de colores y busque colores complementarios (los que son opuestos en la rueda) o análogos (los que están uno al lado del otro en la rueda).
Como diseñador de páginas web, puede que prefieras dejar la redacción de la web en manos de un redactor real. Sin embargo, debe saber dónde debe colocarse el texto para obtener las máximas conversiones, aunque sea temporalmente lorem ipsum.