La maquetación o también llamada diagramación de una página web es quizás la parte más importante del proceso de diseño de una página web, esta etapa del diseño es realizado por los diseñadores a cargo del proyecto y suele ser crucial para el éxito del proyecto.
En esta etapa se organiza todos los elementos de la futura página web, se estructura de manera gráfica los contenidos escritos, imágenes, video, títulos, enlaces, menús, botones, formularios, y todo aquel elemento que haya sido considerado en la lista de requerimientos del proyecto.
Estrictamente el proceso de maquetar, sólo se refiere al acto de estructurar la página web, distribuir y organizar los elementos y los espacios de la página. Sin embargo, este proceso se mejora cuando la maquetación se convierte en una pre-visualización del sitio web, es decir, además de estructurar y organizar los elementos, también se elige una paleta de colores, y se diseña ya sea en papel o en algún editor gráfico la visión final del sitio web.
El logotipo se define como un símbolo formado por imágenes o letras que sirve para identificar una empresa, marca, institución o sociedad y las cosas que tienen relación con ellas.
Lo más importante de un logotipo es que sea:
- LEGIBLE independientemente del tamaño al que lo usemos.
- RESPONSIVE, que podamos adaptarlo a diferentes escalas y formatos sin perder su esencia (imprescindible con la importancia que han tomado las redes sociales y las webs adaptativas).
- REPRODUCIBLE en cualquier material.
- Que genere IMPACTO VISUAL, de manera que nos llame la atención a simple vista y sea fácilmente recordado.
- ATEMPORAL Y ÚNICO, diferenciándose dentro de la competencia y con un diseño perdurable en el tiempo.
IMAGOTIPO :: Es la suma de un logotipo y un icono.
ISOTIPO :: Es una marca representada únicamente por un icono, ya que es tan conocida que no necesita de más.
ISOLOGO :: Es la fusión de icono y texto, que no podrán funcionar por separado.
IMAGEN CORPORATIVA :: Es la manera en que los clientes y usuarios perciben la marca. Por ejemplo Tiffanis=lujo.
IDENTIDAD CORPORATIVA :: Es la representación física de la imagen de marca (papelería, rotulación, publicidad exterior…).
MARCA o BRANDING :: Es el conjunto total de todo lo que se vincula, directa o indirectamente, al símbolo, influyendo en el valor de la propia marca. Se compone de naming, identidad corporativa, posicionamiento, lealtad de marca y arquitectura de marca.
- ¿Qué es la psicología de los colores?
La psicología del color estudia el efecto de los dolores sobre la conducta humana y en ámbitos como el diseño, la moda, la publicidad o la arquitectura su estudio se tiene muy en cuenta.
El color es fundamental en el aspecto de un producto así como en el reconocimiento de las marcas, por esto el uso de la teoría del color es esencial en el ámbito del marketing y la publicidad. De hecho existen estudios que indican que la valoración inicial de un producto se da en los primeros 90 segundos de interacción con el consumidor y entre el 62% y el 90% de esa valoración se basa en el aspecto del objeto. En el caso del logo de la marca, su color se define la personalidad de esta, y en ultima instancia , la personalidad de la marca incide sobre la intención de la compra.

Las tipografías son los diferentes estilos o tipos de letras que podemos elegir al hacer un diseño o escribir un texto y, así por ejemplo quien esté acostumbrado a utilizar por ejemplo el editor de texto Microsoft Word les sonará alguna de ellas como la Arial, Comic Sans, Helvética, Times New Roman o Impact entre otras.
Al igual que ocurre con los colores o con las fotografías, las tipografías también transmiten emociones y sensaciones ejerciendo, por tanto, una influencia en el mensaje qué queremos transmitir y así, por ejemplo, si queremos enviar un mensaje tradicional la tipografía utilizada será diferente a sí nuestro mensaje es más innovador.
Atendiendo a la relación que se hace entre mensaje transmitido y tipografía utilizada, las fuentes tipográficas se agrupan en: Serif, Sans Serif, Script y Decorativas.
Serif o Con remate:
Se trata de las tipografías con remates o terminales, esos pequeños adornos ubicados en los extremos de las líneas. Las tipografías Book Antigua, Courier, Garamond, Times New Roman o Garamond son ejemplos de estilos de letra con remates.
Este tipo de letras suele ser percibida como seria, tradicional, respetable o institucional.
Suele utilizarse para textos largos ya que, la línea imaginaria que crean bajo el texto y que ayuda a guiar al ojo hace que la lectura sea más cómoda que en las tipografías sin remate.
Sans Serif o Palo Seco:
Además de no poseer remates o serifas apenas presentan contraste entre sus trazos. Se asocian a la tipografía comercial ya que ofrecen muy buenos resultados en las impresiones de poco texto como en las de tipo cartelo titulares. Algunas de las tipografías más usuales de este tipo son Arial, Bauhaus, Tahoma, Verdana o Helvética.
Según la psicología de la tipografía, las tipografías Sans serif transmiten modernidad, seguridad, alegría, neutralidad o minimalismo.
Aunque están especialmente indicadas para los titulares, ya que la falta de remates dificultan la guía de la lectura en textos largos, la utilización de este tipo de letras es la indicada para visualizaciones en pantalla ya que quedan perfectamente legibles en tamaños pequeños puesto que la pixelación que se produce hace que estas se vean mucho más limpias que las tipografías con remates. Es decir, en las pantallas es mucho más recomendable utilizar bloques de texto con tipos de letra sin remates.
Script (manuscritas):
Son fuentes que imitan la escritura de caligrafía o manuscritos. El primer carácter de imprenta que se utilizó en Europa fue de este tipo, la fuente Gótica, imitando la escritura de los monjes escribanos. Otros ejemplos además de la Gótica son la Brush, Vivaldi o Edwardian Script.
Estas fuentes transmiten elegancia, afecto y creatividad.
Rounded o redondeadas:
Son tipo de letras cercanas debido a sus formas suaves. Ideales para proyectos desenfadados pero profesionales y cercanos a su público, como proyectos vinculados al mundo infantil.
Teoría del diseño minimalista
El diseño minimalista es el diseño en su forma más básica, es la eliminación de elementos pesados para la vista. Su propósito es hacer que sobresalga el contenido. Desde el punto de vista visual, el diseño minimalista está destinado a ser calmado y llevar la mente del observador a lo básico de la pieza. Por lo tanto, los diseños minimalistas ofrecen contenidos visuales concretos abordados de la simplicidad -no simpleza- de los recursos gráficos que se deben emplear para lograr desarrollos consecuentes, sin distracciones. Diseño Minimalista es mostrar sólo lo importante o lo realmente funcional.
Las obras del Minimalismo buscan la sencillez y la reducción para eliminar toda alusión simbólica y centrar la mirada en cuestiones puramente formales: el color, la escala, el volumen o el espacio circundante. El diseño gráfico minimalista sigue las características propias del estilo: la abstracción, la economía de lenguaje, purismo estructural y funcional, orden, reducción, síntesis, sencillez y concentración.La reducción de las formas a lo elemental, así como la predilección por emocionar a través de la mínima expresión es una de las bases de los diseñadores de este movimiento.
Microsoft Publisher:
Es un programa de empresa, que está destinado a diseñar y para crear calendarios, folletos, diplomas, boletines, curriculums, rótulos, hojas, membretes, anuncios en general y además se utiliza para la maquetación. Es muy sencillo de usar para cualquier persona.
Su función está enfocada a la creación y edición de contenidos publicitarios, se puede partir desde cero, es decir, utilizando una hoja en blanco.
Entre sus ventajas se encuentran:
Es un material profesional del sector de marketing y ventas que ayudan a las empresas pequeñas a promocionarse y mantener contactos con los clientes y así poder conseguir clientes nuevos, incluso crear una identidad corporativa sólida de manera empresarial y profesional. Pero sí usted quiere que se lo haga otra persona, le puede salir caro ya que lleva su determinado tiempo.
Cómo hemos dicho anteriormente, Publisher es fácil de utilizar ya que ayuda a muchas personas de diferente rango (empresarios, trabajadores..) a crear y publicar cualquier tipo de material en el sector de marketing y ventas, para así llegar a la impresión comercial.
Con sólo saber utilizar Word, PowerPoint o cualquier otro programa de Microsoft Office, se puede empezar inmediatamente a utilizar Publisher y adecuarla a cada tarea.
Ahorras tiempo.
A partir de una base de datos podrás crear publicaciones personalizadas.
Y sus desventajas:
Tiene poca compatibilidad con otros programas que existen.
No es un programa profesional y de hecho no se puede comparar con el Photoshop o cualquier persona que utilice programas de diseño gráfico.
Ocupa bastante espacio para ser un programa tan sencillo.
Adobe Indesign:
Hoy en día se conoce a esta aplicación por ser número uno mundialmente en la creación para diseños editoriales. Con este programa puedes realizar trabajos bien sencillos, como por ejemplo, un flyer a color o a blanco y negro introduciendo texto o imágenes, o incluso llegar a hacer proyectos más complejos, cómo, revistas, libros o periódicos entre ellas existen muchas más publicaciones.
Con adobe Indesign podrás maquetar una revista que quieras imprimir o simplemente crearlo en PDF. En Indesign su acceso es sencillo proporcionando plantillas totalmente gratuitas.
Te hará la vida mucha más fácil, ya que Indesign proporciona diversidad de funcionalidades para poder llevar a cabo cualquier tipo de proyecto que quieras realizar.
Sus ventajas:
Proporciona un trabajo simultáneo.
Se considera multiplataforma.
Es muy sencillo.
A los diseños les puedes poner marca o sello personal.
Las desventajas son:
Tiene muy poca flexibilidad a la hora de modificar diseños.
Tiene una curva de aprendizaje lenta
Scribus (Opensource)
Scribus se conoce por ser un programa de software libre, utilizándose para la maquetación de páginas. Y está disponible en 24 idiomas.
Además está disponible para los siguientes sistemas operativos, (GNU/Linux, Unix, Mac OS X y Windows).
Ofrece total capacidad para diseñar y es muy parecida a otros programas, (Adobe InDesign, QuarkXPress). Tambieén soporta cualquier formato gráfico en .SVG. El uso de las fuentes y de las imágenes y la utilización del color en CMYK.
Sus ventajas:
Es totalmente libre y gratuito.
Lo puedes utilizar para fines comerciales.
Puedes guardar el proyecto en formato de PDF.
Lo puedes modificar ya que es de código abierto.
Las desventajas:
Interfaz burda
MAGIX Web Designer:
Es un increíble editor visual de páginas web, es un programa muy funcional. Lo único malo que para entrar debes registrarte mediante una dirección de correo electrónico que sea válida.
Las ventajas de MAGIX Web Designer, es que al componer la página la haces de manera intuitiva, además podrás mover, trasladar, girar e editar cualquier cosa. A la hora de realizar tu proyecto, trabajarás con capas que las puedes ordenar según la profundidad y manejarás transparencias.
Podrás exportar tu proyecto en formatos: .JPEG, .PNG, .PSD, .PDF, HTM..etc. Y exportarlos con los formatos: .HTML, .JPEG, .PNG, .GIF.. etc
iWork:
Este programa combina la funcionalidad de un procesador de textos con los elementos gráficos de los programas de diseño para crear una gran opción para los usuarios que tengan dispositivos Mac. iWork incluye plantillas para tarjetas, cartas, programas y currículums, que puedes personalizar para que se ajusten a las necesidades del proyecto que vayas a realizar. Incluye un editor de fotos e imágenes, por lo que puedes importar fácilmente tus fotos y alinearlas con el texto. Incluso iWork es a la vez un procesador de textos y un programa de diseño gráfico, obtendrás lo mejor de ambos mundos como diseñador.
Puedes agregar cosas como bordes, sombras o reflejos a las sombras mientras ajustas el formato y las fuentes o añadiendo cuadros de texto. Este programa es un software de maquetación y autoedición ideal para las personas que utilicen Mac.
También hay varias opciones en el programa que podrás compartir e imprimir. iWork te facilita subir tus documentos y compartirlos a través de iCloud, correo electrónico o PDF.
Es muy fácil ajustar la escala de grises antes de imprimir tu proyecto. Este programa desarrollado por Apple, es ideal para usuarios que utilicen Mac.
Quarkxpress:
QuarkXPress está disponible tanto para Mac como para Windows , posee un amplio soporte que le será fácil manejarse a través del programa. Proporciona un canal de YouTube , en el que te guiará en seguir los pasos y aprenderás sobre cómo utilizar el programa. Esta función hace que puedas aprender a utilizar QuarkXPress de forma sencillo y fácil. Incluso QuarkXPress también dispone de un foro, que se basa en dar conocimientos a sus usuarios para que puedan consultar en cualquier momento. Además, puedes hablar directamente por teléfono o chat en vivo con un representante de servicio al cliente para comentar cualquier pregunta o problema.
PagePlus:
PagePlus es un software bastante eficaz de diseño de páginas para PC(Windows). Cuenta con una función de asistente en el inicio del programa por lo que le ayudará a aprende a utilizar este programa. Además, PagePlus es ideal tanto para principiantes como para profesionales que no hayan utilizado este programa anteriormente.
Este programa funciona arrastrando y soltando, posee muchas herramientas para hacer gráficos en 3D, ajustar las fotos y cambiar el texto. También tiene herramientas para ayudarle a trabajar de forma efectiva con un espacio de trabajo de forma ordenada. El menú de diseño es tradicional, en cada menú se abre y se cierra al pulsar y hacer clic y pasar de un menú a otro.
PagePlus también podrás personalizar completamente tu documento sin tener que utilizar con formas de diseños complejos. La pestaña de esquema, le permite cambiar el esquema de color de un documento con sólo pulsar y hacer clics.
- https://www.divulgaciondinamica.es/blog/que-es-una-tipografia-cuando-y-como-debemos-usarla/
- http://www.webnova.com.ar/teoria-del-diseno-minimalista/
- https://www.imprimirmirevista.es/blog/los-mejores-programas-de-maquetacion/