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