Publicado por

5. ¡Saltamos a la pantalla!

Publicado por

5. ¡Saltamos a la pantalla!

¡Hola! Os presento el diseño de web responsive de mi revista «Perspectiva, el género en la ciencia«. La versión digital de una…
¡Hola! Os presento el diseño de web responsive de mi revista «Perspectiva, el género en la ciencia«. La versión…

¡Hola!

Os presento el diseño de web responsive de mi revista «Perspectiva, el género en la ciencia«.

La versión digital de una revista impresa no sustituye a esta, sino que la complementa, generando así un producto distinto e independiente. Se trata de dar vida al diseño que hayamos construido. Por eso, a la hora de crear nuestra revista online, hemos querido ofrecer a nuestro público objetivo una experiencia nueva y enriquecedora, ofreciendo también la opción de acceder a una versión digital de la revista, a una app y a un newsletter.

Con todo esto, hemos optado por diseñar una web responsive ya que resulta más interesante y cómodo para cualquier revista en general. Sin embargo,
este formato también se adapta a nuestro público objetivo al tratarse de personas minimalistas, ya que prefieren consultar revistas de manera online en una web antes que tener que descargar un ePub.

En nuestra web, hemos tratado de crear una interfaz intuitiva para ofrecer un entorno amigable sencillo y minimalista para ofrecer una buena experiencia a nuestros usuarios, a quienes hemos tenido en cuenta en todo momento para poder desarrollar la web responsive en torno a ellos. Al tratarse de adultos jóvenes y minimalistas, hemos planteado un diseño conservador, ordenado, ligero e intuitivo. No hemos perdido de vista en ningún momento la estética de nuestra marca.

Nuestro diseño es adaptable para funcionar de manera equivalente en los distintos tipos de pantallas existentes. Así, contribuimos a una mejor experiencia.
Para que nuestro diseño siguiera un orden, hemos planteado desde el comienzo una cuadrícula de referencia, aunque esta pueda llegar a romperse un poco en el caso de que, así, se mejora la experiencia del usuario.

«El mejor diseño es aquel que no distrae del contenido». Mads Soegaard (2020)

Para el diseño de la web en desktop, hemos utilizado 6 columnas y dos márgenes grandes a los laterales para los espacios en blanco necesarios en este entorno. En cambio, para el diseño de la web responsive en la pantalla
de móvil, hemos reducido la cantidad de columnas ya que era redundante e innecesario tener tantas. Por tanto, en la pantalla móvil, nos hemos quedado con 3.

Ha sido importante tener siempre en cuenta el tamaño del texto de manera que este se adaptase al diseño tanto de manera estética como de manera funcional.

 

Saludos,

Josefina.

Debate0en 5. ¡Saltamos a la pantalla!

No hay comentarios.