{"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\/introduccio\/infografics\/","title":{"rendered":"Infografies"},"content":{"rendered":"<p><\/p>\n<p id=\"docs-internal-guid-07ecc32d-dc2a-3add-adf9-cdb83fed786d\" dir=\"ltr\">La paraula infografia prov\u00e9 de les paraules informaci\u00f3 + grafia . El que es tradueix en una representaci\u00f3 visual de la informaci\u00f3, d&#8217;una manera esquem\u00e0tica, m\u00e9s din\u00e0mica, atractiva i f\u00e0cil d&#8217;assimilar .<\/p>\n<p dir=\"ltr\">Segons la wikipedia la infografia \u00e9s una representaci\u00f3 visual dels mateixos textos, en la qual intervenen descripcions, narracions o interpretacions, presentades de manera gr\u00e0fica normalment figurativa, que poden o no coincidir amb grafismes abstractes i\/o sons .<!--more--><\/p>\n<p dir=\"ltr\">Podem introduir-nos de manera senzilla en aquesta disciplina a trav\u00e9s d&#8217;aquests enlla\u00e7os :<\/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 voleu aprofundir una mica m\u00e9s us recomano una s\u00e8rie de 5 miniconferencias d&#8217;<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 bona infografia no \u00e9s tan simple, cal un tema, organitzar les dades i representar-los d&#8217;una manera visual i interessant per\u00f2 que sigui comprensible i clar, transmetent exactament el que es vol dir. Aqu\u00ed trobarem <a href=\"http:\/\/www.criteriondg.info\/wordpress\/10-consejos-para-hacer-infografias\/\">10 consells per fer infografies<\/a> que podeu seguir i d&#8217;una manera m\u00e9s resumida <a href=\"http:\/\/www.acens.com\/blog\/como-hacer-una-infografia-en-9-pasos.html\">com fer una infografia 9 passos<\/a>.<\/p>\n<div id=\"gt-res-content\">\n<div dir=\"ltr\">Abans de passar a l&#8217;acci\u00f3 vegem alguns exemples que serveixen d&#8217;inspiraci\u00f3:<\/div>\n<\/div>\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\">Podem crear infografies a trav\u00e9s de diverses eines online gratu\u00eftes o b\u00e9 a trav\u00e9s de programes de disseny i manipulaci\u00f3 de vectors com Inkscape o Illustrator.<\/p>\n<ol>\n<li><strong>Eines 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 d&#8217;altres, utilitzant els recursos disponibles i plantilles modificables:<\/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>Programes vectorials<\/strong> com Adobe Illustrator utilitzant diferents eines com:<\/p>\n<\/li>\n<\/ol>\n<p dir=\"ltr\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Generaci\u00f3 de gr\u00e0fics:<\/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><\/li>\n<\/ul>\n<p dir=\"ltr\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Extrusi\u00f3 i bisellat:<\/p>\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><\/li>\n<\/ul>\n<p dir=\"ltr\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Important mapes svg:<\/p>\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><\/li>\n<\/ul>\n<p dir=\"ltr\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Pinzells:<\/p>\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\">A internet tamb\u00e9 podem trobar plantilles i recursos gr\u00e0fics vectorials, que podem descarregar i personalitzar per crear les nostres infografies simplificant el proc\u00e9s d&#8217;elaboraci\u00f3 de gr\u00e0fics:<\/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>La paraula infografia prov\u00e9 de les paraules informaci\u00f3 + grafia . El que es tradueix en una representaci\u00f3 visual de la informaci\u00f3, d&#8217;una manera esquem\u00e0tica, m\u00e9s din\u00e0mica, atractiva i f\u00e0cil d&#8217;assimilar . Segons la wikipedia la infografia \u00e9s una representaci\u00f3 visual dels mateixos textos, en la qual intervenen descripcions, narracions o interpretacions, presentades de manera &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/introduccio\/infografics\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abInfografies\u00bb<\/span><\/a><\/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\/wp-json\/wp\/v2\/pages\/975","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\/59"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=975"}],"version-history":[{"count":14,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/975\/revisions"}],"predecessor-version":[{"id":1648,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/975\/revisions\/1648"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1126"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=975"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}