{"id":1560,"date":"2017-03-13T09:02:31","date_gmt":"2017-03-13T09:02:31","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?page_id=1560"},"modified":"2017-12-29T06:43:58","modified_gmt":"2017-12-29T06:43:58","slug":"adobe-experience-design-cc-per-a-prototipat-de-pagines-web-i-aplicacions","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/prototipat\/adobe-experience-design-cc-per-a-prototipat-de-pagines-web-i-aplicacions\/","title":{"rendered":"Adobe XD CC para prototipado de p\u00e1ginas web y aplicaciones"},"content":{"rendered":"<p><\/p>\n<p style=\"padding-left: 30px\">Adobe ha incorporado recientemente a su paquete de programas Creative Cloud una nueva herramienta, Adobe XD (anteriormente conocida como Adobe Experience Design CC o Adobe Comet)\u00a0 para prototipado de p\u00e1ginas web y aplicaciones. Con esta nueva aplicaci\u00f3n, Adobe intenta llenar un hueco del mercado, ya que dispon\u00edan de ning\u00fan producto que cumpliera con estas necesidades y estuviera al nivel de otros softwares que ya gozan del respeto de los dise\u00f1adores.<\/p>\n<figure id=\"attachment_1562\" aria-describedby=\"caption-attachment-1562\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow1-720x480.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1562\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow1-720x480-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow1-720x480-300x200.jpg 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow1-720x480.jpg 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1562\" class=\"wp-caption-text\">Imagen procedente de la web de ADOBE<\/figcaption><\/figure>\n<p>Actualmente la aplicaci\u00f3n est\u00e1 completamente operativa. Seg\u00fan informa Adobe, m\u00e1s de 5.000 dise\u00f1adores participaron en las pruebas de pre-lanzamiento. La finalidad fue priorizar y optimizar el conjunto de herramientas para el trabajo a nivel profesional.<\/p>\n<p>Algunas de las principales caracter\u00edsticas que tiene la aplicaci\u00f3n son: la velocidad con la que podemos cambiar de la vista de dise\u00f1o a la vista de prototipo, mediante una pesta\u00f1a: la compatibilidad real con otros programas de la Creative Cloud o la posibilidad de crear prototipos animados con elementos que podremos generar desde la misma aplicaci\u00f3n o bien importar ya creados desde otras. Tambi\u00e9n nos permite la creaci\u00f3n del prototipo en v\u00eddeo o probar la maqueta funcional online (en servidor de Adobe) por el cliente o la persona a la que env\u00edes el enlace. Si estamos creando una app, podremos probarla en nuestro dispositvo, simplemente instalando en nuestro tel\u00e9fono m\u00f3vil la aplicaci\u00f3n de Adobe que podemos descargar de Google Play o del Apple store. Esto nos facilita el trabajo porque nos permite hacer cambios y verlos inmediatamente en directo en nuestro tel\u00e9fono o tablet .<\/p>\n<figure id=\"attachment_1564\" aria-describedby=\"caption-attachment-1564\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow3-720x595.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1564\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow3-720x595-300x248.jpg\" alt=\"\" width=\"300\" height=\"248\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow3-720x595-300x248.jpg 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow3-720x595.jpg 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1564\" class=\"wp-caption-text\">Imagen procedente de la web de ADOBE<\/figcaption><\/figure>\n<p>Desde la pantalla de prototipado podemos crear v\u00ednculos con suma facilidad, para luego mostrarlos en diferentes formatos, que incluyen tambi\u00e9n incluso una previsualizaci\u00f3n accesible online.<\/p>\n<p>La funcionalidad de exportaci\u00f3n resulta tambi\u00e9n muy interesante. Puedes seleccionar un objeto o grupo de objetos, le das a exportar y te crea las versiones en diferentes resoluciones para Android, iOS o web. Otra opci\u00f3n disponible es Repeat Grid que permite repetir de forma autom\u00e1tica un elemento en forma de lista o de cuadr\u00edcula y cambiar el contenido manteniendo el estilo, si posteriormente se modificaran los estilos, toda la rejilla se adapta pero se conservan las modificaciones de contenido.<\/p>\n<p>Por \u00faltimo, la aplicaci\u00f3n tambi\u00e9n contiene una serie de Templates y UI kits para poder usarlos en nuestros proyectos.<\/p>\n<figure id=\"attachment_1563\" aria-describedby=\"caption-attachment-1563\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow2-720x522.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1563\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow2-720x522-300x218.jpg\" alt=\"\" width=\"300\" height=\"218\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow2-720x522-300x218.jpg 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2017\/03\/xd-riverflow2-720x522.jpg 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1563\" class=\"wp-caption-text\">Imagen procedente de la web de ADOBE<\/figcaption><\/figure>\n<p>En cualquier caso, es importante saber que hay muchas otras herramientas para el prototipado de aplicaciones, entre otras <a href=\"http:\/\/www.invisionapp.com\/\">InVision<\/a>, <a href=\"http:\/\/www.justinmind.com\/\">Justinmind Prototyper, <\/a>\u00a0<a href=\"http:\/\/www.axure.com\/\">Axure<\/a>, <a href=\"http:\/\/balsamiq.com\/products\/mockups\/\">Balsamiq<\/a> por indicar s\u00f3lo algunas de las m\u00e1s conocidas en el mercado actualmente.<\/p>\n<p>Web de Adobe XD\u00a0<a href=\"http:\/\/www.adobe.com\/products\/xd.html\">http:\/\/www.adobe.com\/products\/xd.html<\/a><\/p>\n<p>Mas informaci\u00f3n en la web del laboratorio <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/recursos-prototipat\/\">http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/recursos-prototipat\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Adobe ha incorporado recientemente a su paquete de programas Creative Cloud una nueva herramienta, Adobe XD (anteriormente conocida como Adobe Experience Design CC o Adobe Comet)\u00a0 para prototipado de p\u00e1ginas web y aplicaciones. Con esta nueva aplicaci\u00f3n, Adobe intenta llenar un hueco del mercado, ya que dispon\u00edan de ning\u00fan producto que cumpliera con estas necesidades &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/prototipat\/adobe-experience-design-cc-per-a-prototipat-de-pagines-web-i-aplicacions\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abAdobe XD CC para prototipado de p\u00e1ginas web y aplicaciones\u00bb<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"parent":1162,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[50],"class_list":["post-1560","page","type-page","status-publish","hentry","tag-adobe","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":7,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1560\/revisions"}],"predecessor-version":[{"id":1623,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1560\/revisions\/1623"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}