Revista Voir
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
Un nuevo trabajo para mi portfolio. En este caso el encargo era el diseño y la maquetación del número especial de una revista de óptica, coincidiendo con el 50 aniversario de su producto estrella. La revista tiene un tamaño DIN A4 y una retícula de 3 columnas con ámplios márgenes. En breve intentaré subir la retícula en InDesign como he hecho otras veces.
Folleto: Argumentario de ventas
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
Un folleto claro, de fácil uso. Pensado para que el cliente lo maneje con asiduidad como una herramienta de ventas. Es un cuadríptico de tamaño A5 cerrado. Los gráficos y las fotografías que acompañan al folleto han sido creados (o seleccionados) intentando seguir la misma lína de comunicación de este producto en otros medios. Espero que os guste:
Folleto Cuadrado
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
Despúes de una semana sin publicar nada hoy volvemos con una nuevo trabajo. En este caso es un folleto de tamaño 21×21. El cliente me pidió un folleto elegante para mostrar precios y descripciones de productos. Fotos potentes y grandes, un aspecto limpio con una retícula muy cuidada y una gama de colores amplia para darle el mayor juego posible al folleto.
Campaña de nuevo producto
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
Para un diseñador siempre agradable encontrarse con un proyecto grande. Muchas veces el interés de un proyecto viene determinado por la libertad que te den. Si un proyecto es pequeño y no te dan libertad, al final tienes la sensación de que el trabajo no es tuyo (vamos que no lo sientes como una obra tuya, aunque hayas empleado unas cuantas horas en él). Pero si el proyecto aunque no tenga mucha libertad es un proyecto más grande y con piezas variadas, siempre hay más espacio para introducir detalles propios o para experimentar.
Hoy os presento un proyecto de una envergadura “mediana”. La libertad era más bien escasa, pero al tener varias piezas siempre te puedes explayar algo más.
Catálogo General de Lentes Oftálmicas
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
Ahora que ya entramos en 2009, os presento la nueva entrega de un catálogo que hago cada año para una multinacional del sector de la óptica. Es un catálogo muy ámplio de precios y productos, con una gran cantidad de información técnica.
Un par de folletos
Posteado por Diego González Villarejo | En la categoría Diseño en General, Maquetación
El folleto es uno de los encargos más habituales del diseñador, y dependiendo del cliente puede ser uno de los más satisfactorios. En la elaboración de un folleto se aprecia bien el gusto tipográfico, fotográfico, del uso del color y en cuanto a composición que tiene un diseñador. A continuación os presento los dos últimos folletos que he creado. Por deseo expreso del cliente sus logos y nombres aparecen eliminados o difuminados, no es el resultado final lo que os presento pero es muy parecido:
Retícula de folleto 21×21
Posteado por Diego González Villarejo | En la categoría InDesign, Maquetación
Pues para empezar bien vamos a dejaros en exclusiva y gratis por completo una plantilla de maquetación para InDesign.
El tamaño de la página es de 21×21cm. Cuenta con unos márgenes idénticos a cada lado de 15mm y la página izquierda y derecha son iguales. Es una maqueta pensada para contenidos muy divididos, datos concisos y sin textos excesivamente largos. Originalmente la maqueta también estaba pensada para que la mitad de folleto tuviese una imagen grande en la página de la izquierda y el texto explicativo en la derecha. La paginación va cajeada en la parte superior, y seria muy interesante colocar el logo al lado de la páginación. La parte superior queda libre para introducir un títular o para centrar más la información en la zona inferior. A continuación os dejo un par de ejemplos de mi folleto con esta retícula: Continuar leyendo »
Maquetando textos digitales (II)
Posteado por Diego González Villarejo | En la categoría Maquetación, Tipografia
Retomamos la maquetación de textos digitales y así volvemos tras este largo descanso efectuado (casi dos semanas). Volvemos con la alineación y los colores.
La alineación
La mayor parte de las veces una decisión sobre como alinearemos un texto (a la izquierda, centrado, a la derecha o justificado) vendrá determinado por una decisión de diseño. Aunque esta decisión normalmente influye también en la facilidad de lectura y el lo agradable que se hace ese texto a la vista.
Cuando maquetamos textos largos elegiremos textos justificados o alineados a la izquierda. Los textos alineados a la izquierda presentan un aspecto irregular en la parte derecha, una sección irregular que puede resultar anti-estetica. El problema de los textos justificados es que el espacio entre palabras, o incluso entre letras, se ve forzado para adaptar la longitud de la línea a un ancho determinado.
Maquetando textos digitales. Nociones básicas (I)
Posteado por Diego González Villarejo | En la categoría Maquetación, Tipografia
¿Qué hace que una página sea agradable a la lectura o no? ¿Qué hace que nos cansemos tan rápido de una web?
Muchos factores influyen en la legibilidad de un sitio web. El principal sin lugar a dudas es la maquetación del texto. Este post no pretende ser una clase magistral de maquetación de textos, si no solo una pequeña guia para diseñadores que están comenzando o para cualquiera que vaya a maquetar un texto (un trabajo para clase, un informe en el trabajo, etc.) Os aseguro que un texto bien presentado son muchos puntos a vuestro favor.
Empezaremos con lo más basico. Tamaño de letra, interlineado, el espacio entre palabras, alineamiento y colores. Ilustraremos todo con ejemplos para una mejor comprensión.
Tamaños de letra
Cuando el tamaño es muy pequeño, se require un esfuerzo adicional por parte del lector. Leer textos en una pantalla es un ejercicio en muchas ocaciones poco agradable. A su vez debemos buscar un equilibrio entre títulos, subtitulos y texto general. (En maquetación web usaremos etiquetas como h1, h2, etc.)
Cuando el tamaño es muy pequeño, se require un esfuerzo adicional por parte del lector. Leer textos en una pantalla es un ejercicio en muchas ocaciones poco agradable. A su vez debemos buscar un equilibrio entre títulos, subtitulos y texto general. (En maquetación web usaremos etiquetas como h1, h2, etc.)
Cuando el tamaño es muy pequeño, se require un esfuerzo adicional por parte del lector. Leer textos en una pantalla es un ejercicio en muchas ocaciones poco agradable. A su vez debemos buscar un equilibrio entre títulos, subtitulos y texto general. (En maquetación web usaremos etiquetas como h1, h2, etc.)
El primer texto es en exceso pequeño como podemos ver claramente y requiere un esfuerzo por nuestra parte, no es agradable su lectura. En el último texto el tamaño es en exceso grande. La primera impresión es que estamos ante un título y la lectura es complicada porque dificulta la comprensión general del parrafo.
Interlineado
El interlineado es la espacio que separa dos lineas consecutivas. Veamos unos ejemplos:
Con un interlineado muy pequeño, los palos superiores e inferioes se montan, y la lectura se hace confusa y complicada. Si el interlineado es muy grande se pierde la forma de parrafo y al lector le cuesta mucho enlazar las lineas, además se complica la comprensión del parrafo.
Con un interlineado muy pequeño, los palos superiores e inferioes se montan, y la lectura se hace confusa y complicada. Si el interlineado es muy grande se pierde la forma de parrafo y al lector le cuesta mucho enlazar las lineas, además se complica la comprensión del parrafo.
Con un interlineado muy pequeño, los palos superiores e inferioes se montan, y la lectura se hace confusa y complicada. Si el interlineado es muy grande se pierde la forma de parrafo y al lector le cuesta mucho enlazar las lineas, además se complica la comprensión del parrafo.
Cuando maquetemos una web el parametro del alto de linea se controla con la etiqueta “line-height” y se suele medir en porcentajes, en el primer caso tenemos un line-height del 60% y el último un line-height del 200%. En el caso correcto hemos ultizado un line-height del 110%. En textos en la web es más comodo para el lector un interlineado un poco mayor que en los textos impresos.
Espacio entre palabras
En muchos de los programas de edición de textos (como “word”) el espacio entre palabras o “word-spacing” se determina automaticamente en función de la justificación del parrafo.
Si el espacio entre palabras es muy pequeño será muy dificil dinstinguir donde comienza y donde acaba cada palabra, esto implica una gran incomodidad para el lector, que muy posiblemente dejará de lector el texto en el acto. Si el espaciado es muy grande, aparecerán antiesticos huecos blancos y la comprensión del texto será muy complicada.
Si el espacio entre palabras es muy pequeño será muy dificil dinstinguir donde comienza y donde acaba cada palabra, esto implica una gran incomodidad para el lector, que muy posiblemente dejará de lector el texto en el acto. Si el espaciado es muy grande, aparecerán antiesticos huecos blancos y la comprensión del texto será muy complicada.
Si el espacio entre palabras es muy pequeño será muy dificil dinstinguir donde comienza y donde acaba cada palabra, esto implica una gran incomodidad para el lector, que muy posiblemente dejará de lector el texto en el acto. Si el espaciado es muy grande, aparecerán antiesticos huecos blancos y la comprensión del texto será muy complicada.
Este ejemplo es sumamente gráfico.
