{"id":442,"date":"2023-09-27T21:07:31","date_gmt":"2023-09-27T21:07:31","guid":{"rendered":"http:\/\/javigomez.org\/?p=442"},"modified":"2025-09-29T20:33:56","modified_gmt":"2025-09-29T20:33:56","slug":"tutorial-de-axure","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2023\/09\/27\/tutorial-de-axure\/","title":{"rendered":"Tutorial de Axure"},"content":{"rendered":"\n<p>A continuaci\u00f3n se muestran 10 videos en donde se ilustra el manejo b\u00e1sico de Axure, basado en la versi\u00f3n 9 del producto.<\/p>\n\n\n\n<p><strong>AXURE 01 Interfaz y Grid<\/strong><\/p>\n\n\n\n<p>Revisi\u00f3n del interfaz de Axure y creaci\u00f3n de la grid<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 01 Interfaz y Grid\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/q6YIHoDRiHQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 02 Box, Elipse, Imagen, Placeholder<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de varios tipos de cajas, elipse. Incluir una Imagen y por \u00faltimo crear un frame que pueda contener im\u00e1genes u otros elementos<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 02 Box Elipse Imagen Placeholder\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/ukKgWKlkA-k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 03 Button, texto, lineas y hotSpot<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de diferentes tipos de botones, l\u00edneas y un hotSpot, que permita crear una \u00fanica interacci\u00f3n conteniendo diferentes elementos<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 03 Button texto lineas hotSpot\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/48BV8IGBBk8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 04 Panel dinamico, Frame y Repeater<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de un panel din\u00e1mico, un frame y un repeater<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 04 Panel dinamico Frame Repeater\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/x1BHN67uuLU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 05 Text, Droplist, ListBox, Checkbox, RadioButton<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de un campo de texto donde introducir informaci\u00f3n, una lista plegada y desplegada, uno campos de check y radio button asoci\u00e1ndolos en grupos<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 05 Text Droplist ListBox Checkbox RadioButton\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/lVEYcfTmP1I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 06 Tree, Table, Menu y  adornos<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de un \u00e1rbol con informaci\u00f3n, creando hijos. Tambi\u00e9n se crean dos tipos de men\u00fa, y diversos adornos en el prototipo<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 06 Tree Table Menu Adornos\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/gK1LSZeiQRs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 07 Master<\/strong><\/p>\n\n\n\n<p>Creaci\u00f3n de un componente Master para ser reutilizado en diferentes p\u00e1ginas, como una cabecera o un pie<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 07 Master\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/_trmxlWn3fQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 08 Interacci\u00f3n I<\/strong><\/p>\n\n\n\n<p>Como se puede implementar la interacci\u00f3n en Axure. Vemos como llamar de una pantalla a otra y como pasar informaci\u00f3n entre dos componentes y entre p\u00e1ginas<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 08 Interaccion I\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/GHKtNeklVHY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 09 Interacci\u00f3n II<\/strong><\/p>\n\n\n\n<p>En este video se ve c\u00f3mo se puede realizar una interacci\u00f3n, y dependiendo del valor de un componente, actuar sobre otro componente<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 09 Interaccion II\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/f1Cbxpe3jRo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>AXURE 10 Panel Din\u00e1mico<\/strong><\/p>\n\n\n\n<p>Como interactuar con un panel din\u00e1mico. Esto nos permite realizar cambios en el aspecto de la ventana cuando interactuamos con un elemento. Aqu\u00ed se realizar la capacidad de plegar y desplegar informaci\u00f3n cuando se pulsa sobre un bot\u00f3n<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AXURE 10 Panel Dinamico\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/78sGqTbGq3c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A continuaci\u00f3n se muestran 10 videos en donde se ilustra el manejo b\u00e1sico de Axure, basado en la versi\u00f3n 9 del producto. AXURE 01 Interfaz &hellip; <\/p>\n","protected":false},"author":1,"featured_media":443,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[50,119,200],"class_list":["post-442","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-figma-y-axure","tag-axure","tag-diseno","tag-interaccion"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=442"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/442\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/442\/revisions\/929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media\/443"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}