Publicado por

5. ¡Saltamos a la pantalla!

Publicado por

5. ¡Saltamos a la pantalla!

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…
Mi propuesta sobre la adaptación web de EUPHORIA está construida sobre una retícula responsive de 12 columnas y medianil…

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

 

Debate0en 5. ¡Saltamos a la pantalla!

No hay comentarios.

Publicado por

5. ¡Saltamos a la pantalla!

Publicado por

5. ¡Saltamos a la pantalla!

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/ 5. ¡Saltamos a la pantalla! …
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/ 5. ¡Saltamos a la pantalla! …

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/

Debate0en 5. ¡Saltamos a la pantalla!

No hay comentarios.

Publicado por

Propuesta Web – PEC 5

Publicado por

Propuesta Web – PEC 5

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…
Esta es mi propuesta para la web de la revista Euforia, en este link se puede ver la web…

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

 

 

Debate1en Propuesta Web – PEC 5

  1. Priscila Clementti Collado says:

    Hola José, podemos ver los diseños sin la retícula superpuesta?
    También idealmente si subes un pdf se podrá visualizar mejor, gracias!

Publicado por

¡Saltamos a la pantalla!

Publicado por

¡Saltamos a la pantalla!

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…
Revista digital, formato e-Pub para Ipads y Tablets. Reticula: Medidas iPad – 2224 px de ancho por 1668 px…

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.

Debate1en ¡Saltamos a la pantalla!

  1. Priscila Clementti Collado says:

    Hola Diego, dejo a continuación el feedback:

    – Está bien trabajar con formato epub, pero revisa la propuesta de página horizontal, piensa que el formato vertical es el más utilizado ahora mismo (mira las redes sociales) y si quieres aprovechar la doble página simplemente se trata de configurar para que se vean 2 páginas a la vez (te recomiendo buscar y leer revistas digitales, para que tengas de ejemplo)

    – Por otro lado, las flechas de navegación también están bastante en desuso… básicamente se trata de tocar derecha o izquierda para ir atrás o adelante, como puedes hacerlo navegando en diferentes aplicaciones digitales, redes sociales, etc. Lo que sí debes trabjar son los links o interactivadad dentro del texto, marcando claramente para que sea intuitivo

    Saludos

Publicado por

Feedback PEC5

Publicado por

Feedback PEC5

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…
Mi propuesta para la revista en digital, es en formato web 1024px, para pantallas de escritorio o portátiles. Esta…

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.

Debate1en Feedback PEC5

  1. Priscila Clementti Collado says:

    Hola, Entiendo que esta es la propuesta anterior que ya revisamos, por favor cuando tengas la versión final puedes publicarla en esta misma entrada? Así es más facil ver el progreso, gracias!

Publicado por

5. ¡Saltamos a la pantalla!

Publicado por

5. ¡Saltamos a la pantalla!

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,…
Buenos días a tod@s, Os enseño mi propuesta para la homepage de la revista EUFORIA. El tamaño del lienzo…

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

Debate1en 5. ¡Saltamos a la pantalla!

  1. Priscila Clementti Collado says:

    Hola Judith, la propuesta está muy equilibrada a nivel de diseño pero revisa la idea principal, no se trata de una web de la editorial o de la marca, sino una adaptación de las revistas al medio digital, en ese sentido falta mostrar como se navegará por cada uno de los números mensaules de la revista.

    Saludos

Publicado por

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

Publicado por

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

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…
Hola Priscila, Te dejo las dos versiones del Índice y el artícula interior, en pdf separados, y con las…

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.

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

No hay comentarios.

Publicado por

Sin título

Publicado por

Sin título

  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…
  Buenos dias Priscla, Aquí adjunto la PEC 4 para corrección. Mi principal duda es referente al uso de…

 

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

Debate0en Sin título

No hay comentarios.

Publicado por

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

Publicado por

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

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…
Hola Priscila, Parece que no has leido o no ha salido mi anterior consulta, asi que vuelvo a postearla.…

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.

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

  1. Priscila Clementti Collado says:

    Hola Diego, por favor no vuelvas a publicar la entrada porque duplica el contenido y es confuso.
    Para recibir feedback como se indica en el enunciado, debes enviar un mensaje por ejemplo en el foro.
    Sé que muchas veces esta herramienta que está en fase de desarrollo no facilita la visualización y navegación por eso a veces «no lo veo», pero si me enviais un mensaje ya sea foro o email, os respondo a medida que van llegando… gracias!!

    Sobre tu propuesta:

    – como comentaba en otros casos. arte final y retícula son dos documentos separados.
    – Marca las zonas espaciales de tu propuesta, porque no queda claro que los contenidos estén puestos en la retícula correctamente. Por ejemplo los textos verdes «1.camiseta de polo» etc…
    – Por otro lado, el texto tiene que revisarse en detalle, hay varios problemas de maquetación, el principal es que no marcas los párrafos (salto de línea, o sangría).
    – El interlineado no es correcto, no llega a la base de la columna, y eso ocasiona que las columnas estén desequilibradas.
    – Falta el título en el sumario. Veo euforia, pero entiendo que esto no es el título
    – Repetir la marca en cada página es redundante y frivoliza la marca, mejor deja solo el título de sección.

    Seguimos!

Publicado por

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

Publicado por

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

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

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

  1. Priscila Clementti Collado says:

    Hola Shady, gracias por tu propuesta. Comento a continuación cositas que veo:

    1- Se pide arte final, falta las marcas tal y como comentamos en el foro
    2- Lo que presentas no es la retícula, verdad? Revísalo porque no es correcto. Está bien que marques las zonas espaciales como «extra» pero lo que se pide principalmente es la retícula que vimos en la PEC2 con las mejoras que pudieras necesitar segun el feedback que recibiste.
    3- La maquetación del texto necesita ajuste, revisa la página 35, la última columna no está bien, hay saltos de linea que no son correctos. Además vigila que los parrafos estén equilibrados, debes ajustar tracking para que no acaben con líneas de palabra única o muy corta.

    Saludos

    1. Shady Capel Carvajal says:

      Hola Priscila.

      1- El arte final lo quise dejar para la entrega pero ahora mismo lo resubo para que le eches un vistazo.
      2- Se me pasó completamente exportarlo con la retícula, está finalizada pero como te comento no lo exporté con las guías y márgenes.
      3- Le hecho un vistazo.

      Gracias.