User Experience Design Portfolio of Martina Pérez

Artículos en español

Sketch + inVision: Cómo hacer elementos flotantes fijos, como sidebars para prototipos de escritorio

01.png

Has diseñado un layout y quieres hacer scroll vertical en el contenido de la derecha mientras que la barra lateral de la izquierda permanece fija.

02.gif

Crea una pantalla de diseño con el contenido que quieras en la parte izquierda, deja el espacio transparente a la derecha para tu barra lateral.

03.png

Crea un diseño con una barra lateral estática en la parte derecha de tu mesa de trabajo que incluya el espacio transparente del contenido de la parte izquierda.

04.png

Sube tu pantalla de diseño a inVision, la que contenga el contenido scrolleable de la parte izquierda.

Después, haz clic en el icono de configuración, y en el Background, selecciona el archivo que contiene tu barra lateral derecha, como imagen de fondo, escoge Fixed (icono del candado). Haz clic en guardar y deberías ser capaz de hacer scroll en la parte izquierda de la pantalla mientras que la barra lateral permanece fija.

Espero que haya ayudado!

martina perez