{"id":2355,"date":"2021-06-07T09:31:01","date_gmt":"2021-06-07T07:31:01","guid":{"rendered":"https:\/\/www.sortlist.es\/blog\/?p=2355"},"modified":"2021-07-20T11:17:55","modified_gmt":"2021-07-20T09:17:55","slug":"que-es-diseno-web","status":"publish","type":"post","link":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/","title":{"rendered":"Dise\u00f1o web: \u00bfCu\u00e1les son sus elementos fundamentales?"},"content":{"rendered":"<p>El <strong>dise\u00f1o web<\/strong> es la creaci\u00f3n, conceptualizaci\u00f3n y organizaci\u00f3n de contenidos para la web. Lo que hay que entender es que el dise\u00f1o web <strong>no se limita a la est\u00e9tica de los sitios web<\/strong>.<\/p>\n<p>Cuando hablamos de dise\u00f1o web, tambi\u00e9n hablamos de <strong>c\u00f3mo se utilizar\u00e1 el sitio web<\/strong> y<strong> c\u00f3mo se consumir\u00e1<\/strong> su informaci\u00f3n. As\u00ed que es mucho m\u00e1s amplio de lo que se piensa.<\/p>\n<p>Este art\u00edculo presenta todos los elementos que componen el dise\u00f1o web, tanto est\u00e9ticos como funcionales.<\/p>\n<p>Adem\u00e1s, hablamos de las <strong>herramientas<\/strong> que puedes utilizar para tu propio dise\u00f1o web. Si necesita ayuda con su dise\u00f1o web, puede ponerse en contacto con una de nuestras <a href=\"https:\/\/www.sortlist.es\/diseno-web\/sevilla-es\" target=\"_blank\" rel=\"noopener\">agencias de dise\u00f1o web<\/a>.<\/p>\n<h2>Todos los elementos del dise\u00f1o web<\/h2>\n<p>Al crear un sitio web, hay que tener en cuenta su aspecto y funcionalidad. La combinaci\u00f3n de estos dos ingredientes es lo que hace que el dise\u00f1o web sea eficaz.<\/p>\n<p>La <strong>apariencia<\/strong> corresponde al hecho de tener una<strong> buena interfaz<\/strong>, iconos e <strong>im\u00e1genes adecuadas<\/strong>, <strong>textos<\/strong> <strong>bien escritos<\/strong> con una buena tipograf\u00eda. Pero tambi\u00e9n un <strong>conjunto de colores adaptado<\/strong>.<\/p>\n<p>En cuanto a las funcionalidades, son las prestaciones de su sitio. Se refieren a su velocidad de carga y a su clasificaci\u00f3n en los motores de b\u00fasqueda.<\/p>\n<p>Empecemos por los elementos que hacen que un sitio web tenga un buen aspecto.<\/p>\n<h3>Elementos est\u00e9ticos del dise\u00f1o web<\/h3>\n<h4>Texto<\/h4>\n<p>El aspecto y el texto de su sitio web van de la mano. Sus redactores y dise\u00f1adores de contenidos deben trabajar juntos para crear un dise\u00f1o cohesivo con elementos equilibrados. Conc\u00e9ntrese en crear piezas de texto que sean coherentes con la identidad visual que desea crear. Piensa tambi\u00e9n en las palabras que utilizas: \u00bfcu\u00e1l es tu tono de voz?<\/p>\n<h4>Fuentes<\/h4>\n<p>Elija un tipo de letra que se ajuste a su identidad visual. El tipo de letra debe ir en consonancia con su esquema de colores, sus elementos gr\u00e1ficos y reforzar la din\u00e1mica de su sitio. Una herramienta como <a href=\"https:\/\/www.fontcombinator.app\/\" target=\"_blank\" rel=\"noopener\">Font Combinator<\/a> puede ayudarte a encontrar una fuente. Adem\u00e1s, una herramienta de dise\u00f1o web como <a href=\"https:\/\/www.pagecloud.com\/\" target=\"_blank\" rel=\"noopener\">PageCloud<\/a> ofrece combinaciones de fuentes preseleccionadas.<\/p>\n<h4>Los colores<\/h4>\n<p>Los colores son uno de los elementos m\u00e1s importantes a tener en cuenta a la hora de dise\u00f1ar un sitio web. Hay que tener en cuenta que existen muchos conceptos err\u00f3neos sobre el significado de los colores. Es m\u00e1s importante centrarse en los colores que se ajustan a su visi\u00f3n y al tono de su sitio web. Alinee su paleta de colores con su marca y los mensajes que quiere transmitir a su p\u00fablico. <a href=\"https:\/\/www.sortlist.es\/blog\/identidad-corporativa\/\" target=\"_blank\" rel=\"noopener\">Spotify, Uber y Yelp son buenos ejemplos<\/a>.<\/p>\n<h4>Disposici\u00f3n<\/h4>\n<p>La forma de organizar el contenido influir\u00e1 en la legibilidad y facilidad de uso de su sitio. No hay reglas espec\u00edficas que seguir, pero s\u00ed algunos principios a tener en cuenta. Aseg\u00farese de tener en cuenta las necesidades de su p\u00fablico objetivo y evite utilizar un dise\u00f1o demasiado estimulante que pueda dificultar la comprensi\u00f3n de sus mensajes.<\/p>\n<h4>Formas<\/h4>\n<p>El uso de elementos gr\u00e1ficos en el dise\u00f1o web puede mejorar el aspecto general del sitio. Por ejemplo, combinar colores bonitos con formas puede captar mejor la atenci\u00f3n de sus visitantes.<\/p>\n<h4>Espaciado<\/h4>\n<p>El espaciado es un elemento clave para crear sitios web visualmente agradables y de f\u00e1cil navegaci\u00f3n. Cada elemento de su sitio web incorporar\u00e1 el espacio en blanco de alguna manera. Un buen uso del espacio en blanco es crucial para crear un dise\u00f1o equilibrado entre el texto, las fotos y otros elementos gr\u00e1ficos. Un buen espaciado puede facilitar a sus usuarios la navegaci\u00f3n por su sitio web.<\/p>\n<h4>Im\u00e1genes e iconos<\/h4>\n<p>Algunos dise\u00f1os transmiten mucha informaci\u00f3n con mucha facilidad. Esto es posible mediante el uso de im\u00e1genes e iconos llamativos. Elija los que refuerzan su mensaje. Una r\u00e1pida b\u00fasqueda en Google te dar\u00e1 miles de opciones.<br \/>\nPasemos a los elementos funcionales, que refuerzan la funcionalidad de su sitio.<\/p>\n<h3>Elementos funcionales del dise\u00f1o web<\/h3>\n<p>Estos elementos son imprescindibles para utilizar bien el dise\u00f1o web. Es necesario utilizar cada uno de ellos para construir un sitio r\u00e1pido con una buena navegaci\u00f3n que ofrezca una buena experiencia de usuario y se posicione bien en Google.<\/p>\n<h4>Navegaci\u00f3n<\/h4>\n<p>La navegaci\u00f3n es uno de los principales elementos que determinan si su sitio web funciona bien o no. Dependiendo de su p\u00fablico, la navegaci\u00f3n puede servir para varios prop\u00f3sitos:<\/p>\n<ul>\n<li>Ayudar a los nuevos visitantes a descubrir lo que ofrece su sitio.<\/li>\n<li>Facilite el acceso a sus p\u00e1ginas a los visitantes que regresan.<\/li>\n<li>Mejorar la experiencia global de cada visitante.<\/li>\n<\/ul>\n<h4>Interacci\u00f3n con el usuario<\/h4>\n<p>Los visitantes de su sitio web tendr\u00e1n diferentes formas de interactuar en funci\u00f3n del dispositivo que utilicen (desplazarse, hacer clic, escribir, etc.). Los mejores dise\u00f1os de sitios web simplifican estas interacciones para que el usuario sienta que tiene el control. He aqu\u00ed algunos ejemplos:<\/p>\n<ul>\n<li>Nunca inicie autom\u00e1ticamente el audio o el v\u00eddeo<\/li>\n<li>No subraye nunca el texto a menos que se pueda hacer clic en \u00e9l<\/li>\n<li>Aseg\u00farese de que todos sus formularios son compatibles con los dispositivos m\u00f3viles<\/li>\n<li>Evite las ventanas emergentes<\/li>\n<li>Evitar el scroll-jacking<\/li>\n<\/ul>\n<h4>Animaciones<\/h4>\n<p>Existen t\u00e9cnicas de animaci\u00f3n web que pueden atraer la atenci\u00f3n de los internautas. Por ejemplo, a\u00f1adir botones de \u00abMe gusta\u00bb puede hacer que los visitantes de su sitio vuelvan. Si eres nuevo en el dise\u00f1o web, te recomendamos que mantengas tus animaciones simples. De lo contrario, trabaje con una <a href=\"https:\/\/www.sortlist.es\/diseno-web\/espana-es\" target=\"_blank\" rel=\"noopener\">agencia de dise\u00f1o web<\/a>.<\/p>\n<h4>Estructura del sitio web<\/h4>\n<p>La estructura de un sitio web desempe\u00f1a un papel importante tanto en la experiencia del usuario (UX) como en la optimizaci\u00f3n para los motores de b\u00fasqueda (SEO). Sus usuarios deben poder navegar f\u00e1cilmente por su sitio web.<\/p>\n<p>Si los usuarios se pierden tratando de navegar por su sitio, lo m\u00e1s probable es que los \u00abrastreadores\u00bb tambi\u00e9n lo hagan. Un crawler (o bot) es un programa automatizado que indexa las p\u00e1ginas de su sitio para los motores de b\u00fasqueda. Una mala navegaci\u00f3n puede conducir a una mala experiencia del usuario y a una mala clasificaci\u00f3n del sitio.<\/p>\n<p>Te contamos m\u00e1s en nuestro art\u00edculo dedicado a la indexaci\u00f3n y el <a href=\"https:\/\/www.sortlist.es\/blog\/crawling-significado\/\" target=\"_blank\" rel=\"noopener\">crawling<\/a>.<\/p>\n<h2>C\u00f3mo utilizar el dise\u00f1o web<\/h2>\n<h3>Encuentra la inspiraci\u00f3n<\/h3>\n<p>Lo primero que hay que hacer es encontrar la inspiraci\u00f3n. Aqu\u00ed tienes algunos de los mejores sitios que te ayudar\u00e1n a estimular tu creatividad:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.behance.net\/search\/projects\/?field=102&amp;sort=featured_date&amp;time=week&amp;featured_on_behance=true\" target=\"_blank\" rel=\"noopener\">Behance<\/a><\/li>\n<li><a href=\"https:\/\/www.pinterest.ca\/search\/pins\/?autologin=true&amp;q=web%20design&amp;rs=typed&amp;term_meta%5B%5D=[web%7Ctyped,design%7Ctyped]\" target=\"_blank\" rel=\"noopener\">Pinterest<\/a><\/li>\n<li><a href=\"https:\/\/www.awwwards.com\/\" target=\"_blank\" rel=\"noopener\">Awwwards<\/a><\/li>\n<li><a href=\"https:\/\/www.siteinspire.com\/\" target=\"_blank\" rel=\"noopener\">Site Inspire<\/a><\/li>\n<\/ul>\n<h3>Elegir una herramienta de dise\u00f1o web<\/h3>\n<p>Una vez que tengas algunas ideas en mente, es el momento de elegir la herramienta que vas a utilizar. Tenga en cuenta que hay dos maneras de dise\u00f1ar un sitio web: con una aplicaci\u00f3n de escritorio o con un constructor.\u00a0La herramienta que decida utilizar variar\u00e1 en funci\u00f3n del tama\u00f1o de su equipo, su presupuesto, el tipo de sitio que quiera crear y sus requisitos t\u00e9cnicos.<\/p>\n<h4>Aplicaciones de escritorio<\/h4>\n<p>Estas herramientas requieren que los dise\u00f1adores creen los elementos y los env\u00eden a un equipo de desarrollo que pueda integrarlos t\u00e9cnicamente. Las aplicaciones de escritorio m\u00e1s populares para el dise\u00f1o web son Photoshop e Illustrator.<\/p>\n<p>Por lo general, esta es la norma para los sitios web grandes y complejos. Permiten a los dise\u00f1adores centrarse en el aspecto general, mientras que todos los retos t\u00e9cnicos recaen en el equipo de desarrollo.<\/p>\n<p>Desgraciadamente, este proceso puede ser costoso y llevar mucho tiempo, ya que se necesitan m\u00faltiples recursos, conocimientos y especialistas. Para evitar la participaci\u00f3n de un desarrollador, es beneficioso utilizar un constructor de sitios web si sus requisitos t\u00e9cnicos no son demasiado altos.<\/p>\n<h4>Constructores de sitios web<\/h4>\n<p>Hay muchos creadores de sitios web: WordPress, Squarespace, Webflow y PageCloud son s\u00f3lo algunos ejemplos. Var\u00edan en t\u00e9rminos de capacidad de dise\u00f1o, opciones de plantilla, precio y experiencia general. Aseg\u00farese de hacer su propia investigaci\u00f3n, aproveche las pruebas gratuitas y determine qu\u00e9 plataforma se ajusta mejor a las necesidades de su sitio.<\/p>\n<p>Si no sabes codificar, es esencial que te familiarices con las caracter\u00edsticas y limitaciones de las distintas herramientas de dise\u00f1o web. Por ejemplo, aunque WordPress es la plataforma m\u00e1s utilizada, sigue siendo necesario tener algunos conocimientos de desarrollo web para salir adelante.<\/p>\n<p>Por lo tanto, antes de crear un sitio, determine sus necesidades: \u00bfest\u00e1 creando una galer\u00eda de fotos? \u00bfCon qu\u00e9 frecuencia va a actualizar su sitio web? \u00bfNecesita un formulario de contacto?<br \/>\nElija un constructor de sitios web que pueda ayudarle a alcanzar estos objetivos de manera eficaz.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Ahora que ya domina los fundamentos del dise\u00f1o web, no deje de consultar otros art\u00edculos para aprender m\u00e1s sobre tendencias de dise\u00f1o, elementos funcionales y mucho m\u00e1s. Le recomendamos que se informe sobre las<a href=\"https:\/\/www.sortlist.es\/blog\/diseno-web-tendencias\/\" target=\"_blank\" rel=\"noopener\"> tendencias de dise\u00f1o web en 2021<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web es la creaci\u00f3n, conceptualizaci\u00f3n y organizaci\u00f3n de contenidos para la web. Lo que hay que entender es que el dise\u00f1o web no se limita a la est\u00e9tica de los sitios web. Cuando hablamos de dise\u00f1o web, tambi\u00e9n hablamos de c\u00f3mo se utilizar\u00e1 el sitio web y c\u00f3mo se consumir\u00e1 su informaci\u00f3n. As\u00ed [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":2357,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,50],"class_list":["post-2355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creative-design","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-07T07:31:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-20T09:17:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1747\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alicia Zambrano Braun\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alicia Zambrano Braun\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/\",\"name\":\"\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?\",\"isPartOf\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png\",\"datePublished\":\"2021-06-07T07:31:01+00:00\",\"dateModified\":\"2021-07-20T09:17:55+00:00\",\"author\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb\"},\"description\":\"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...\",\"breadcrumb\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png\",\"contentUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png\",\"width\":1747,\"height\":1240,\"caption\":\"que es dise\u00f1o web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-es.sortlist-test.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o web: \u00bfCu\u00e1les son sus elementos fundamentales?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Nuestras Gu\u00edas de Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb\",\"name\":\"Alicia Zambrano Braun\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png\",\"caption\":\"Alicia Zambrano Braun\"},\"description\":\"quand elle ne cr\u00e9e pas de contenu pour ses blogs fran\u00e7ais ou espagnol, elle trouve l\u2019inspiration sur les r\u00e9seaux sociaux.\u00a0Elle erre sur \u201cCreapils\u201d et \u201cJ\u2019ai un pote dans la com\u201d pour trouver les meilleures id\u00e9es ! Analyser des publicit\u00e9s sympas est son pain quotidien ET... c\u2019est une rockstar du hockey !\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/author\/aliciazambranobraun\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?","description":"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?","og_description":"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...","og_url":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/","og_site_name":"Sortlist Blog","article_published_time":"2021-06-07T07:31:01+00:00","article_modified_time":"2021-07-20T09:17:55+00:00","og_image":[{"width":1747,"height":1240,"url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png","type":"image\/png"}],"author":"Alicia Zambrano Braun","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alicia Zambrano Braun","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/","url":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/","name":"\u00bfQu\u00e9 es el dise\u00f1o web? \u00bfCu\u00e1les son sus elementos esenciales?","isPartOf":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png","datePublished":"2021-06-07T07:31:01+00:00","dateModified":"2021-07-20T09:17:55+00:00","author":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb"},"description":"En este art\u00edculo, presentamos qu\u00e9 es el dise\u00f1o web y todos los elementos que lo componen: texto, colores, im\u00e1genes, iconos, navegaci\u00f3n, UX,...","breadcrumb":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#primaryimage","url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png","contentUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/06\/comunicacion-corporativa-3.png","width":1747,"height":1240,"caption":"que es dise\u00f1o web"},{"@type":"BreadcrumbList","@id":"https:\/\/www-es.sortlist-test.com\/blog\/que-es-diseno-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-es.sortlist-test.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o web: \u00bfCu\u00e1les son sus elementos fundamentales?"}]},{"@type":"WebSite","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website","url":"https:\/\/www-es.sortlist-test.com\/blog\/","name":"Sortlist Blog","description":"Nuestras Gu\u00edas de Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb","name":"Alicia Zambrano Braun","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png","caption":"Alicia Zambrano Braun"},"description":"quand elle ne cr\u00e9e pas de contenu pour ses blogs fran\u00e7ais ou espagnol, elle trouve l\u2019inspiration sur les r\u00e9seaux sociaux.\u00a0Elle erre sur \u201cCreapils\u201d et \u201cJ\u2019ai un pote dans la com\u201d pour trouver les meilleures id\u00e9es ! Analyser des publicit\u00e9s sympas est son pain quotidien ET... c\u2019est une rockstar du hockey !","url":"https:\/\/www-es.sortlist-test.com\/blog\/author\/aliciazambranobraun\/"}]}},"_links":{"self":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/comments?post=2355"}],"version-history":[{"count":0,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2355\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media\/2357"}],"wp:attachment":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media?parent=2355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/categories?post=2355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}