{"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\/prototipat\/adobe-experience-design-cc-per-a-prototipat-de-pagines-web-i-aplicacions\/","title":{"rendered":"Adobe XD CC per a prototipat de p\u00e0gines web i aplicacions"},"content":{"rendered":"<p>Adobe ha incorporat recentment al seu paquet de programes Creative Cloud una nova eina, Adobe XD (anteriorment coneguda com a Adobe Experience Design CC o Adobe Comet) per prototipat de p\u00e0gines web i aplicacions. Amb aquesta nova aplicaci\u00f3, Adobe intenta omplir un buit del mercat, ja que no tenien res disponible que compl\u00eds amb aquestes necessitats, i estigu\u00e9s al nivell d&#8217;altres programaris que ja s&#8217;han guanyat el respecte al mercat.<\/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\">Imatge procedent de la web d&#8217;ADOBE<\/figcaption><\/figure>\n<p>Actualment l&#8217;aplicaci\u00f3 est\u00e0 completament operativa. Segons informa Adobe, fins al moment m\u00e9s de 5.000 dissenyadors van participar en les proves de prellan\u00e7ament, amb la finalitat de prioritzar i optimitzar el conjunt d&#8217;eines per al treball professional.<\/p>\n<p>Algunes de les principals caracter\u00edstiques que t\u00e9 l&#8217;aplicaci\u00f3 s\u00f3n: la velocitat amb la qual podem canviar de la vista de disseny a la vista de prototip mitjan\u00e7ant una pestanya, la compatibilitat real amb altres programes de Creative Cloud o la possibilitat de crear prototips animats amb elements que podrem generar des de la mateixa aplicaci\u00f3 o b\u00e9 importar els que h\u00e0gim creat en unes altres. Tamb\u00e9 ens permet la creaci\u00f3 del prototip en v\u00eddeo o provar la maqueta funcional online (en servidor d\u2019Adobe) pel client o la persona a la qual envi\u00efs l&#8217;enlla\u00e7. Si hem creat una app, podrem provar-la en el nostre dispositiu, instal\u00b7lant en el nostre tel\u00e8fon m\u00f2bil una app que podem descarregar de Google Play o de l&#8217;Apple Store, aix\u00f2 ens permet fer canvis i veure&#8217;ls immediatament en directe en el nostre tel\u00e8fon o tablet.<\/p>\n<p>Des de la pantalla de prototipat, podem crear vincles amb molta facilitat, per despr\u00e9s mostrar-ho en diferents formats, que inclou tamb\u00e9 fins a una previsualitzaci\u00f3 accessible online.<\/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\">Imatge procedent de la web d&#8217;ADOBE<\/figcaption><\/figure>\n<p>La funcionalitat d&#8217;exportaci\u00f3 tamb\u00e9 resulta molt interessant: selecciones un objecte o grup d&#8217;objectes, fas clic a exportar i et crea les versions de diferents resolucions per Android, iOS o web. Una altra opci\u00f3 disponible \u00e9s Repeat Grid, que permet repetir de forma autom\u00e0tica un element en forma de llista o de quadr\u00edcula, i canviar el contingut mantenint l&#8217;estil, si posteriorment es canvien els estils, tota la ret\u00edcula s&#8217;adapta per\u00f2 es conserven les modificacions de contingut.<br \/>\nFinalment, l&#8217;aplicaci\u00f3 tamb\u00e9 cont\u00e9 una s\u00e8rie de Templates i UI kits per poder fer-los servir en els nostres projectes.<\/p>\n<figure id=\"attachment_1563\" aria-describedby=\"caption-attachment-1563\" style=\"width: 300px\" class=\"wp-caption alignnone\"><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\">Imatge procedent de la web d&#8217;ADOBE<\/figcaption><\/figure>\n<p>Hi ha moltes altres eines pel prototipat d&#8217;aplicacions, com poden ser <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> per indicar nom\u00e9s algunes de les m\u00e9s conegudes de les moltes que hi ha.<\/p>\n<p>Web d&#8217;Adobe XD: <a href=\"http:\/\/www.adobe.com\/products\/xd.html\">http:\/\/www.adobe.com\/products\/xd.html<\/a><\/p>\n<p>M\u00e9s informaci\u00f3 a la web del Laboratori: <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/recursos-prototipat\/\">http:\/\/multimedia.uoc.edu\/blogs\/labeines\/recursos-prototipat\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Adobe ha incorporat recentment al seu paquet de programes Creative Cloud una nova eina, Adobe XD (anteriorment coneguda com a Adobe Experience Design CC o Adobe Comet) per prototipat de p\u00e0gines web i aplicacions. Amb aquesta nova aplicaci\u00f3, Adobe intenta omplir un buit del mercat, ja que no tenien res disponible que compl\u00eds amb aquestes &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/prototipat\/adobe-experience-design-cc-per-a-prototipat-de-pagines-web-i-aplicacions\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abAdobe XD CC per a prototipat de p\u00e0gines web i aplicacions\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\/wp-json\/wp\/v2\/pages\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":7,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1560\/revisions"}],"predecessor-version":[{"id":1623,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1560\/revisions\/1623"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}