Ajustar el ancho y alto del cuadro delimitador de un widget de texto a su contenido

En Axure 7 se introdujeron las funcionalidades de “Auto Fit Width” y “Auto Fit Height” que permitían ajustar el cuadro delimitador de un widget de texto al contenido del mismo (están disponibles en el menú desplegable que aparece al pulsar el botón derecho sobre un widget). Continuar leyendo “Ajustar el ancho y alto del cuadro delimitador de un widget de texto a su contenido”

Copiar páginas de un archivo Axure a otro

La opción de “Importar desde un archivo .rp” del menú “Archivo” (“File”) es una funcionalidad muy útil y poco conocida de Axure que nos permite fusionar dos archivos diferentes o copiar y pegar páginas de uno a otro incluyendo másters, vistas, estilos, notas y más. Continuar leyendo “Copiar páginas de un archivo Axure a otro”

Tutorial: Cómo crear prototipos de Sitios Web Responsive con Axure

Antes o después si trabajas como Diseñador de Interacción, en alguno de los proyectos que abordes te tocará crear un sitio web responsive. ¿Por qué? Por muchas razones pero tres de las principales serán:

  • Economía de costes: Normalmente tu cliente no se puede permitir el coste de desarrollar múltiples aplicaciones nativas para cada una de las grandes plataformas existentes: iOS, Android y Windows.
  • Economía de esfuerzos: Normalmente tu cliente no se puede permitir mantener y evolucionar tres o más desarrollos específicos nativos para cada una de las grandes plataformas existentes.
  • Accesibilidad, universalidad e independencia de dispositivo: Tu cliente va a demandar que su sitio web se vea bien en el móvil, la tablet, el portátil o en un ordenador de sobremesa (si es que todavía tiene alguno) y las pantallas y resoluciones de estos dispositivos son de todo corte y pelaje. Ya no existe una única resolución o resoluciones estándares para las que diseñar. La naturaleza de la web es fluida, universal y multidispositivo, y con esta idea en mente hemos de realizar nuestro diseño.

¿Cómo podemos realizar un prototipo responsive con Axure? Vamos a ello…

Continuar leyendo “Tutorial: Cómo crear prototipos de Sitios Web Responsive con Axure”

Desplazar paneles en Axure con la opción de “Empujar” o “Tirar”

En ocasiones nos encontramos con la necesidad de mover todos los componentes de una página al mismo tiempo que uno de ellos se abre o se cierra. Este sería el caso de, por ejemplo, un acordeón.

En Axure contamos con la opción Push/Pull para empujar o tirar de los componentes y simular este comportamiento de desplegar / plegar.

Veámos cómo funciona. Continuar leyendo “Desplazar paneles en Axure con la opción de “Empujar” o “Tirar””

Axure 8 ya disponible para descargar

¡Ya está aquí Axure 8!

El equipo de Axure liberó ayer la beta del programa que se puede descargar desde su blog.

En el mismo han publicado una buena relación de posts con todas las novedades del programa, novedades que os iremos contando por esta casa en próximas entregas.

Mientras tanto ¡a disfrutarla!

Añadir enlaces de ancla (scroll a un punto específico) en Axure

En ocasiones, en un prototipo, necesitaremos simular el comportamiento del elemento ancla (anchor) de HTML. Para ello en Axure usaremos el widget “Hot spot”.

Dos aplicaciones comunes en las que se suelen utilizar las anclas en las páginas son:

  • Un índice al principio de la página con “n” elementos y que al pulsar en uno de ellos se haga scroll vertical hasta el epígrafe correspondiente.
  • En las versiones móviles de los sitios responsive, al llegar al final de la página, un componente que funcione como ascensor, es decir, que al tocarlo o al hacer clic en él subamos de nuevo a la cabecera.

Veamos cómo hacerlo en Axure.

Continuar leyendo “Añadir enlaces de ancla (scroll a un punto específico) en Axure”

Orden de apilamiento de los widgets en el panel sumario

El apilamiento en un prototipo de Axure define qué widgets se encuentran delante de otros y en qué orden.

Así, el widget más nuevo se posiciona encima de los demás y el más antiguo debajo.

Si creamos tres widgets en el siguiente orden:

  • Rojo
  • Naranja
  • Verde

El rojo se encontrará debajo del todo, el naranja en el medio y el verde encima de los demás al ser el que más recientemente se ha creado. Continuar leyendo “Orden de apilamiento de los widgets en el panel sumario”

Próximas novedades de Axure RP 8

Poco a poco el equipo de desarrollo de Axure va desgranando todas las novedades que traerá la próxima gran actualización del programa, Axure RP 8, y que podemos disfrutar a finales de verano, principios de septiembre. Entre otras, las que han desvelado hasta la fecha son las siguientes:

Continuar leyendo “Próximas novedades de Axure RP 8”

Como posicionar un menú de navegación fijo con Axure

Uno de las transformaciones más comunes que podemos ver en sitios web responsive son los menús que al realizar scroll vertical permanecen de forma fija en la parte superior de la página. Con Axure este efecto se puede conseguir definiendo como panel dinámico el menú y anclándolo en la parte superior con la opción “Pin to browser”.

Continuar leyendo “Como posicionar un menú de navegación fijo con Axure”