{"id":2805,"date":"2022-07-26T12:08:18","date_gmt":"2022-07-26T17:08:18","guid":{"rendered":"https:\/\/talently.tech\/blog\/?p=2805"},"modified":"2024-02-09T16:20:32","modified_gmt":"2024-02-09T21:20:32","slug":"como-ha-evolucionado-el-diseno-web","status":"publish","type":"post","link":"https:\/\/talently.tech\/blog\/como-ha-evolucionado-el-diseno-web\/","title":{"rendered":"\u00bfC\u00f3mo ha evolucionado el dise\u00f1o web en los \u00faltimos a\u00f1os?"},"content":{"rendered":"

\u00bfTe has puesto a pensar todo lo que ha evolucionado el dise\u00f1o web en el \u00faltimo tiempo? En el mundo de la tecnolog\u00eda, todo se fue actualizando y renovando permanentemente.<\/strong> Y el dise\u00f1o y desarrollo web no fue la excepci\u00f3n.\u00a0<\/span><\/p>\n

Desde los primeros sitios web creados en la d\u00e9cada de 1990, los dise\u00f1adores web han estado usando diferentes m\u00e9todos para cambiar la forma en que se ven y se utilizan los sitios web.<\/strong> Los primeros dise\u00f1os de sitios web inclu\u00edan mayormente texto y muy pocas im\u00e1genes. Adem\u00e1s, no ten\u00edan un dise\u00f1o demasiado complejo aparte de encabezados y p\u00e1rrafos.\u00a0<\/span><\/p>\n

Si te interesa la creaci\u00f3n de p\u00e1ginas web y quisieras dar un recorrido por sus diferentes etapas de evoluci\u00f3n, no dejes de leer este art\u00edculo.\u00a0<\/span><\/p>\n

Primero, veremos la definici\u00f3n de dise\u00f1o web, luego recorreremos algunas de sus \u00e9pocas claves y terminaremos con algunas de las tendencias de dise\u00f1o web que m\u00e1s \u00e9xito est\u00e1n teniendo. \u00a1Te contaremos algunos hitos importantes que seguro desconoc\u00edas o no recordabas!<\/strong> Comencemos.<\/span><\/p>\n

\u00bfEn qu\u00e9 consiste el dise\u00f1o web?\u00a0<\/b><\/h2>\n

El dise\u00f1o web es la configuraci\u00f3n visible y creativa de un sitio<\/strong>, teniendo en cuenta la experiencia del usuario y la imagen de marca o las caracter\u00edsticas del proyecto en cuesti\u00f3n<\/span><\/p>\n

Los colores, la tipograf\u00eda, los componentes interactivos y las im\u00e1genes son algunos de los elementos usados en el dise\u00f1o web.\u00a0<\/span><\/p>\n

Seg\u00fan un informe publicado por Cliento, <\/span>\u201c48% de los usuarios han declarado que el dise\u00f1o web de un sitio es el primer factor que determina la credibilidad\u201d<\/span><\/i>. Por lo tanto, si quieres dedicarte a este rubro, es importante que conozcas todo sobre el dise\u00f1o web.\u00a0<\/span><\/p>\n

Historia del dise\u00f1o web\u00a0<\/b><\/h2>\n

El dise\u00f1o web tiene sus or\u00edgenes en 1989, mientras un cient\u00edfico ingl\u00e9s, Tim Berners-Lee<\/strong>, trabajaba en la Organizaci\u00f3n Europea para la Investigaci\u00f3n Nuclear (CERN).\u00a0<\/span><\/p>\n

Este cient\u00edfico propuso un proyecto que estaba sustentado en hipertexto para facilitar la comunicaci\u00f3n entre investigadores. As\u00ed, \u00e9l y su equipo crearon el lenguaje HTML, el protocolo HTTP y el sistema de localizaci\u00f3n de objetos en la web URL.<\/span><\/p>\n

Lo que sucedi\u00f3 despu\u00e9s fue algo que revolucion\u00f3 la tecnolog\u00eda de esa \u00e9poca: naci\u00f3 la World Wide Web<\/strong>. As\u00ed, en 1992, se empezaron a dise\u00f1ar sitios web a base de tablas, lo que permit\u00eda organizar los elementos.<\/span><\/p>\n

\"Talently<\/a><\/h2>\n

\u00bfC\u00f3mo ha evolucionado el dise\u00f1o web en los \u00faltimos a\u00f1os?<\/b><\/h2>\n

Afortunadamente, desde la creaci\u00f3n de sitios web con tablas, todo fue evolucionando hasta llegar a los sitios web que conocemos hoy en d\u00eda. \u00a1Veamos!<\/span><\/p>\n

El dise\u00f1o web en 1990<\/span><\/h3>\n

Con la aparici\u00f3n de JavaScript<\/strong> en 1995 se comienzan a solucionar algunos inconvenientes de HTML, y fue ah\u00ed que el dise\u00f1o web empieza a ganar dinamismo.\u00a0<\/span><\/p>\n

Luego, se lanz\u00f3 Macromedia Flash<\/strong>, que promet\u00eda una amplia gama de opciones creativas y animadas para los dise\u00f1adores.<\/span><\/p>\n

En 1998 aparece el <\/span>lenguaje de programaci\u00f3n PHP<\/span><\/a>, como as\u00ed tambi\u00e9n CSS<\/strong>, que permitieron la creaci\u00f3n de sitios webs mucho m\u00e1s din\u00e1micos, a la vez que minimizaban los tiempos de carga. As\u00ed, se pudo dejar de usar tablas en el dise\u00f1o web, permitiendo hacer m\u00e1s y mejores cosas, con mucho menos c\u00f3digo.\u00a0<\/strong><\/span><\/p>\n

El dise\u00f1o web en el 2000<\/span><\/h3>\n

Debido al aumento de la velocidad de internet a principios del 2000, se puso un gran \u00e9nfasis en soluciones de software y hardware nuevas e innovadoras que contribuyan con el dise\u00f1o web.<\/strong><\/span><\/p>\n

El 2003 ser\u00eda clave en la historia del dise\u00f1o web: nacen Facebook<\/strong>, que revolucionar\u00eda por completo el concepto de las redes sociales, y WordPress<\/strong>, que pasar\u00eda a impulsar m\u00e1s del 35% de los sitios web en internet para el 2020.<\/span><\/p>\n

El dise\u00f1o web en el 2010<\/span><\/h3>\n

Otro hito importante suceder\u00eda unos a\u00f1os despu\u00e9s: la llegada de los smartphones<\/strong> en la d\u00e9cada del 2000 y su popularizaci\u00f3n en 2010. Esto introdujo un nuevo concepto en el mercado: el dise\u00f1o web <\/strong><\/span>responsive<\/strong>.\u00a0<\/span><\/i><\/p>\n

Para ese entonces, y desde ese momento, los dise\u00f1adores ya se encontraban rodeados de software de alta gama, hardware de calidad y much\u00edsimas herramientas de dise\u00f1o, que les permiti\u00f3, finalmente, refinar el estilo de un sitio web, como nunca antes.<\/span><\/p>\n

El dise\u00f1o web en el 2020<\/span><\/h3>\n

A lo largo de los \u00faltimos a\u00f1os, el dise\u00f1o web responsive<\/em> ha cobrado total protagonismo al momento de la creaci\u00f3n de sitios web. Esto se fundamenta en la cantidad de usuarios m\u00f3viles en el mundo que utilizan un dispositivo m\u00f3vil para acceder a Internet.<\/span><\/p>\n

En este contexto toma fuerza el contexto de Mobile First<\/strong>: refiere a la creaci\u00f3n de un sitio web que \u201cse piensa y realiza primero para dispositivos mobile, y despu\u00e9s se adapta para desktop\u201d<\/em>, seg\u00fan <\/span>Hostgator<\/span><\/a>.\u00a0<\/span><\/p>\n

Adem\u00e1s, la creciente compatibilidad de los navegadores con CSS3 <\/strong>y HTML5<\/strong> le ha permitido a los dise\u00f1adores web producir contenidos de alta calidad.<\/span><\/p>\n

Principales tendencias del dise\u00f1o web<\/b><\/h2>\n

Ahora que ya sabes qu\u00e9 es el dise\u00f1o web y c\u00f3mo ha evolucionado a lo largo de los a\u00f1os, \u00bfqu\u00e9 tal si repasamos brevemente las principales tendencias de dise\u00f1o web en la actualidad? Toma nota:\u00a0<\/span><\/p>\n

    \n
  • Texto simple y directo<\/span><\/li>\n
  • Est\u00e9tica retro<\/span><\/li>\n
  • Glasmorfismo y neoformismo<\/span><\/li>\n
  • Elementos en 3D<\/span><\/li>\n
  • Modo oscuro<\/span><\/li>\n
  • Sitios con pantalla dividida<\/span><\/li>\n
  • Scroll interactivo\u00a0<\/span><\/li>\n
  • Tipograf\u00edas grandes e interactivas<\/span><\/li>\n<\/ul>\n

    Si has llegado hasta aqu\u00ed, es porque tienes verdadero inter\u00e9s por el dise\u00f1o web y por aprender sobre el rubro. Entonces, \u00bfqu\u00e9 esperas para usar esa curiosidad a tu favor y encontrar el trabajo de tus sue\u00f1os?<\/strong> En Talently podemos ayudarte a conectar con empresas tech del mundo y encontrar el trabajo remoto como dise\u00f1ador web ideal.\u00a0\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

    \u00bfTe has puesto a pensar todo lo que ha evolucionado el dise\u00f1o web en el \u00faltimo tiempo? En el mundo de la tecnolog\u00eda, todo se fue actualizando y renovando permanentemente. Y el dise\u00f1o y desarrollo web no fue la excepci\u00f3n.\u00a0 Desde los primeros sitios web creados en la d\u00e9cada de 1990, los dise\u00f1adores web han […]<\/p>\n","protected":false},"author":2,"featured_media":2817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-2805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-habilidades-tecnicas"],"acf":[],"_links":{"self":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/comments?post=2805"}],"version-history":[{"count":0,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2805\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media\/2817"}],"wp:attachment":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media?parent=2805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/categories?post=2805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/tags?post=2805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}