{"id":1613,"date":"2021-03-11T11:45:48","date_gmt":"2021-03-11T11:45:48","guid":{"rendered":"https:\/\/upsteam.es\/?p=1613"},"modified":"2025-01-12T12:28:42","modified_gmt":"2025-01-12T12:28:42","slug":"recursos-gratuitos-iv-tools-y-assets-para-apps","status":"publish","type":"post","link":"https:\/\/upsteam.es\/va\/recursos-gratuitos-iv-tools-y-assets-para-apps","title":{"rendered":"Recursos Gratuitos (IV): Tools y Assets para Apps"},"content":{"rendered":"<p>Para la creaci\u00f3n de apps, el aspecto visual de la interfaz es tan importante como su correcto funcionamiento. El dise\u00f1o de interfaces es una constante b\u00fasqueda del equilibrio. Cuanta informaci\u00f3n poner en pantalla para que el usuario pueda saber que pasa en todo momento sin saturarse. Qu\u00e9 herramientas mostrar para que el usuario novato se sienta c\u00f3modo al usar la aplicaci\u00f3n, pero sin olvidarnos de las necesidades m\u00e1s exigentes de los \u201cpower-users\u201d. Crear todo esto desde cero puede ser una tarea complicada sobretodo para un equipo con pocos integrantes o con poca experiencia. Es por eso que os vamos a recomendar diferentes sitios web donde pod\u00e9is encontrar estos recursos de manera gratuita y de uso libre.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>UI STORE DESIGN<\/strong><\/h2>\n\n\n\n<p>En esta p\u00e1gina pod\u00e9is encontrar pr\u00e1cticamente todo lo que necesit\u00e1is para comenzar. Desde iconos, ilustraciones, hasta mockups e incluso, UIs enteras ya hechas listas para implementarlas. Esta p\u00e1gina \u00fanicamente recoge estos recursos gratuitos y en el momento de descargarlos os redireccionar\u00e1 a la p\u00e1gina que corresponda y a lo mejor dentro os pueden pedir una cuenta de esa p\u00e1gina. Adem\u00e1s los archivos pueden estar en formatos que requieran de software de pago, como por ejemplo Photoshop. Pero la gran mayor\u00eda tambi\u00e9n est\u00e1n disponibles para Sketch o Figma que tienen una opci\u00f3n gratuita.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.uistore.design\/\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf63c7b96.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Link de la p\u00e1gina: <a href=\"https:\/\/www.uistore.design\">https:\/\/www.uistore.design<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>FLATICON<\/strong><\/h2>\n\n\n\n<p>Una de las p\u00e1ginas con m\u00e1s iconos disponibles. Encontrareis muchos packs de iconos con su propio estilo o tema as\u00ed que seguro que alguno os convencer\u00e1. Adem\u00e1s cada pack ofrece diferentes variantes: solo el contorno, pintado pero sin contorno o los dos a la vez. Esto da mucho juego a poder juntar distintos pack de iconos para que sigan la misma est\u00e9tica. Adem\u00e1s podremos descargarlo todo o bien en formato PNG o vectorial (SVG), como mejor nos convenga. Aunque no todo el contenido es gratuito, la mayor\u00eda s\u00ed lo es, haciendo de esta p\u00e1gina una fuente de recursos a considerar.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.flaticon.es\/\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf658e073.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Link de la p\u00e1gina: <a href=\"https:\/\/www.flaticon.es\/\">https:\/\/www.flaticon.es<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>DRAWKIT<\/strong><\/h2>\n\n\n\n<p>Aunque tambi\u00e9n ofrece iconos, DrawKit se centra en proveer ilustraciones gratuitas. Aunque no tiene la misma cantidad de contenido que los anteriores, destaca por la calidad del contenido que ofrece.Con varios packs y algunos incluso con animaciones hacen de DrawKit una herramienta muy \u00fatil para a\u00f1adir un poco m\u00e1s informaci\u00f3n a nuestras interfaces.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.drawkit.io\/\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf67f29ff.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Link de la p\u00e1gina: <a href=\"https:\/\/www.drawkit.io\">https:\/\/www.drawkit.io<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>DAFONT<\/strong><\/h2>\n\n\n\n<p>En caso de buscar una tipograf\u00eda para cohesionar todo el aspecto visual de la app. Dafont proporciona una gran cantidad de tipograf\u00edas y m\u00faltiples estilos. Al estar todo ordenado por categor\u00edas, es sencillo encontrar cu\u00e1l es la tipograf\u00eda que necesitas. Tambi\u00e9n muestra una previsualizaci\u00f3n de cada una y todo el contenido de esta web es totalmente gratis y de uso libre.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.dafont.com\/es\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf69e5d62.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p>Link de la p\u00e1gina: <a href=\"https:\/\/www.dafont.com\/es\">https:\/\/www.dafont.com\/es<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>GOOGLE FONTS<\/strong><\/h2>\n\n\n\n<p>Google tambi\u00e9n ofrece su propio repositorio de tipograf\u00edas e iconos. Nos permite escribir una frase y ver su previsualizaci\u00f3n con todas las fuentes y tambi\u00e9n cambiar el tama\u00f1o en tiempo real. Adem\u00e1s podemos usar las tipograf\u00edas directamente en una p\u00e1gina html sin tener que descargar nada. En el apartado Icons podemos buscar iconos por su categor\u00eda o aspecto. Todos los iconos siguen las gu\u00edas de estilo de Material Design, que son las directrices de dise\u00f1o que Google recomienda al desarrollar una app en Android. Los iconos se pueden descargar tanto en formato vectorial como en png.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf6b88ce8.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Link de la pagina: <a href=\"https:\/\/fonts.google.com\/\">https:\/\/fonts.google.com<\/a> (Fuentes)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/upsteam.es\/wp-content\/uploads\/2021\/04\/img_606abf6d4b65f.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Link de la pagina:<a href=\"https:\/\/fonts.google.com\/\"> https:\/\/fonts.google.com\/icons<\/a> (Iconos)<\/p>","protected":false},"excerpt":{"rendered":"<p>Para la creaci\u00f3n de apps, el aspecto visual de la interfaz es tan importante como su correcto funcionamiento. El dise\u00f1o de interfaces es una constante b\u00fasqueda del equilibrio. Cuanta informaci\u00f3n poner en pantalla para que el usuario pueda saber que pasa en todo momento sin saturarse. Qu\u00e9 herramientas mostrar para que el usuario novato se&hellip;&nbsp;<a href=\"https:\/\/upsteam.es\/va\/recursos-gratuitos-iv-tools-y-assets-para-apps\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Recursos Gratuitos (IV): Tools y Assets para Apps<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":1618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[12],"tags":[18,27,22,24,25,26],"class_list":["post-1613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-recursos","tag-apps","tag-assets","tag-diseno","tag-gratis","tag-recursos","tag-tools"],"_links":{"self":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/comments?post=1613"}],"version-history":[{"count":6,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1613\/revisions"}],"predecessor-version":[{"id":1748,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/posts\/1613\/revisions\/1748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/media\/1618"}],"wp:attachment":[{"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/media?parent=1613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/categories?post=1613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/upsteam.es\/va\/wp-json\/wp\/v2\/tags?post=1613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}