{"id":975,"date":"2013-12-10T10:57:19","date_gmt":"2013-12-10T10:57:19","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=975"},"modified":"2018-02-16T12:50:34","modified_gmt":"2018-02-16T12:50:34","slug":"infografics","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/introduccio\/infografics\/","title":{"rendered":"Infograf\u00edas"},"content":{"rendered":"<p><\/p>\n<p id=\"docs-internal-guid-07ecc32d-dc23-f18d-4f70-01427a4dbaac\" dir=\"ltr\">La palabra infograf\u00eda proviene de las palabras informaci\u00f3n + graf\u00eda. Lo que se traduce en una representaci\u00f3n visual de la informaci\u00f3n, de una manera esquem\u00e1tica, m\u00e1s din\u00e1mica, atractiva y f\u00e1cil de asimilar.<\/p>\n<p dir=\"ltr\">Seg\u00fan la wikipedia la infograf\u00eda es una representaci\u00f3n visual de los propios textos; en la que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gr\u00e1fica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y\/o sonidos.<!--more--><\/p>\n<p dir=\"ltr\">Podemos introducirnos de manera sencilla en esta disciplina a trav\u00e9s de \u00e9stos enlaces:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=Mr2D8UtaHEs\">\u00bfQu\u00e9 es una infograf\u00eda y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"http:\/\/www.ofifacil.com\/ofifacil-infografias-que-es-definicion-como-se-hacen.php\">Que es una infograf\u00eda, como se hacen, como se dise\u00f1a una infograf\u00eda.<\/a><\/li>\n<\/ul>\n<p dir=\"ltr\">Si quer\u00e9is profundizar un poco m\u00e1s os recomiendo una serie de 5 miniconferencias de <a href=\"http:\/\/medialab-prado.es\/person\/alberto_cairo\">Alberto Cairo<\/a> sobre <a href=\"http:\/\/www.elartefuncional.com\/contenidos.html\">\u201cEl Arte Funcional\u201d<\/a>.<\/p>\n<p dir=\"ltr\">Crear una buena infograf\u00eda no es tan simple, es necesario un tema, organizar los datos y representarlos de una manera visual e interesante pero que sea entendible y claro, transmitiendo exactamente lo que se quiere decir. Aqu\u00ed encontraremos <a href=\"http:\/\/www.criteriondg.info\/wordpress\/10-consejos-para-hacer-infografias\/\">10 consejos para hacer infograf\u00edas<\/a> que pod\u00e9is seguir y de una manera m\u00e1s resumida <a href=\"http:\/\/www.acens.com\/blog\/como-hacer-una-infografia-en-9-pasos.html\">C\u00f3mo hacer una infograf\u00eda en 9 pasos<\/a>.<\/p>\n<p dir=\"ltr\">Antes de pasar a la acci\u00f3n veamos algunos ejemplos que sirven de inspiraci\u00f3n:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.creativosonline.org\/blog\/50-infografias-bien-disenadas.html\">50 infograf\u00edas bien dise\u00f1adas<\/a><\/li>\n<li><a href=\"http:\/\/blogof.francescomugnai.com\/2009\/04\/50-great-examples-of-infographics\/\">50 great examples of infographics<\/a><\/li>\n<li><a href=\"http:\/\/www.pinterest.com\/search\/pins\/?q=infographics\">Infographics &#8211; Pinterest<\/a><\/li>\n<li><a href=\"http:\/\/www.pinterest.com\/kosmopolis\/infografics-infograficos-infographics\/\">Infogr\u00e0fics &#8211; Pinterest<\/a><\/li>\n<li><a href=\"http:\/\/infografias.wordpress.com\/tag\/illustrator\/\">Infograf\u00eda. Lenguaje universal<\/a><\/li>\n<li><a href=\"http:\/\/cargocollective.com\/jorgelcortes\">http:\/\/www.jorgelcortes.com\/<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=tGvwg7mIZ4E\">\u00c9rt\u00e9kt\u00e9r &#8211; Infographics Video<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=JGpGK4HUubM\">Infograf\u00eda: Redes Sociales<\/a><\/li>\n<\/ul>\n<p dir=\"ltr\">Podemos crear infograf\u00edas a trav\u00e9s de diversas herramientas on-line gratuitas o bien a trav\u00e9s de programas de dise\u00f1o y manipulaci\u00f3n de vectores como Inkscape o Illustrator.<\/p>\n<ol>\n<li>\n<p dir=\"ltr\"><strong>Herramientas online:<\/strong> <a href=\"http:\/\/piktochart.com\/\">Piktochart<\/a>,\u00a0<a href=\"http:\/\/www.easel.ly\/\">Easel.ly<\/a>, <a href=\"http:\/\/visual.ly\/\">Visual.ly<\/a>,<a href=\"http:\/\/infogr.am\/\">Infogr.am<\/a> y <a href=\"http:\/\/creatly.com\/\">Creatly.com<\/a> entre otras, utilizando los recursos disponibles y plantillas modificables:<\/p>\n<\/li>\n<\/ol>\n<ul>\n<li><a href=\"http:\/\/www.bloggorium.com\/2013\/02\/infografias-todo-lo-que-debes-saber.html#.UqDOl402WLs\">Infograf\u00edas: todo lo que debes saber<\/a><\/li>\n<li><a href=\"http:\/\/www.google.es\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=9&amp;ved=0CFwQFjAI&amp;url=http%3A%2F%2Fwww.ipixelestudio.com%2Fblog%2Fherramientas-gratuitas-crear-infografias-gratis.html&amp;ei=qsGgUo3UI-jt0gXM8YDwDg&amp;usg=AFQjCNHrbLbCnEWYr48N3V0gYjB2iI7WEg&amp;sig2=ncOeiskQkB7k8-9u8qewkA&amp;bvm=bv.57155469,d.d2k\">7 herramientas online para crear infograf\u00edas gratuitas<\/a><\/li>\n<\/ul>\n<ol start=\"2\">\n<li>\n<p dir=\"ltr\"><strong>Programas vectoriales<\/strong> como <a href=\"http:\/\/www.adobe.com\/es\/products\/illustrator.html\">Adobe Illustrator<\/a> utilizando diferentes herramientas como:<\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Generaci\u00f3n de gr\u00e1ficos:<\/p>\n<ul>\n<li><a href=\"http:\/\/designmodo.com\/create-infographics-illustrator\/\">How to Create Infographics in Adobe Illustrator<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=WCDtMHJsqSM\">Illustrator Infograf\u00edas y herramientas de gr\u00e1ficos<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=3VwjD3wyJu0\">Documenta gr\u00e1ficos con Adobe Illustrator. Parte 1<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=BnO3c9npNhI\">Documenta gr\u00e1ficos con Adobe Illustrator. Parte 2<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=gIbFOGTNGjY\">Adobe Illustrator CS5: Edici\u00f3n de gr\u00e1ficas<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=p8n1Omxxt8E\">Infographic Design 101: Intro to the graph tool in Adobe Illustrator<\/a>\n<p dir=\"ltr\">Extrusi\u00f3n y biselado:<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=dpN8IKC4q4A\">Dise\u00f1o Gr\u00e1fico &#8211; Adobe Illustrator CS5 &#8211; Infograf\u00eda 3D<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=7S802t3dR7M\">Illustrator Tutorial 3D Pie Charts | Glazefolio Design Blog<\/a><\/li>\n<li><a href=\"http:\/\/vector.tutsplus.com\/tutorials\/designing\/turn-a-boring-bar-graph-into-a-3d-masterpiece\/\">Turn a Boring Bar Graph into a 3D Masterpiece<\/a>\n<p dir=\"ltr\">Importando mapas svg:<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=oyqaNz_OkxA\">Creating maps for infographics. Parte 1<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=Htokten68hI\">Creating maps for infographics. Parte 2<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=7o6NeqI_4us\">Creating maps for infographics. Parte 3<\/a>\n<p dir=\"ltr\">Pinceles:<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=MOXNMEPrtZ4\">Creating fun and accurate timelines in Adobe Illustrator<\/a><\/li>\n<\/ul>\n<p dir=\"ltr\">En internet tambi\u00e9n podemos encontrar plantillas y recursos gr\u00e1ficos vectoriales, que podemos descargar y personalizar para crear nuestras infograf\u00edas simplificando el proceso de elaboraci\u00f3n de gr\u00e1ficos:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.vectorizados.com\/vector\/7653_elementos-para-infografas\/\">Elementos para infograf\u00edas<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Disculpa, pero esta entrada est\u00e1 disponible s\u00f3lo en catal\u00e0.<\/p>\n","protected":false},"author":59,"featured_media":0,"parent":1126,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[8,18],"class_list":["post-975","page","type-page","status-publish","hentry","tag-illustrator","tag-inkscape","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/975","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\/59"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=975"}],"version-history":[{"count":14,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/975\/revisions"}],"predecessor-version":[{"id":1648,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/975\/revisions\/1648"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1126"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=975"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}