{"id":10665,"date":"2021-11-24T20:00:09","date_gmt":"2021-11-25T01:00:09","guid":{"rendered":"https:\/\/ilustraideas.com\/?p=10665"},"modified":"2021-11-25T19:30:26","modified_gmt":"2021-11-26T00:30:26","slug":"3-programas-para-disenar-interfaces","status":"publish","type":"post","link":"https:\/\/ilustraideas.com\/en\/3-programas-para-disenar-interfaces\/","title":{"rendered":"3 programas para dise\u00f1ar interfaces"},"content":{"rendered":"

\u00a1Hola! En esta oportunidad, te hablaremos acerca de los programas<\/strong> o softwares de dise\u00f1o UI m\u00e1s usados y que puedes empezar a usar desde ya, sin pagar un centavo.<\/span><\/p>\n

 <\/p>\n

Marvel App<\/strong><\/h2>\n

\"\"<\/p>\n

Si reci\u00e9n est\u00e1s empezando en el mundo del dise\u00f1o UI, este programa es para ti. Marvel App ofrece las herramientas e interacciones b\u00e1sicas para que practiques tus conocimientos y te familiarices con este mundillo.<\/span><\/p>\n

Marvel App te brinda un kit de componentes base para que puedas iniciar un boceto o wireframe r\u00e1pidamente; lo \u00fanico que debes hacer es empezar un prototipo nuevo y seleccionar la opci\u00f3n de empezar a dise\u00f1ar.<\/span><\/p>\n

Lo que se destaca de este programa es la visualizaci\u00f3n del flujo de pantallas, tambi\u00e9n llamado user flow<\/em>, el cual est\u00e1 dise\u00f1ado para que tanto tus clientes como los programadores puedan entender c\u00f3mo navegar entre pantallas.<\/span><\/p>\n

👉 Crea tu cuenta y comienza a usar Marvel App gratis aqu\u00ed<\/a><\/strong><\/span><\/p>\n

 <\/p>\n

Figma<\/strong><\/h2>\n

\"\"<\/p>\n

Junto con Adobe XD y Sketch, Figma es uno de los programas de dise\u00f1o UI m\u00e1s vers\u00e1tiles del mercado actual.<\/span><\/p>\n

Te ofrece las herramientas necesarias para dise\u00f1ar y prototipar tus interfaces de usuario, con el bonus de que todo tu progreso se guarda autom\u00e1ticamente en la nube a medida que vas editando.<\/span><\/p>\n

Adem\u00e1s, cuenta con una amplia librer\u00eda de plugins creados por la comunidad, con el fin de automatizar el proceso creativo y volverte m\u00e1s eficiente a la hora de crear tus prototipos.<\/span><\/p>\n

Lo que destaca a Figma es que cuenta con una forma de animar interacciones \u00fanica llamada Smart Animate<\/em>, la cual da la ilusi\u00f3n de que un objeto se transforma a otro estado, ya sea de tama\u00f1o, color, forma o posici\u00f3n.<\/span><\/p>\n

👉 Crea tu cuenta y empieza a usar Figma aqu\u00ed<\/a><\/strong><\/span><\/p>\n

 <\/p>\n

Axure RP<\/strong><\/h2>\n

\"\"<\/p>\n

Si bien la interfaz de Axure RP deja mucho que desear a primera vista, lo cierto es que es una herramienta para prototipar muy potente.<\/span><\/p>\n

Pensada para un perfil h\u00edbrido entre dise\u00f1ador y programador, ofrece caracter\u00edsticas similares antes vistas como la librer\u00eda de componentes y estilos, as\u00ed como las interacciones para el flujo entre pantallas, pero con un lenguaje m\u00e1s t\u00e9cnico.<\/span><\/p>\n

Lo que hace \u00fanico a este programa es que brinda la posibilidad de crear una base de datos esencial, con variables y condicionales b\u00e1sicas, para ser usado al momento de crear las interacciones del usuario.<\/span><\/p>\n

El resultado de este bonus es un prototipo con un comportamiento muy fiel y realista, capaz de presentar datos y cifras din\u00e1micas que van cambiando en tiempo real seg\u00fan las acciones que realiza el usuario, tal como sucede con el producto final y desarrollado.<\/span><\/p>\n

Si deseas comenzar a usar esta herramienta, puedes empezar con la versi\u00f3n RP 9 para familiarizarte con el programa.<\/span><\/p>\n

👉 Descarga la \u00faltima versi\u00f3n de Axure RP 9 aqu\u00ed<\/a><\/strong><\/span><\/p>\n

 <\/p>\n

Si te gust\u00f3 este post, no olvides dejarnos un comentario m\u00e1s abajo y seguirnos en nuestras redes sociales, \u00a1te esperamos!<\/p>\n

 <\/p>\n

Si quieres leer posts similares a \u00e9ste, te recomendamos:<\/p>\n

⭐\u00a03 librer\u00edas de \u00edconos gratis e infaltables para dise\u00f1adores<\/a><\/strong><\/p>\n

⭐ 3 p\u00e1ginas gratis para crear mockups online<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

\u00a1Hola! En esta oportunidad, te hablaremos acerca de los programas o softwares de dise\u00f1o UI m\u00e1s usados y que puedes empezar a usar desde ya, sin pagar un centavo.   Marvel App Si reci\u00e9n est\u00e1s empezando en el mundo del dise\u00f1o UI, este programa es para ti. Marvel App ofrece las herramientas e interacciones b\u00e1sicas […]<\/p>\n","protected":false},"author":21,"featured_media":10669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[416,136,417,418,415,341,342],"class_list":["post-10665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualidad","tag-axure","tag-diseno","tag-figma","tag-marvel-app","tag-programa","tag-ui","tag-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts\/10665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/comments?post=10665"}],"version-history":[{"count":0,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts\/10665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/media\/10669"}],"wp:attachment":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/media?parent=10665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/categories?post=10665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/tags?post=10665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}