Publicado por

CREA, versión digital

CREA, versión digital
Publicado por

CREA, versión digital

Con la versión digital, cambia también el formato. La marca CREA, una revista sobre iluminación profesional enfocada en el papel de la…
Con la versión digital, cambia también el formato. La marca CREA, una revista sobre iluminación profesional enfocada en el…

Con la versión digital, cambia también el formato. La marca CREA, una revista sobre iluminación profesional enfocada en el papel de la mujer y el colectivo LGTBIQ+ en la industria, no sólo busca adaptar la versión impresa; también se intenta captar a nuevos usuarios a través de una maquetación más rítmica, con mejor navegabilidad y definitivamente pensada para los ciudadanos digitales.

Se han hecho múltiples cambios, empezando por la retícula que ahora cuenta con más columnas (6) y menos filas (4). La elección del formato ha estado totalmente orientada hacia el iPad AIR (1640 x 2360) ya que gracias a su ligereza este es uno de los dispositivos más populares en la lectura de revistas. También ha cambiado el concepto compositivo, otorgando mucho más espacio al blanco y añadiendo dinamismo con las imágenes y las columnas de texto, que ahora viajan de izquierda a derecha sin perder legibilidad. Todo se ha optimizado para la lectura en formato scroll, como se puede ver en el cambio del índice a lectura vertical. Los hipervínculos están presentes en toda la revista, tanto en cuerpo de texto (destacado con color corporativo y mayor peso en la letra) como a través de botones y enlaces a las secciones de página. Todo ello, junto a la inclusión de vídeo y galería de imágenes, expande la experiencia del usuario y enriquece la imagen corporativa sin perder coherencia ni diluir a la marca.

Todas las imágenes se han optimizado a RGB y 72ppp, y se han trabajado mucho los reencuadres ya que algunas de las imágenes se ajustan ahora a doble columna. La presencia de más filetes resulta vital para conectar los diferentes módulos y que no se genere confusión en la lectura; también se ha modificado el formato de la cabecera aumentando el tamaño de la tipografía. Los titulares han ganado peso y juegan mucho más como elemento de diseño.

Todo el diseño es modular y por tanto la retícula resulta perfecta para la adaptación a una web responsive.

Debate0en CREA, versión digital

No hay comentarios.

Publicado por

¡Saltamos a la pantalla!

Publicado por

¡Saltamos a la pantalla!

PAC 5  :   Proyecto Crea                 Para realizar el diseño de una publicación digital responsive…
PAC 5  :   Proyecto Crea                 Para realizar el diseño de una…

PAC 5  :   Proyecto Crea

 

 

 

 

 

 

 

 

Para realizar el diseño de una publicación digital responsive se ha utilizado una reticula de 12 x 12 con unos márgenes de 80px. El formato escogido ha sido un ipad  pro(2.224x1668px) para contrastar la adaptación del diseño a otros dispositivos se ha utilizado un iphone X con una retícula de 4 columnas.  En la contrastación se observa la versatilidad del diseño, de forma muy sencilla y sin apenas cambios.

Se cambia la imagen de portada, ya que la imagen de la portada impresa no tiene sentido sin una contraportada. La imágen escogida sigue representando el tema principal de la revista y además busca el impacto del encuadre del ojo con el título.

Se añaden elementos interactivos como una flecha para pasar de página y animaciones donde se refuerza la marca a través de una aparición por la izquierda y el número y la fecha que aparecen por la derecha.

La jerarquía se refuerza en el tamaño de la tipografía y el color, que en los titulares se distingue a través del violeta. Este color es uno de los escogidos dentro de la identidad visual, que en el caso del paso a RGB se aclara, pero no pierde la esencia de la marca. El blanco y el negro son los otros dos tonos predominantes y se utiliza el amarillo y el gris como acentos de color, que no difieren de sus colores en cuatricromía.

Se cambian las tipografías, buscando una mejor legibilidad y el mismo contraste de seriff y sans seriff, escogiendo Georgia para los titulares y open sans para los textos.

El menu de contenidos es visual  e invita a la interactuación del usuario siendo las imagenes los botones de redirección a los artículos, además de un acceso a la playlist para que los usuarios escuchen una seleción de música de la temática de la revista.

La navegación de las páginas es a través de las flechas de adelante y atras.

En los artículos se introduce un botón accionable para volver a la pantalla de inicio, para no tener que volver hacia atras por todas las páginas.

La composición busca la sencillez y la claridad, para no ser recargadas, se busca el equilibrio del espacio compensando los pesos.

Los subtitulos o entradillas entran con animación al acceder a la página.

También se han añadido videos para que la experiencia digital sea más completa para el usuario.

Se adjunta la composición con las retículas:

Espero que el proyecto editorial digital de Crea les haya gustado.

Un Saludo.

Atte. Gemma Farell

 

Debate0en ¡Saltamos a la pantalla!

No hay comentarios.

Publicado por

CREA: Páginas interiores

Publicado por

CREA: Páginas interiores

Hola clase, en esta práctica he trabajado un poco más la maquetación, intentando llevarla a un tono más sutil y elegante. Todos…
Hola clase, en esta práctica he trabajado un poco más la maquetación, intentando llevarla a un tono más sutil…

Hola clase,

en esta práctica he trabajado un poco más la maquetación, intentando llevarla a un tono más sutil y elegante. Todos los elementos se adecúan más a la retícula y sobre todo se deja un mayor aire y espacio, para así apoyar la idea de una mayor «claridad» para una revista que fundamentalmente aborda el papel de la mujer en el mundo de la luz.

He reducido el peso de los destacados al eliminar los contornos, y aunque las cabeceras de sección y pies de página han ganado en tamaño y peso, he eliminado los elementos gráficos de color sólido que trabajaban en negativo sobre los textos para reducir así su impacto y aumentar la legibilidad.

También se puede observar un peso mucho mayor de las imágenes, con la intención de que estas creen el ritmo visual y establezcan un tono más dinámico.

Espero que os guste el resultado.

Debate0en CREA: Páginas interiores

No hay comentarios.

Publicado por

4.¡Vamos al interior de la publicación!

Publicado por

4.¡Vamos al interior de la publicación!

  A continuación vemos como se ha realizado la composición y maquetación de la revista crea en su  interior. El hilo conductor…
  A continuación vemos como se ha realizado la composición y maquetación de la revista crea en su  interior.…

 

A continuación vemos como se ha realizado la composición y maquetación de la revista crea en su  interior.

El hilo conductor es la simetría y simplicidad.  Buscando la elegancia en el menos es más. Ya que está enfocada a un público premium.

Basada en una retícula de 6×8 con interlineado de 12pt. Para darle la mayor versatilidad a la composición.

Reforzando la línea gráfica de la marca con los colores corporativos :

La tipografías escogidas son :

  • New order (Palo alto) :

Títulos, subtítulos, pies de página.  Pulcritud y modernidad.

  • Baskerville URW (serifa) :

Texto corrido y contrastes. Legibilidad y elegancia.

Se utilizan recursos como la línea o el punto como parte identificativa de la marca . Buscando que sea una revista muy visual.

La composición busca el refuerzo en los extremos dejando el mayor espacio en el centro.

Las imágenes son el centro de atención y se busca el juego del encuadre para el ritmo visual.

 

Interior + Índice:

De inicio, en el interior de la portada se parte con una frase celebre que asocie la igualdad de género con el tema semanal de la revista.En el indice se busca la creatividad de forma visual jugando con la composición visual de números y  fotografías.

Editorial:

En la editorial  se refuerza lo visual a través de una foto a sangre y el título de la revista. En la siguiente página un breve texto explicativo del editor sobre el tema de la revista y su conexión con la creatividad.

 

Inicio de artículo:

En el artículo iniciamos con una imagen de la artista con su nombre como título y un subtítulo que denomina el contenido del artículo. La composición se realiza sobre los márgenes exteriores, marcado por el brazo de la imagen  y la línea en la página izquierda y el texto y la foto en la derecha.

Final de artículo:

En el cierre del artículo vemos como se busca la simetría en el pliego con las dos fotos en la misma proporción y situación. De nuevo reforzandose en los extremos. Se añade una línea vertical para compensar los pesos y darle más dinamismo.

 

Espero que os guste y que sigais las próximas publicaciones.

Gemma Farell.

 

Debate1en 4.¡Vamos al interior de la publicación!

Publicado por

Portada, contraportada y lomo – CREA

Portada, contraportada y lomo – CREA
Publicado por

Portada, contraportada y lomo – CREA

A continuación se muestran las propuestas de arte final para portada, contraportada y lomo de los números 1 (Enero) y 11 (Noviembre)…
A continuación se muestran las propuestas de arte final para portada, contraportada y lomo de los números 1 (Enero)…

A continuación se muestran las propuestas de arte final para portada, contraportada y lomo de los números 1 (Enero) y 11 (Noviembre) de la revista creativa de iluminación «CREA».

Se continúa la línea gráfica ya propuesta para los contenidos: la revista cuenta con 48 páginas en A5 para cada número mensual. Cada número de edición se dedica a un segmento de la iluminación diferente. De las 48 páginas, 24 corresponden a un tono de «luz» o «claridad», más neutral y relacionado con proyectos de iluminación, y otras 24 páginas dedicadas a un tono de «oscuridad» o «introspección», mucho más activista, personal y con perspectiva LTBIQ+, donde mujeres del mundo de la luz son entrevistadas y diversos temas de género son abordados. Para enfatizar aún más la diferencia entre ambas secciones, la zona de «luz» comienza su lectura con la portada y trabaja en clave alta con uso de color en las imágenes así como uso de los dos colores corporativos (dos tonos de violeta), mientras que la zona de «oscuridad» comienza su lectura en el sentido inverso desde la contraportada y trabaja en clave baja con imágenes en blanco y negro.

No obstante, la línea gráfica ha evolucionado y en muchas áreas también se ha simplificado, adecuando el estilo al tipo de lector objetivo y dando mayor predominancia a la imagen y su relación con la luz. El cambio más dramático tiene que ver con el logotipo, al que se le ha quitado peso a pesar de contar ahora con una mayor presencia visual. La cabecera es por tanto más sutil y versátil.

Tanto portada como contraportada son figurativas y con una gran presencia de la cabecera, un titular principal con subtítulo, e información fija sobre la edición. El código de barras siempre se relega a una esquina de la contraportada. Todas las imágenes proceden de Adobe Stock, con licencia educativa. El proceso de trabajo utiliza las aplicaciones de Adobe Photoshop (para el tratamiento de las imágenes) y Adobe Indesign (para la maquetación).

La portada del primer número muestra a una mujer subiendo unas escaleras hacia la luz como metáfora de la incipiente (pero todavía escasa) visibilidad de la mujer en la sociedad y en particular en el sector de la iluminación. Los pesos horizontales se guían totalmente por una retícula customizada, que divide la portada en cuatro filas y cuatro columnas. La misma retícula define las diagonales que priman en las imágenes de la sección «luz». En este caso, la escalera. Para hacer coincidir imagen y diagonal de retícula se rota la fotografía. La imagen también recibe un tratamiento suave de color, mediante la adición de un filtro cálido 85 al 30%. El contraste entre esta calidez y el violeta de las tipografías es óptimo y al mismo tiempo sutil. El titular siempre usa una tipografía didona de tipo Display en cursiva, diferenciándose de la similar tipografía (con peso regular) en el título. Para enfatizar el contraste, el subtítulo utiliza una tipografía de palo seco con muy poco peso (light).

Todas las portadas buscan los triángulos en la composición, ambicionando cierta ruptura pero sin perder la elegancia y la sutileza, y siempre con la luz y la mujer como protagonistas. En este número, el triángulo oscuro inferior de la esquina derecha sirve de lienzo para titular y subtítulo, mientras que el triángulo superior de la esquina opuesta crea simetría en el conjunto. Con las diagonales se busca también favorecer a la dirección de la luz, que viaja de arriba a abajo y de derecha a izquierda, al igual que la lectura en la visualización de la composición.


La contraportada del mismo número cambia el tono hacia una propuesta más oscura y constrastada, en la que la ausencia de color otorga aún mayor protagonismo a la luz – en sintonía con las tipografías. Se busca un enfoque mucho más íntimo y artístico; de ahí la apuesta por texturas más exageradas, primeros planos e imágenes que evitan la frontalidad. Todas las fotografías de las contraportadas se tratan con curvas para pisar los negros, levantar los blancos y reducir los grises, bajando el rango dinámico y creando una gráfica dualista que intenta reflejar las dos caras del mundo femenino: por un lado un lenguaje propio brillante y personal; por otro lado las consecuencias de una sociedad que opaca el valor tanto de la mujer como de otras minorías por cuestiones puramente ideológicas. La gráfica también busca un espacio de reflexión y un tono más serio.

Mientras la portada del primer número representa la ascensión de la mujer hacia el merecido reconocimiento, la contraportada refleja la opresión del sistema sobre las elecciones personales. Las jerarquías de peso comunican esta idea mediante la modificación del sentido de lectura; en la contraportada la cabecera se encuentra abajo incrementando el peso de la marca sobre la imagen, que trabaja casi como un fondo integrado. La mirada traza una diagonal hacia el titular y su subtítulo, guiando al lector.

En la cubierta completa se observa la simetría del logo, a pesar de que la lectura de la tipografía requiere girar la revista – y con ello entrar en un mundo diferente. Aunque las imágenes son muy diferentes y la propuesta cromática también varía, se mantienen niveles de contraste relativamente similares para aumentar la coherencia del conjunto. En el lomo, se crean cuatro segmentos de acuerdo a las cuatro filas de la retícula. La zona «clara» cuenta con un título en fondo blanco; la zona «oscura» se comporta de manera inversa tanto en tipografía como en fondo. La simetría se mantiene también en el lomo (abajo / arriba) mediante la utilización del mismo violeta claro, si bien se busca el destaque del logo a través del blanco en la tipografía, mientras la información de la edición se reduce en contraste al utilizar el otro color corporativo (violeta oscuro) para la fuente.

Cada número cuenta con una temática de iluminación diferente, y en este caso se trata del diseño de interiores. Se busca una imagen en el que estén presentes líneas muy pronunciadas, y se rota nuevamente en base a las diagonales de la retícula para buscar perspectiva y abrir el espacio. Aunque número 1 y número 11 coinciden en la dirección de la diagonal, otras posibilidades pueden explorarse gracias a la versatilidad de la retícula. Nuevamente se crea un triángulo a través de la luz del LED, reforzando el contenido del titular. Éste queda enmarcado por la luz, aunque en una fila superior a la anterior portada. El titular junto a su subtítulo es por tanto un elemento móvil que se adaptará de manera diferente en cada portada y contraportada, mientras cabecera, información fija de edición y código de barras se comportan como elementos fijos.

Existen dos grandes cambios con respecto a la primera portada; primero, la clave de brillo es mucho más alta. Esta flexibilidad es necesaria porque la luz cuenta con aplicaciones muy diferentes, tanto a nivel de intensidad como de color y contraste. No obstante, se debe adecuar el estilo de la imagen a la idea de «claridad», aunque el contraste esté presente. Para darle una mayor coherencia con el estilo general de la publicación, se le aplica también el filtro cálido 85 aunque en un percentaje mucho más reducido – resultado en una modificación de la temperatura de color, un concepto muy lumínico. El segundo cambio se puede ver en la tipografía. Tanto titular como subtítulo cambian el color al violeta corporativo oscuro. Mientras la cabecera nunca cambiará de color en las portadas (siempre violeta claro), las tipografías que se encuentran en la información de edición, titular y subtítulo si pueden modificar su color entre estos dos violetas, en función del fondo de la imagen. De esta manera se potencia la legibilidad mediante el contraste.

Para esta contraportada se busca una dirección diferente en la mirada, pero nuevamente evitando la frontalidad y buscando los volúmenes en el rostro. Este efecto se consigue en este caso contrastando enormemente la imagen y girando la imagen hacia la esquina inferior izquierda, usando nuevamente una diagonal de la retícula como referencia. Ya que la contraportada siempre es más sobria que la portada en esta revista, nada cambia en lo tocante a cabecera, información fija de edición. Titular y subtítulo sí son ligeramente más flexibles, pero se intenta mantenerlas en el lado derecho para así crear un patrón idéntico para el código de barras en cada número – y así facilitar el cobro de cada revista en las tiendas. Nuevamente no hay miedo al negro, pero se dejan más grises (tonos medios) que en la anterior contraportada para trabajar mejor con la clave alta de la portada.

Quizá por la composición de la fotografía, que ha sido totalmente modificada (una imagen en formato horizontal con muchos grises y totalmente en eje), la contraportada muestra un gran equilibrio con cabecera y titular.

La cubierta, al abrirse, vuelve a mostrar el concepto de simetría gracias a las cabeceras. El conjunto funciona de manera armoniosa y con jerarquías claras a pesar de las ligeras modificaciones en la ubicación de titular y subtítulo. El lomo también sigue la misma estructura gráfica funcionando como elemento de continuidad cuando los diferentes números se almacenan juntos en la estantería.

La revista está pensada para un gramaje medio – alto y en rústica; de ahí el grosor del lomo que será encolado. Estas elecciones servirán para justificar el precio de la revista y constituirá un atractivo extra para coleccionistas y lectores de contenidos premium. Su estructura es reconocible y limpia, y a pesar de ello hay lugar para la ruptura visual y el atrevimiento elegante.

Debate0en Portada, contraportada y lomo – CREA

No hay comentarios.

Publicado por

Portada Crea

Publicado por

Portada Crea

Crea es una revista de gama Alta, enfocada a un público maduro, con temática multidisciplinar que cada mes abarcará una serie de…
Crea es una revista de gama Alta, enfocada a un público maduro, con temática multidisciplinar que cada mes abarcará…

Crea es una revista de gama Alta, enfocada a un público maduro, con temática multidisciplinar que cada mes abarcará una serie de artículos desde la perspectiva de género y la creatividad desde una idea o elemento.

«Se buscan mentes curiosas.»

Para las portadas buscamos un elemento diferenciador a través de los acabados,  de manera que el lector se sienta atraído no solo por la vista sino también por el tacto.

Basándonos en portadas contemporáneas y conceptuales como:

Yorokobu o Gráffica, donde el concepto es la mayor y apuestan por el menos es más.

A continuación expongo las portadas:

 

 

El peso mayor es el de la marca para dar visibilidad. Con su símbolo en el lomo.

Las tipografías son las mismas escogidas para su interior:

-New Order ( Como tipografía de logo y titulares)

-Baskervile ( Para subtítulos y cuerpos de texto)

En el color seguimos la misma línea gráfica de blancos,negros y grises con acentos de color. Pero se reforzarán con tintas metalizadas o stampings  los elementos fijos:

-Título ej. Muros, Crear

-Descripción de la revista:  Creatividad-Visibilidad

La portada y la contraportada buscan una continuidad y un significado del antes de la lectura y el después.

Los elementos se posan de forma triangular en los extremos, para que la imagen no quede tapada.

La información comercial, como el código de barras, el precio o la fecha quedan en la contraportada, el motivo es que sea accesible como elemento informador, pero no influya en la estética  de la portada.

El fuerte de la portada será el acabado, como hemos explicado anteriormente.

Con papeles mínimo de 270gr/m2  y de buena calidad ej. masterblanc de la marca guarrocas. Natural sin brillo. Se realizarán grabados de golpe seco en bajo relieve, por ejemplo en las grietas de la contraportada y de alto relieve en el elemento fijo de la marca CREA además de las líneas de más significado de la imagen de portada como es el contorno de la luna o las líneas del muro.

Con la unión del diseño de los elementos, la estética y los acabados esperamos conseguir un gran producto.

Espero les haya gustado.

Gemma Farell Fochs

 

 

Debate0en Portada Crea

No hay comentarios.

Publicado por

¡Bienvenidos y bienvenidas!

Publicado por

¡Bienvenidos y bienvenidas!

¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En este espacio se…
¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En…

¡Hola!

Esta publicación se ha generado automáticamente en el Ágora.

Te encuentras en el Ágora de la asignatura. En este espacio se recogerán todas las publicaciones relacionadas con las actividades que hagan los compañeros y compañeras del aula a lo largo del semestre.

El Ágora es un espacio de debate en el que estudiantes y docentes pueden ver, compartir y comentar los proyectos y las tareas de la asignatura.

Si solamente ves esta publicación, puede ser porque todavía no se ha hecho ninguna más, porque no has entrado con tu usuario de la UOC o porque no perteneces a esta aula. Si no eres miembro de la UOC y ves alguna publicación, es porque su autor o autora ha decidido hacerla pública.

¡Esperamos que esta Ágora sea un espacio de debate enriquecedor para todos y todas!

Debate0en ¡Bienvenidos y bienvenidas!

No hay comentarios.

Las intervenciones están cerradas.