Website of Martina Pérez

Palabras más, palabras menos

Artículos sobre diseño, productividad, investigación, y algunas plantillas y tutoriales.

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

 

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.

01-min.png
 
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-min.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-min.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.

 

¿Qué más?

Si quieres saber más, únete a mi clase en Skillshare sobre cómo construir prototipos en inVision usando Sketch y Craft plugin.

¡Espero que haya ayudado!

 
 
martina perez