{"id":1394,"date":"2023-10-02T20:19:45","date_gmt":"2023-10-02T19:19:45","guid":{"rendered":"https:\/\/bitsolto.com\/bitacora\/?p=1394"},"modified":"2023-10-02T20:20:55","modified_gmt":"2023-10-02T19:20:55","slug":"ferramentas-de-deseno-ui-ux","status":"publish","type":"post","link":"https:\/\/bitsolto.com\/bitacora\/deseno-web\/ferramentas-de-deseno-ui-ux\/","title":{"rendered":"Ferramentas de dese\u00f1o UI\/UX"},"content":{"rendered":"\n<p>A IU e a UX son aspectos esenciais do dese\u00f1o, mentres a IU c\u00e9ntrase nos elementos est\u00e9ticos da interface de usuario a UX c\u00e9ntrase na experiencia global do usuario.<\/p>\n\n\n\n<p>Para crear os mellores produtos, necesitaras ferramentas de calidade. Atopar as ferramentas adecuadas permitirache ofrecer dese\u00f1os excepcionais e produtos f\u00e1ciles de usar.<\/p>\n\n\n\n<p>A\u00ednda que moitas delas apareceron ou se formularon como ferramentas para produtos dixitais &#8211; web, m\u00f3bil,&#8230;- moitas poden ser tam\u00e9n aproveitadas para produtos anal\u00f3xicos: paqueter\u00eda, flyers, posters, ilustraci\u00f3n, merchandising,&#8230; O \u00fanico limite: a t\u00faa imaxinaci\u00f3n! \ud83d\ude04<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como elixir a mellor ferramenta de dese\u00f1o UX\/UI?<\/h2>\n\n\n\n<p>Hai unha chea de ferramentas de dese\u00f1o UX\/UI dispo\u00f1ibles no mercado.<\/p>\n\n\n\n<p>Moitas te\u00f1en diferentes funci\u00f3ns ou cometidos, pero outras te\u00f1en unha finalidade moi semellante. Polo que non sempre \u00e9 f\u00e1cil saber que ferramenta escoller.<\/p>\n\n\n\n<p>E o peor e m\u00e1is importante \u00e9 que non existe a ferramenta perfecta. As\u00ed que \u00e1 hora de elixir ou contratar unha ferramenta \u00e9 bo ter alg\u00fans puntos en conta.<\/p>\n\n\n\n<p>Hai ferramentas UX\/UI que se adaptan mellor a unha determinada fase do proxecto, outras que son m\u00e1is asumibles que outras ou que satisfar\u00e1n mellor que outras unhas determinadas necesidades espec\u00edficas. E, o que pode funcionar para ti pode que non funcione para o teu compa\u00f1eiro e viceversa.<\/p>\n\n\n\n<p>Logo, como saber cal \u00e9 a ferramenta que m\u00e1is che conv\u00e9n?<\/p>\n\n\n\n<p>Hai algunhas preguntas sinxelas que te podes facer antes de tomar unha decisi\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cal \u00e9 a curva de aprendizaxe?<\/li>\n\n\n\n<li>De que tipo de interface disporei?<\/li>\n\n\n\n<li>Que resultados e que calidades necesito?<\/li>\n\n\n\n<li>Que habilidades son necesarias para o seu uso?<\/li>\n\n\n\n<li>Necesito que sexa unha ferramenta colaborativa?<\/li>\n\n\n\n<li>Canto podo gastar?<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">1. <a href=\"https:\/\/www.sketch.com\/\">Sketch<\/a><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"700\" height=\"328\" src=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/sketch.jpeg\" alt=\"\" class=\"wp-image-1395\" srcset=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/sketch.jpeg 700w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/sketch-300x141.jpeg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p>Sketch \u00e9 unha ferramenta de dese\u00f1o IU\/UX que ofrece aos dese\u00f1adores unha plataforma intuitiva e potente para crear interfaces e experiencias de usuario impresionantes.<\/p>\n\n\n\n<p>Disp\u00f3n de funci\u00f3ns de colaboraci\u00f3n avanzadas, para que os equipos de dese\u00f1o poidan traballar xuntos sen problemas e en tempo real, simplificando a comunicaci\u00f3n e mellorando a produtividade.<\/p>\n\n\n\n<p>Ofrece unha extensa biblioteca de compo\u00f1entes e modelos pre-constru\u00eddos, que permiten acelerar o proceso de dese\u00f1o e crear interfaces consistentes e visualmente atractivas.<\/p>\n\n\n\n<p>As \u00faltimas versi\u00f3ns introducen tam\u00e9n capacidades de creaci\u00f3n de prototipos, que permiten aos dese\u00f1adores dar vida aos seus dese\u00f1os con modelos interactivos e animados, que axudan a proporcionar unha experiencia de usuario realista.<\/p>\n\n\n\n<p>Disp\u00f3n dunha interface amigable e centrada na accesibilidade, que permite liberar toda a t\u00faa creatividade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. <a href=\"https:\/\/new.express.adobe.com\/\">Adobe Express<\/a><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"700\" height=\"330\" src=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/adobe-xd.png\" alt=\"\" class=\"wp-image-1396\" srcset=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/adobe-xd.png 700w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/adobe-xd-300x141.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p>Adobe Express \u00e9 unha ferramenta de dese\u00f1o de UI\/UX que ofrece un conxunto de funci\u00f3ns para crear interfaces e experiencias de usuario elegantes e funcionais. Cunha interface intuitiva e simplificada, os dese\u00f1adores poden facilmente dar vida \u00e1s s\u00faas ideas e crear dese\u00f1os atractivos.<\/p>\n\n\n\n<p>A ferramenta ofrece, nun s\u00f3 ambiente unificado, capacidades de dese\u00f1o e creaci\u00f3n de prototipos, o que permite crear dese\u00f1os est\u00e1ticos a prototipos interactivos.<\/p>\n\n\n\n<p>Express int\u00e9grase perfectamente con outras aplicaci\u00f3ns de Adobe Creative Cloud, o que permite aos dese\u00f1adores aproveitar todo o potencial creativo do ecosistema.<\/p>\n\n\n\n<p>A colaboraci\u00f3n \u00e9 Un dos aspectos m\u00e1is destacados de Adobe Express \u00e9 a colaboraci\u00f3n. Os equipos de dese\u00f1o poden colaborar de forma eficaz mediante a edici\u00f3n conxunta e en tempo real, o que permite que varios dese\u00f1adores traballen nun mesmo proxecto ao mesmo tempo. Tam\u00e9n ofrece funci\u00f3ns para compartir e comentar, o que permite \u00e1s partes interesadas e aos clientes revisar dese\u00f1os e proporcionar comentarios directamente dentro da aplicaci\u00f3n. O que facilita unha comunicaci\u00f3n flu\u00edda durante todo o proceso de dese\u00f1o entre t\u00f3dolos axentes implicados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. <a href=\"https:\/\/balsamiq.com\/\">Balsamiq<\/a><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/balsamiq-1024x768.png\" alt=\"\" class=\"wp-image-1397\" srcset=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/balsamiq-1024x768.png 1024w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/balsamiq-300x225.png 300w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/balsamiq-768x576.png 768w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/balsamiq.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Ferramenta de dese\u00f1o de UI\/UX amigable e eficiente que se centra na creaci\u00f3n de prototipos e <em>wireframing<\/em> r\u00e1pidos. Permite esbozar as t\u00faas ideas e conceptos de xeito r\u00e1pido, o que o converte nunha opci\u00f3n ideal para as iteraci\u00f3ns de dese\u00f1o en fase inicial.<\/p>\n\n\n\n<p>Cunha interface sinxela e intuitiva, Balsamiq permite aos dese\u00f1adores crear <a href=\"https:\/\/en.wikipedia.org\/wiki\/Website_wireframe\">wireframes<\/a> de baixa fidelidade que comunican eficazmente a estrutura e o dese\u00f1o dunha interface de usuario.<\/p>\n\n\n\n<p>Disp\u00f3n dunha extensa biblioteca de compo\u00f1entes e modelos de IU pre-constru\u00eddos -bot\u00f3ns, formularios, iconas,&#8230;-. Os dese\u00f1adores poden arrastrar e soltar facilmente estes elementos no lenzo, acelerando o proceso de <em>wireframing<\/em> e garantindo un dese\u00f1o consistente en diferentes pantallas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. <a href=\"https:\/\/www.figma.com\/\">Figma<\/a><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor-1024x576.jpg\" alt=\"\" class=\"wp-image-1398\" srcset=\"https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor-1024x576.jpg 1024w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor-300x169.jpg 300w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor-768x432.jpg 768w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor-800x450.jpg 800w, https:\/\/bitsolto.com\/bitacora\/wp-content\/uploads\/2023\/10\/figma-editor.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Ferramenta de dese\u00f1o de UI\/UX l\u00edder que revoluciona o proceso de dese\u00f1o colaborativo. Coa s\u00faa plataforma baseada na nube, Figma permite aos dese\u00f1adores traballar xuntos sen problemas en tempo real, rompendo barreiras xeogr\u00e1ficas e permitindo unha colaboraci\u00f3n eficiente en proxectos de dese\u00f1o. A ferramenta ofrece un conxunto completo de funci\u00f3ns para dese\u00f1ar, crear prototipos e iterar interfaces de usuario, o que a converte nunha opci\u00f3n moi popular entre os equipos de dese\u00f1o.<\/p>\n\n\n\n<p>Con Figma podes crear e editar dese\u00f1os en distintos dispositivos e sistemas operativos, grazas \u00e1 s\u00faa natureza baseada na nube. O que permite unha f\u00e1cil accesibilidade e colaboraci\u00f3n desde calquera lugar, con cambios visibles ao instante para todo o equipo.<\/p>\n\n\n\n<p>Figma, incl\u00fae ademais unha extensa biblioteca de compo\u00f1entes, estilos re-utilizables e ferramentas de dese\u00f1o avanzadas, inclu\u00eddos asistentes AI.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e1is<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.invisionapp.com\/\"><strong>InVision Freehand<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/marvelapp.com\/\"><strong>Marvel<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/origami.design\/\"><strong>Origami Studio<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/proto.io\/\"><strong>Proto.io<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.uxpin.com\/\"><strong>UXPin<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/zeplin.io\/\"><strong>Zeplin<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>ref:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/uxmastery.com\/resources\/tools\/\">UX Tools<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/slickplan.com\/blog\/best-prototyping-tools\">Prototyping tools comparison<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.creativebloq.com\/how-to\/20-best-ui-design-tools\">&#8230;<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A IU e a UX son aspectos esenciais do dese\u00f1o, mentres a IU c\u00e9ntrase nos elementos est\u00e9ticos da interface de usuario a UX c\u00e9ntrase na experiencia global do usuario. Para crear os mellores produtos, necesitaras ferramentas de calidade. Atopar as ferramentas adecuadas permitirache ofrecer dese\u00f1os excepcionais e produtos f\u00e1ciles de usar. A\u00ednda que moitas delas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","omw_enable_modal_window":"enable","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[45,19],"tags":[49,47,48],"class_list":["post-1394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deseno-grafico","category-deseno-web","tag-deseno","tag-deseno-dixital","tag-deseno-grafico","entry","has-media"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/1394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/comments?post=1394"}],"version-history":[{"count":3,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/1394\/revisions"}],"predecessor-version":[{"id":1402,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/1394\/revisions\/1402"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media\/1399"}],"wp:attachment":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media?parent=1394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/categories?post=1394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/tags?post=1394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}