{"id":5387,"date":"2023-05-22T10:03:09","date_gmt":"2023-05-22T10:03:09","guid":{"rendered":"https:\/\/www.pilafestudio.com\/?p=5387"},"modified":"2023-05-30T08:53:23","modified_gmt":"2023-05-30T08:53:23","slug":"jerarquia-diseno-web","status":"publish","type":"post","link":"https:\/\/www.pilafestudio.com\/val\/jerarquia-diseno-web\/","title":{"rendered":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo"},"content":{"rendered":"

Introducci\u00f3n:<\/strong><\/h3>\n\n\n\n

Cuando se trata de dise\u00f1o web<\/a>, la creaci\u00f3n de un dise\u00f1o visualmente atractivo y organizado es crucial para atraer a los usuarios y transmitir la informaci\u00f3n de manera eficaz. La jerarqu\u00eda visual desempe\u00f1a un papel fundamental a la hora de guiar la atenci\u00f3n de los usuarios y priorizar el contenido de una p\u00e1gina web. En este art\u00edculo, exploraremos los principios de la jerarqu\u00eda visual y el dise\u00f1o de maquetaci\u00f3n<\/strong> para crear sitios web atractivos y f\u00e1ciles de usar.<\/strong><\/p>\n\n\n\n

Jerarqu\u00eda visual:<\/strong><\/h3>\n\n\n\n

La jerarqu\u00eda visual se refiere a la disposici\u00f3n y presentaci\u00f3n de los elementos en una p\u00e1gina web, donde ciertos elementos tienen m\u00e1s prominencia que otros. Al organizar y enfatizar estrat\u00e9gicamente los elementos, puedes controlar el orden en que los usuarios perciben e interact\u00faan con tu contenido.<\/p>\n\n\n\n

1. Tama\u00f1o y escala:<\/h4>\n\n\n\n

Los elementos m\u00e1s grandes tienden a captar primero la atenci\u00f3n. Utilizamos distintos tama\u00f1os para destacar elementos importantes como t\u00edtulos, mensajes clave o llamadas a la acci\u00f3n. Al hacer que estos elementos sean m\u00e1s grandes que el contenido circundante, se puede crear una clara distinci\u00f3n visual.<\/p>\n\n\n\n

2. Color y contraste:<\/h4>\n\n\n\n

El color desempe\u00f1a un papel crucial a la hora de establecer una jerarqu\u00eda visual. Los colores vivos y contrastados pueden llamar la atenci\u00f3n sobre elementos espec\u00edficos, mientras que los colores apagados pueden utilizarse para elementos secundarios o de fondo. Se debe asegurar que haya suficiente contraste entre el texto y el fondo para facilitar la lectura. Este aspecto se enmarca dentro de la accesibilidad web, un campo muy amplio en el que profundizaremos en siguientes entradas.<\/p>\n\n\n\n

3. Tipograf\u00eda:<\/h4>\n\n\n\n

La elecci\u00f3n de fuentes y tipograf\u00eda puede influir mucho en la jerarqu\u00eda. Para usarla en nuestro favor utilizamos distintos tama\u00f1os, pesos y estilos de letra para distinguir entre t\u00edtulos, subt\u00edtulos y cuerpo del texto. En este mismo post puedes distinguir tres niveles de titular y el cuerpo de texto. Hay que tener en cuenta la legibilidad a la hora de seleccionar fuentes para distintos tama\u00f1os de pantalla.<\/p>\n\n\n\n

\"Jerarqu\u00eda
En este extracto de la web de elementor vemos todos los conceptos aplicados. El uso de tipograf\u00eda (tipos y tama\u00f1os) el uso del color para generar contraste visible en los links y la agrupaci\u00f3n de elementos.<\/figcaption><\/figure>\n\n\n\n

T\u00e9cnicas de dise\u00f1o:<\/strong><\/h3>\n\n\n\n

Una maquetaci\u00f3n bien dise\u00f1ada mejora la experiencia del usuario y facilita a los visitantes la navegaci\u00f3n por su sitio web. Entre otras, tenemos en cuenta las siguientes t\u00e9cnicas:<\/p>\n\n\n\n

1. Sistemas de cuadr\u00edcula:<\/h4>\n\n\n\n

Aprovechamos los sistemas de cuadr\u00edcula para establecer un dise\u00f1o coherente y organizado. Las cuadr\u00edculas ayudan a alinear elementos, crean armon\u00eda visual y permiten un dise\u00f1o adaptable. Ya sea utilizando una simple cuadr\u00edcula de columnas o una cuadr\u00edcula modular m\u00e1s compleja, proporciona una base s\u00f3lida para su dise\u00f1o.<\/p>\n\n\n\n

\"\"
En el loop de cursos de dom\u00e9stika se presentan las pastillas de los cursos mediante un sistema de ret\u00edcula. De esta forma forma visualizamos r\u00e1pidamente los grupos de informaci\u00f3n. F\u00edjate que dentro de cada pastilla igualmente se aplican los criterios de jerarqu\u00eda expuestos en el punto anterior. <\/figcaption><\/figure>\n\n\n\n

Tienes m\u00e1s info sobre ret\u00edculas en dise\u00f1o en este post<\/a>.<\/p>\n\n\n\n

2. Espacio en blanco:<\/h4>\n\n\n\n

Tambi\u00e9n conocido como espacio negativo, el espacio en blanco se refiere a las \u00e1reas vac\u00edas entre los elementos. Permite que los elementos respiren y crea una sensaci\u00f3n de equilibrio y claridad. Podemos utilizar un amplio espacio en blanco para separar el contenido y mejorar la legibilidad.<\/p>\n\n\n\n

3. Alineaci\u00f3n:<\/h4>\n\n\n\n

La alineaci\u00f3n coherente de los elementos crea orden visual y armon\u00eda. Alinear los elementos a lo largo de un eje horizontal o vertical ayuda a establecer una sensaci\u00f3n de estructura. Podemos elegir entre alineaci\u00f3n a la izquierda, al centro o a la derecha en funci\u00f3n del contenido y del impacto visual deseado.<\/p>\n\n\n\n

4. Agrupaci\u00f3n y proximidad:<\/h4>\n\n\n\n

Agrupamos los elementos relacionados para conectarlos visualmente. Al colocar contenidos relacionados muy cerca, indica su relaci\u00f3n y facilita a los usuarios la comprensi\u00f3n de la jerarqu\u00eda de la informaci\u00f3n. En muchas ocasiones tendemos a usar separadores y lineas y dem\u00e1s elementos gr\u00e1ficos de los que quiz\u00e1 de podr\u00eda prescindir mediante el uso del espacio en blanco entre contenidos.<\/p>\n\n\n\n

Conclusi\u00f3n:<\/strong><\/h3>\n\n\n\n

Dominar la jerarqu\u00eda visual<\/a> y el dise\u00f1o de la maquetaci\u00f3n es esencial para crear sitios web atractivos y f\u00e1ciles de usar. Utilizando t\u00e9cnicas como el tama\u00f1o, el color, la tipograf\u00eda, las cuadr\u00edculas, el espacio en blanco y la alineaci\u00f3n, puede guiar la atenci\u00f3n de los usuarios, priorizar el contenido y mejorar la experiencia general del usuario.<\/p>\n\n\n\n

Hay que experimentar, iterar y adaptar estos principios a los objetivos de dise\u00f1o espec\u00edficos y al p\u00fablico objetivo. Con una jerarqu\u00eda visual y un dise\u00f1o bien elaborados, se pueden crear sitios web que cautiven y deleiten a los usuarios.<\/p>\n\n\n\n

\n\n\n\n

Referencias y webs de inter\u00e9s:<\/h3>\n\n\n\n

1. \u00abClase de Dise\u00f1o\u00bb (https:\/\/clasededise\u00f1o.com\/<\/a>): Este sitio web ofrece tutoriales y art\u00edculos sobre dise\u00f1o gr\u00e1fico y web, incluyendo informaci\u00f3n sobre jerarqu\u00eda visual y c\u00f3mo aplicarla en tus dise\u00f1os.<\/p>\n\n\n\n

2. \u00abCrehana\u00bb (https:\/\/www.crehana.com\/co\/blog<\/a>\/): Crehana es una plataforma de aprendizaje en l\u00ednea que tambi\u00e9n cuenta con un blog. En su secci\u00f3n de dise\u00f1o podr\u00e1s encontrar diversos art\u00edculos sobre jerarqu\u00eda visual y otros temas relacionados.<\/p>\n\n\n\n

3. \u00abWebespacio\u00bb (https:\/\/www.webespacio.com\/<\/a>): Webespacio es un blog que aborda diferentes temas relacionados con el dise\u00f1o web y gr\u00e1fico. En su secci\u00f3n de dise\u00f1o podr\u00e1s encontrar contenido sobre jerarqu\u00eda visual y c\u00f3mo mejorar la legibilidad y el flujo en tus dise\u00f1os.<\/p>\n\n\n\n

4. \u00abTrazos Web\u00bb (https:\/\/trazos-web.com\/<\/a>): Este sitio web se enfoca en el dise\u00f1o y desarrollo web. En su secci\u00f3n de dise\u00f1o podr\u00e1s encontrar art\u00edculos sobre jerarqu\u00eda visual, as\u00ed como consejos y t\u00e9cnicas para mejorar tus dise\u00f1os.<\/p>\n\n\n\n

5. \u00abBlog de IEBS\u00bb (https:\/\/www.iebschool.com\/blog\/<\/a>): IEBS es una escuela de negocios en l\u00ednea que cuenta con un blog donde se comparten art\u00edculos relacionados con el dise\u00f1o y otros temas. En su secci\u00f3n de dise\u00f1o podr\u00e1s encontrar contenido sobre jerarqu\u00eda visual y c\u00f3mo aplicarla de manera efectiva en tus dise\u00f1os.<\/p>","protected":false},"excerpt":{"rendered":"

Introducci\u00f3n: Cuando se trata de dise\u00f1o web, la creaci\u00f3n de un dise\u00f1o visualmente atractivo y organizado es crucial para atraer a los usuarios y transmitir la informaci\u00f3n de manera eficaz. La jerarqu\u00eda visual desempe\u00f1a un papel fundamental a la hora de guiar la atenci\u00f3n de los usuarios y priorizar el contenido de una p\u00e1gina web. […]<\/p>","protected":false},"author":1,"featured_media":5396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[19],"tags":[195,194],"class_list":["post-5387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-diseno-de-interfaz-web","tag-diseno-web-ontinyent"],"yoast_head":"\nJerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo<\/title>\n<meta name=\"description\" content=\"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pilafestudio.com\/val\/jerarquia-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo\" \/>\n<meta property=\"og:description\" content=\"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pilafestudio.com\/val\/jerarquia-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Pilaf Estudio\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T10:03:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T08:53:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rafa Villarraso\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafa Villarraso\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/\"},\"author\":{\"name\":\"Rafa Villarraso\",\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf\"},\"headline\":\"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo\",\"datePublished\":\"2023-05-22T10:03:09+00:00\",\"dateModified\":\"2023-05-30T08:53:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/\"},\"wordCount\":1114,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf\"},\"image\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg\",\"keywords\":[\"dise\u00f1o de interfaz web\",\"dise\u00f1o web ontinyent\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/\",\"url\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/\",\"name\":\"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo\",\"isPartOf\":{\"@id\":\"https:\/\/www.pilafestudio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg\",\"datePublished\":\"2023-05-22T10:03:09+00:00\",\"dateModified\":\"2023-05-30T08:53:23+00:00\",\"description\":\"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage\",\"url\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg\",\"contentUrl\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"dise\u00f1o-web-jerarquia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.pilafestudio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pilafestudio.com\/#website\",\"url\":\"https:\/\/www.pilafestudio.com\/\",\"name\":\"Pilaf Estudio\",\"description\":\"Dise\u00f1o Web a Medida\",\"publisher\":{\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pilafestudio.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf\",\"name\":\"Rafa Villarraso\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2019\/06\/RafaRigP.gif\",\"contentUrl\":\"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2019\/06\/RafaRigP.gif\",\"width\":200,\"height\":200,\"caption\":\"Rafa Villarraso\"},\"logo\":{\"@id\":\"https:\/\/www.pilafestudio.com\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/www.pilafestudio.com\/val\/author\/rafa-villarraso\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo","description":"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.","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:\/\/www.pilafestudio.com\/val\/jerarquia-diseno-web\/","og_locale":"ca_ES","og_type":"article","og_title":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo","og_description":"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.","og_url":"https:\/\/www.pilafestudio.com\/val\/jerarquia-diseno-web\/","og_site_name":"Pilaf Estudio","article_published_time":"2023-05-22T10:03:09+00:00","article_modified_time":"2023-05-30T08:53:23+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg","type":"image\/jpeg"}],"author":"Rafa Villarraso","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"Rafa Villarraso","Temps estimat de lectura":"5 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#article","isPartOf":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/"},"author":{"name":"Rafa Villarraso","@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf"},"headline":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo","datePublished":"2023-05-22T10:03:09+00:00","dateModified":"2023-05-30T08:53:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/"},"wordCount":1114,"commentCount":1,"publisher":{"@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf"},"image":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg","keywords":["dise\u00f1o de interfaz web","dise\u00f1o web ontinyent"],"articleSection":["Blog"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/","url":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/","name":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo","isPartOf":{"@id":"https:\/\/www.pilafestudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg","datePublished":"2023-05-22T10:03:09+00:00","dateModified":"2023-05-30T08:53:23+00:00","description":"En dise\u00f1o web, crear un dise\u00f1o visualmente atractivo y organizado es vital para atraer usuarios y transmitir la informaci\u00f3n de manera eficaz.","breadcrumb":{"@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#primaryimage","url":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg","contentUrl":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2023\/05\/jerarquia-visual-scaled.jpg","width":2560,"height":1707,"caption":"dise\u00f1o-web-jerarquia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pilafestudio.com\/jerarquia-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.pilafestudio.com\/"},{"@type":"ListItem","position":2,"name":"Jerarqu\u00eda y organizaci\u00f3n visual para un dise\u00f1o web efectivo"}]},{"@type":"WebSite","@id":"https:\/\/www.pilafestudio.com\/#website","url":"https:\/\/www.pilafestudio.com\/","name":"Pilaf Estudio","description":"Dise\u00f1o Web a Medida","publisher":{"@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pilafestudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":["Person","Organization"],"@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/7eaac3fb2ccdb71db8ed1a4115fd4cbf","name":"Rafa Villarraso","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/image\/","url":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2019\/06\/RafaRigP.gif","contentUrl":"https:\/\/www.pilafestudio.com\/wp-content\/uploads\/2019\/06\/RafaRigP.gif","width":200,"height":200,"caption":"Rafa Villarraso"},"logo":{"@id":"https:\/\/www.pilafestudio.com\/#\/schema\/person\/image\/"},"url":"https:\/\/www.pilafestudio.com\/val\/author\/rafa-villarraso\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/posts\/5387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/comments?post=5387"}],"version-history":[{"count":17,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/posts\/5387\/revisions"}],"predecessor-version":[{"id":5459,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/posts\/5387\/revisions\/5459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/media\/5396"}],"wp:attachment":[{"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/media?parent=5387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/categories?post=5387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pilafestudio.com\/val\/wp-json\/wp\/v2\/tags?post=5387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}