Mi propuesta sobre la adaptación web de EUPHORIA está construida sobre una retícula responsive de 12 columnas y medianil de 8px, múltiplo de 4, que trabaja a la perfección los puntos fuertes visuales de cada dispositivo, adaptando la información a todos y cada uno de ellos.

Este diseño creado en un lienzo de 1080 x 1920 px trata de la fuerza de lo elegante, que normalmente se le atribuye el estilo vintage o más retro pero no esta vez, ya que esta revista se trata de romper con los cánones de una manera nueva. Por lo tanto, su diseño también irá de la mano de su filosofía simple, elegante, clara y sobretodo moderna y nueva.

Se ha mantenido el estilo y composición de los diferentes cuerpos tipográficos del formato físico de la revista.

Su estructura se basa en el formato físico pero se divide en tres partes, header con el menú, body para contenido y footer para información.

Su navegación será intuitiva, clara y visible para cualquier tipo de usuario, por eso se centrará en un menú con tipografías sin serifa, fácilmente legibles, con muchos espacios en blanco en sus publicaciones y en general en la web para no atosigar visualmente, en resumen, mantiene la esencia de la revista física sin olvidar la innovación digital y visual. Como por ejemplo, el menú que permanecerá fijo en la parte superior incluso scrolleando hacia abajo, lo que le dota de interactividad y facilita el cambio rápido de los diferentes apartados de la web en un solo click sin tener que volver a subir hacia arriba.

Esta adaptación a los medios digitales implica la integración de vídeos, imágenes interactivas, links de re-dirección, botones, cambios de colores al pulsar los links…etc

La web será completamente gratuita y se servirá de contenido publicitario no invasivo para generar ingresos. Al entrar te pedirá amablemente la opción de suscribirte a la newsletter para recibir las noticias en tu correo directamente cada semana. Este, aparecerá en un pop up que emergerá en persiana hacia arriba desde la esquina inferior derecha sin tapar el contenido de la pagina para no ser el típico anuncio pesado que cerramos

Homepage+sumario
https://xd.adobe.com/view/5deeb170-413e-45ef-b2a7-be3cf5618c11-08bd/

Contenido:
https://xd.adobe.com/view/36d37ecb-d9dd-4c22-af05-ea570bccc979-6380/

Esta es mi propuesta para la web de la revista Euforia, en este link se puede ver la web en funcionamiento, web responsiva hecha con el Framework Bootstrap, HTML5, CSS3 y JavaScript y Media Queries.

El sistema de retícula o grid que emplea Bootstrap consta de un máximo de 12 columnas y tantas filas como sea necesario, se trabaja con cinco tamaños de pantalla para intentar adaptarse a cualquier dispositivo

• Extra small <576px
• Small ≥576px
• Medium ≥768px
• Large ≥992px
• Extra large ≥1200px

Revista digital, formato e-Pub para Ipads y Tablets.

Reticula:

Medidas iPad – 2224 px de ancho por 1668 px de alto. Versión horizontal para aprovechar mejor el estilo de doble página.

10 columnas con medianil de 12 px.

8 filas con una línea de flujo de 12 px.

Márgenes superior e inferior de 44 px.

Márgenes izquierdo y derecho de 20 px.

Navegabilidad e interactividad:

Flechas para pasar de página – situados en la parte inferior.

Foto polaroid – al pulsarlas nos llevaran al artículo.

Carrusel de fotos – las fotos de las prendas podrán deslizarse de izquierda a derecha, y viceversa, además de poder seleccionarlas de forma individual y ver una ficha de información extra.

Texto con scroll – el cuerpo de texto de los artículos se podrá deslizar de arriba a abajo.

Espero tu feed, gracias.

Mi propuesta para la revista en digital, es en formato web 1024px, para pantallas de escritorio o portátiles. Esta diseñada bajo una retícula de 12 columnas, la cual variará según el dispositivo 8 columnas para tablets en horizontal y 4 columnas para móviles en vertical.

En cuando al diseño los faldones superiores e inferiores son gif animados de videos glitcheados, sobre los que irán el logo y las secciones de la revista y los diversos enlaces.

La composición de la web pretende ser fiel al espíritu de la revista, ser dinámica y romper con las simetrías.

Presento la pagina inicial, seguida de la sección de entrevistas y por último una entrevista completa. Además otro pdf con la retícula superpuesta.

Buenos días a tod@s,

Os enseño mi propuesta para la homepage de la revista EUFORIA.

El tamaño del lienzo es 1920×1080 px, pensado para ser una página con diseño responsive que se adapte a pantallas más pequeñas tipo portatil, versión tablet y móvil. Por ahora os enseño el formato grande. Se ha realizado una propuesta más alta simulando la continuidad de contenidos.

La estructura es sencilla y limpia donde la importancia principal está en la fotografía y los pesos tipográficos, creando contraste con los blancos de la página otorgando silencios al espectador.

Tal y como está la reticula diseñada para los artículos en formato físico, la página está creada con 12 columnas, medianil de 15 con márgenes espaciados similando los límites que se ha dejado en la propuesta física.

Se ha mantenido el estilo y composición de los diferentes cuerpos tipográficos según su categoría y se ha llevado al límite de la página aquellos elementos que de igual forma en el formato físico de la revista se han desplazado, como son las fotografías, los títulos de artículos y sección.

Para aprovechar las ventajas de utilizar un formato web se ha incorporado varios carrusel de imágenes y clips de vídeos, así como enlaces.

Me queda realizar la propuesta de la página de sección y el artículo principal, que irá marcado por las mejoras que pueda recibir en este feedback.

Muchas gracias de antemano,

Judith hidalgo

Hola Priscila,

Te dejo las dos versiones del Índice y el artícula interior, en pdf separados, y con las correciones que me recomendaste:

El título tiene un tamaño de 41 puntos y un interlineado de 38 puntos, para ajustando su anchoal del cuerpo de texto.

El subtítulo tiene un tamaño de 20 puntos y un interlineado de 24 puntos, de manera que se pose en la línea de flujo.

Para que el cuerpo de texto no se apelmazara con el subtítulo, he dejado un margen igual a la línea de flujo, de 2 mm.

He tratado de ajustar el tamaño y el interlineado, para que el texto se ajustara al cuadro, con un tamaño de 16 puntos y un interlineado de 16 puntos, he ajustado un poco el tracking para que no se formaran ríos (-20).

Los cuerpo de texto destacado, los verdes :), también los he ajustado para que encajen en su cuadro, un tamaño de 11 puntos y un interlineado de 14 puntos.

Gracias por tu tiempo.

Buenos dias Priscla,

Aquí adjunto la PEC 4 para corrección. Mi principal duda es referente al uso de la retícula. Entiendo que esta nos debe ayudar a organizar y agrupar objetos para darle coherencia al diseño, sin embargo en el caso de los textos, espeficiamente las citas no suelen ser exactamente del tamaño de los recuadros, en estos casos como se puede solucionar o se entiende que la retícula guía pero no es totalmente estricta.

Agadezco cualquier otro comentario referente a la propuesta.

Saludos,

Jackeline

Hola Priscila,

Parece que no has leido o no ha salido mi anterior consulta, asi que vuelvo a postearla.

Aquí te dejo mi borrador:

He usado una composición de estilo moodboard, usando fotografías estilo ´Polaroid para encuadrar las imágenes del índice.

Sigue la propuesta del estilo minimalista, y me parece una forma curiosa de atraer la atención del lector.

Los títulos de las secciones, están en tipografía Elephant regular con un tamaño de 19 puntos y un interlineado de 22,8 puntos, centradas en el marco y con justificación central.

Para guardar la proporción geométrica de las tipografías, el logo de EUFORIA tiene un tamaño de 76 puntos, que es 4 veces los titulares; y está situado en el centro del espacio en blanco.

Siguiendo las instrucciones de la revisión de la Pec 2, he reajustado el interlineado del cuerpo de texto y de los textos de apoyo, usando la regla del 20%, es decir, el interlineado ha de ser el tamaño de la letra más el 20% de la misma, de esta forma los cuerpos de texto de 12,5 puntos tienen un interlineado de 15 puntos, y los textos de apoyo con un tamaño de 10 puntos tienen un interlineado de 12 puntos.

Espero tu feed, gracias de antemano.