{"id":13755,"date":"2018-01-24T15:21:06","date_gmt":"2018-01-24T15:21:06","guid":{"rendered":"http:\/\/www.emaze.com\/?p=13755"},"modified":"2023-08-02T06:11:42","modified_gmt":"2023-08-02T06:11:42","slug":"5-top-website-design-trends-expect-2018","status":"publish","type":"post","link":"https:\/\/www.emaze.com\/es\/las-5-mejores-tendencias-en-diseno-de-sitios-web-para-2018\/","title":{"rendered":"Las 5 principales tendencias de dise\u00f1o de sitios web para esperar en 2018"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">\u00bfNo parece que cada vez que miras hacia arriba, hay una nueva tendencia para ver? El mundo del estilo y el dise\u00f1o se mueve r\u00e1pidamente y, en particular, el espacio en constante evoluci\u00f3n y altamente innovador del dise\u00f1o de sitios web. Esto no deber\u00eda sorprendernos: la gran mayor\u00eda de nosotros pasamos gran parte de nuestros d\u00edas mirando sitios web, ya sea para uso profesional o personal. Por lo tanto, cuando las personas dedican gran parte de su tiempo a visitar sitios web, debe asegurarse de que <\/span><i><span style=\"font-weight: 400;\">tuyo<\/span><\/i><span style=\"font-weight: 400;\"> es el que tiene el dise\u00f1o UX\/UI que causar\u00e1 una impresi\u00f3n memorable.&nbsp;<\/span><\/p>\n<p><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">Recientemente nos sentamos a hablar con Hadas Shviro, el jefe de dise\u00f1o de Emaze, para averiguar cu\u00e1les se prev\u00e9 que sean las tendencias de dise\u00f1o de sitios web m\u00e1s grandes e impactantes de 2018. Lea m\u00e1s para saber cu\u00e1les est\u00e1n programados para ser los 5 m\u00e1s populares y estilos vanguardistas del nuevo a\u00f1o!<\/span><\/p>\n<h2>Tendencias tipogr\u00e1ficas a tener en cuenta<\/h2>\n<p><span style=\"font-weight: 400;\">Una de las mayores tendencias que veremos en aumento en 2018 en el dise\u00f1o de sitios web es el cambio a usos audaces y creativos de la tipograf\u00eda. Como explic\u00f3 Hadas, hasta el \u00faltimo par de a\u00f1os, solo vimos que se usaban algunos estilos simples de tipograf\u00eda en los sitios web, quiz\u00e1s con un estilo un poco m\u00e1s decorativo para t\u00edtulos y encabezados. Lo m\u00e1s notable de todo, dijo, fue la gran ausencia de tipos de letra Serif y el uso principal de tipos de letra Sans Serif o Gothic (piense en fuentes como Open Sans). Para aquellos que no est\u00e1n familiarizados con los tipos de letra, un serif es una peque\u00f1a l\u00ednea adjunta al final de un trazo en una letra o s\u00edmbolo (piense en c\u00f3mo se ve una fuente de m\u00e1quina de escribir), y los tipos de letra Sans Serif no tienen esa l\u00ednea. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">En los \u00faltimos a\u00f1os y cada vez m\u00e1s en 2018, el mundo del dise\u00f1o de sitios web ver\u00e1 un gran movimiento hacia una variedad m\u00e1s amplia y creativa de estilos tipogr\u00e1ficos que se subestiman en su papel altamente efectivo para transmitir el estilo y el mensaje de marca de un sitio web. El dise\u00f1o de sitios web encontrar\u00e1 tipos de letra m\u00e1s geom\u00e9tricos (como Roboto y Montserrat), tipos de letra Serif (como Baskerville y Rufina) y tipos de letra estilo m\u00e1quina de escribir monoespaciados (como Arvo). A la luz de estos avances, Emaze ha estado agregando <a href=\"https:\/\/www.emaze.com\/es\/2018\/01\/07\/emaze-updates-new-features-in-2018\/\">docenas de nuevas fuentes emocionantes<\/a> a su software en l\u00ednea para que lo aprovechen dise\u00f1adores y usuarios habituales. Hadas destaca ejemplos de plantillas de sitios web de Emaze que ella y el equipo de dise\u00f1o han creado y que incorporan este estilo de tipograf\u00eda en negrita.<\/span><\/p>\n<p>Aqu\u00ed hay una plantilla de sitio web de Emaze que muestra algunas de las tendencias tipogr\u00e1ficas mencionadas:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWOLO\/stylish\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Desarrollado por emaze\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, los dise\u00f1adores est\u00e1n favoreciendo el uso de tipograf\u00edas grandes como parte de la imagen clave en un sitio web, un cambio muy progresivo que tradicionalmente no formaba parte del dise\u00f1o de un sitio web est\u00e1ndar. Para un dise\u00f1o de sitio web exitoso, es esencial no solo seleccionar las fuentes correctas, sino tambi\u00e9n elegir aquellas que resalten el tema y el mensaje de la marca, y tambi\u00e9n seleccionar m\u00faltiples tipos de letra para diferentes \u00e1reas y tipos de texto en todo el sitio web. La tipograf\u00eda y su papel crucial en el aspecto general y el efecto de un sitio web a menudo pueden pasarse por alto, explica Hadas. Entonces, lo escuchaste aqu\u00ed: \u00a1divi\u00e9rtete y s\u00e9 inteligente con la tipograf\u00eda! <a href=\"https:\/\/www.emaze.com\/es\/sitios-web\/\">Crea tu sitio web gratis<\/a> con una plantilla preparada en Emaze<\/span><span style=\"font-weight: 400;\">, o echa un vistazo a nuestras plantillas para inspirarte en las fuentes y luego empieza desde cero.<\/span><\/p>\n<h2>Mantenerse en l\u00ednea con el dise\u00f1o modular<\/h2>\n<p><span style=\"font-weight: 400;\">Si bien el dise\u00f1o modular no es una tendencia completamente nueva, se espera que contin\u00fae ganando popularidad en 2018. \u00bfQu\u00e9 es el dise\u00f1o modular? Es una t\u00e9cnica de dise\u00f1o de UX\/UI que utiliza un patr\u00f3n de tipo cuadr\u00edcula de bloques para estructurar el dise\u00f1o de un sitio web y es una buena manera de hacer que un sitio web sea organizado y visualmente interesante, explica Hadas. El dise\u00f1o modular es especialmente una excelente opci\u00f3n para administrar y presentar una gran cantidad de contenido, o cuando hay diferentes elementos que no est\u00e1n relacionados, ya que este enfoque ofrece una buena manera de unirlos. Ha comenzado a convertirse en el estilo favorito de muchas empresas para sus sitios web, pero tambi\u00e9n es popular entre blogueros e influencers como una forma de dividir su contenido.<\/span><\/p>\n<h2>Volviendo al futuro con Modern Retro<\/h2>\n<p><span style=\"font-weight: 400;\">\u00a1Buenas noticias para todos los fan\u00e1ticos de los dise\u00f1os de la era de los 90! El aspecto &quot;retro moderno&quot; est\u00e1 regresando con fuerza en 2018. El aspecto de p\u00edxeles exagerados de los videojuegos con los que creciste est\u00e1 regresando, esta vez con un nuevo toque moderno. \u00bfPorqu\u00e9 ahora? Las im\u00e1genes y los elementos de dise\u00f1o que alguna vez fueron populares le dan al espectador una sensaci\u00f3n de comodidad y nostalgia por esos tiempos, con el objetivo de recordarle al consumidor su juventud. Este estilo de dise\u00f1o particular, se\u00f1ala Hadas, se ha asociado particularmente con la cultura &quot;geek&quot; y tecnol\u00f3gica, por ejemplo, en el uso de im\u00e1genes de computadora de la vieja escuela y todo lo relacionado con ese per\u00edodo de tiempo. Otras dos caracter\u00edsticas notables de este estilo incluyen las ilustraciones ic\u00f3nicas basadas en p\u00edxeles que se inspiran en los primeros videojuegos y el arte lineal caprichoso de colores brillantes, las formas geom\u00e9tricas y los garabatos. Puedes conocer m\u00e1s sobre esta tendencia <a href=\"https:\/\/premium.wpmudev.org\/blog\/web-design-trends-2017\/\">aqu\u00ed<\/a>. Si bien es cierto que este estilo de dise\u00f1o no funciona para todos los tipos de sitios web, sin duda es una excelente opci\u00f3n para algo orientado a los millennials divertidos, j\u00f3venes y expertos en tecnolog\u00eda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Aqu\u00ed hay un ejemplo de una plantilla de sitio web de estilo &quot;retro moderno&quot; en Emaze:<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWCFW\/gamer\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Desarrollado por emaze\"><\/a><\/p>\n<h2>Haz un viaje al lado oscuro<\/h2>\n<p><span style=\"font-weight: 400;\">En los \u00faltimos a\u00f1os, ha habido una tendencia popular de crear sitios web minimalistas con fondos blancos o neutros, quiz\u00e1s con algunos elementos coloridos en todo el dise\u00f1o. Si bien estos sitios web de estilo definitivamente no son <\/span><i><span style=\"font-weight: 400;\">afuera<\/span><\/i><span style=\"font-weight: 400;\"> de estilo, parece que se est\u00e1 volviendo una nueva tendencia de sitios web con temas m\u00e1s oscuros. <\/span><i><span style=\"font-weight: 400;\">en<\/span><\/i><span style=\"font-weight: 400;\"> estilo. Hadas comenta que el mundo del dise\u00f1o de sitios web est\u00e1 viendo muchos sitios web nuevos con un fondo de color oscuro o un fondo degradado oscuro. Dark transmite un ambiente elegante y sofisticado, por lo que, aunque probablemente no sea el estilo m\u00e1s divertido, definitivamente funciona para ciertos tipos de sitios. Este estilo est\u00e1 apareciendo cada vez m\u00e1s en sitios web de empresas de tecnolog\u00eda, artistas y m\u00fasicos, pero es menos probable que aparezca como un estilo popular para cosas como blogs de comida o sitios web de moda. Ir con un aspecto m\u00e1s oscuro para un sitio web seguramente captar\u00e1 algo de atenci\u00f3n en un espacio donde muchos sitios web todav\u00eda tienen un aspecto neutral\/blanco similar, por lo que si est\u00e1 buscando hacer una declaraci\u00f3n dram\u00e1tica y destacar, \u00a1esta es una gran opci\u00f3n!<\/span><\/p>\n<p>Aqu\u00ed hay un ejemplo de una plantilla de sitio web oscuro de Emaze:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWLZO\/city-lights\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Desarrollado por emaze\"><\/a><\/p>\n<h2>Todo est\u00e1 en los detalles decorativos<\/h2>\n<p><span style=\"font-weight: 400;\">Los peque\u00f1os detalles, en las cantidades justas, tienen el potencial de tener un gran impacto. De hecho, este es el caso cuando se trata de peque\u00f1os detalles decorativos en el dise\u00f1o de sitios web. Los sitios web simples, austeros y modernos no han desaparecido; llegaron para quedarse, pero con un giro. Atr\u00e1s quedaron los d\u00edas en que los botones de clic eran rect\u00e1ngulos con bordes afilados. Ahora, los dise\u00f1adores est\u00e1n cambiando a diferentes formas de botones, especialmente favoreciendo a los que tienen bordes suaves, explica Hadas. Las formas, l\u00edneas y fragmentos geom\u00e9tricos m\u00e1s diminutos se est\u00e1n incorporando en los dise\u00f1os de interfaz de usuario de los sitios web de forma creativa. No son una gran parte del contenido general y el dise\u00f1o del dise\u00f1o de un sitio web, pero agregan incluso un poco m\u00e1s de car\u00e1cter a un sitio web libre de elementos neutrales. Los guiones bajos, los guiones y las flechas se utilizan para agregar un poco de estilo a las partes b\u00e1sicas de un sitio web, como encabezados y subt\u00edtulos, y todos estos elementos suelen ser interactivos, lo que significa que se mueven de acuerdo con alg\u00fan movimiento que el usuario hace con el mouse en el pantalla. Para los dise\u00f1adores de sitios web y las empresas que buscan lograr un aspecto profesional, moderno y minimalista, este es un estilo que vale la pena probar.<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWILW\/shapes\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Desarrollado por emaze\"><\/a><\/p>\n<p>\u00bfQuieres empezar a probar algunas de estas tendencias? Ver muchos m\u00e1s Emaze <a href=\"https:\/\/www.emaze.com\/es\/sitios-web\/\">plantillas de sitios web<\/a>&nbsp;para encontrar una amplia variedad de ejemplos que destacan estas 5 tendencias y muchas m\u00e1s.<\/p>\n<p>\u00bfListo para comenzar a crear su sitio web? \u00bfBusca un creador de sitios web m\u00e1s r\u00e1pido? \u00a1Use nuestro generador de sitios web para crear su sitio web Emaze personalizado y gratuito en minutos!<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfNo parece que cada vez que miras hacia arriba, hay una nueva tendencia para ver? El mundo del estilo y el dise\u00f1o se mueve r\u00e1pidamente y, en particular, el espacio en constante evoluci\u00f3n y altamente innovador del dise\u00f1o de sitios web. Esto no deber\u00eda sorprendernos: una buena mayor\u00eda de nosotros pasamos una gran parte de nuestro [\u2026]<\/p>","protected":false},"author":1,"featured_media":26997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,78],"tags":[10,4,23,44,58,32,113,86,114,28,115,116],"class_list":["post-13755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-website-and-blog","tag-design","tag-emaze","tag-emaze-templates","tag-presentation-software","tag-technology","tag-templates","tag-ui","tag-ux","tag-web-design","tag-website","tag-weebly","tag-wix"],"_links":{"self":[{"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/posts\/13755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/comments?post=13755"}],"version-history":[{"count":4,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/posts\/13755\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/posts\/13755\/revisions\/30065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/media\/26997"}],"wp:attachment":[{"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/media?parent=13755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/categories?post=13755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emaze.com\/es\/wp-json\/wp\/v2\/tags?post=13755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}