{"id":39996,"date":"2016-01-25T14:40:59","date_gmt":"2016-01-25T14:40:59","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones\/"},"modified":"2026-04-21T07:06:06","modified_gmt":"2026-04-21T07:06:06","slug":"tendencia-en-disseny-web-2016-vol-2-animacions","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/","title":{"rendered":"Tend\u00e8ncia en disseny web per al 2016 vol.2 &#8211; Animacions"},"content":{"rendered":"<p>Pel que fa a la <strong>programaci\u00f3 web<\/strong> i el <strong>disseny web<\/strong>, \u00e9s cert que unes bones animacions poden marcar la difer\u00e8ncia entre diferents tipus de llocs web.<\/p>\n<p>Un bon \u00fas d\u2019aquest recurs pot fer que l\u2019experi\u00e8ncia de l\u2019usuari sigui memorable i fins i tot esdevingui tema de conversa dins del sector.<\/p>\n<p>Els recursos m\u00e9s habituals entre els experts en programaci\u00f3 s\u00f3n:<\/p>\n<p><strong>Paralax<\/strong>: aquest efecte \u00e9s molt interessant si volem mantenir o trencar el ritme de lectura visual, ja que aconsegueix que l\u2019usuari torni a fixar-se en el contingut.<\/p>\n<p>Un bon exemple de paralax el trobem a <a href=\"http:\/\/forbetter.coffee\/\" target=\"_blank\" rel=\"nofollow\">http:\/\/forbetter.coffee\/<\/a><\/p>\n<p><strong>Loaders<\/strong>: un recurs molt utilitzat per reduir l\u2019impaci\u00e8ncia de l\u2019usuari mentre espera accedir a un contingut; pot arribar a ser un element clau en l\u2019acabat d\u2019una web.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/3-slack-1.gif\"><img decoding=\"async\" class=\"alignnone size-full wp-image-178\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/3-slack-1.gif\" alt=\"3-slack\" width=\"431\" height=\"323\" \/><\/a><\/p>\n<p><strong>Hover:<\/strong> fer-ne un bon \u00fas \u00e9s essencial per aconseguir una web realment intu\u00eftiva, ja que ofereix una resposta immediata a la interacci\u00f3 entre l\u2019usuari i la interf\u00edcie.<\/p>\n<p><strong>Slideshow<\/strong>: el slideshow \u00e9s ja un cl\u00e0ssic per a <strong>dissenyadors<\/strong> i <strong>programadors web<\/strong>; una galeria d\u2019imatges que mostra de manera directa contingut relacionat.<\/p>\n<p><strong>Grid tipus Pinterest:<\/strong> un recurs que <strong>Pinterest<\/strong> va posar de moda i que convida a navegar lliurement entre diferents tipus de contingut. \u00c9s ideal perqu\u00e8 l\u2019usuari es deixi portar pel nostre disseny i el temps li passi volant.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/screen-shot-2013-03-30-at-7-49-59-pm-1.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-179\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/screen-shot-2013-03-30-at-7-49-59-pm-1.jpg\" alt=\"dise\u00f1o web barcelona\" width=\"1261\" height=\"627\" \/><\/a><\/p>\n<h3><\/h3>\n<p>Per acabar, cal tenir en compte que aix\u00f2 no \u00e9s una guia infal\u00b7lible per garantir l\u2019\u00e8xit: per aconseguir un bon disseny web cal saber quin recurs aplicar en cada moment i utilitzar la programaci\u00f3 com una eina intel\u00b7ligent, prenent sempre les decisions m\u00e9s adequades.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pel que fa a la programaci\u00f3 web i el disseny web, \u00e9s cert que unes bones animacions poden marcar la difer\u00e8ncia entre diferents tipus de llocs web. Un bon \u00fas d\u2019aquest recurs pot fer que l\u2019experi\u00e8ncia de l\u2019usuari sigui memorable i fins i tot esdevingui tema de conversa dins del sector. Els recursos m\u00e9s habituals [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4676,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210],"class_list":["post-39996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>La importancia de las animaciones en el dise\u00f1o web<\/title>\n<meta name=\"description\" content=\"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La importancia de las animaciones en el dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-25T14:40:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T07:06:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tend\u00e8ncia en disseny web per al 2016 vol.2 &#8211; Animacions\",\"datePublished\":\"2016-01-25T14:40:59+00:00\",\"dateModified\":\"2026-04-21T07:06:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\"},\"wordCount\":291,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\",\"name\":\"La importancia de las animaciones en el dise\u00f1o web\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif\",\"datePublished\":\"2016-01-25T14:40:59+00:00\",\"dateModified\":\"2026-04-21T07:06:06+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif\",\"width\":800,\"height\":600},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La importancia de las animaciones en el dise\u00f1o web","description":"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/","og_locale":"ca_ES","og_type":"article","og_title":"La importancia de las animaciones en el dise\u00f1o web","og_description":"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/","og_site_name":"Code Barcelona","article_published_time":"2016-01-25T14:40:59+00:00","article_modified_time":"2026-04-21T07:06:06+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif","type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tend\u00e8ncia en disseny web per al 2016 vol.2 &#8211; Animacions","datePublished":"2016-01-25T14:40:59+00:00","dateModified":"2026-04-21T07:06:06+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/"},"wordCount":291,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/","name":"La importancia de las animaciones en el dise\u00f1o web","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif","datePublished":"2016-01-25T14:40:59+00:00","dateModified":"2026-04-21T07:06:06+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"En nuestro estudio de diseno web en barcelona nos tomamos muy en serio el uso de buenas animaciones. Parallax, Hovers y demas.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencia-en-disseny-web-2016-vol-2-animacions\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2016\/01\/tendencia-en-diseno-web-para-el-2016-vol-2-animaciones-featured.gif","width":800,"height":600},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=39996"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39996\/revisions"}],"predecessor-version":[{"id":40003,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39996\/revisions\/40003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4676"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=39996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=39996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}