{"id":263381,"date":"2023-04-21T12:45:00","date_gmt":"2023-04-21T09:45:00","guid":{"rendered":"https:\/\/inform.click\/9-tendencias-tipograficas-populares-en-el-diseno-de-sitios-web\/"},"modified":"2023-04-21T12:56:00","modified_gmt":"2023-04-21T09:56:00","slug":"9-tendencias-tipograficas-populares-en-el-diseno-de-sitios-web","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/9-tendencias-tipograficas-populares-en-el-diseno-de-sitios-web\/","title":{"rendered":"9 tendencias tipogr\u00e1ficas populares en el dise\u00f1o de sitios web"},"content":{"rendered":"<p>\n  Puede que sea el momento de descartar las \u00abconvenciones\u00bb. Por supuesto, no todas, pero cuando se trata de tipograf\u00eda y tendencias actuales, definitivamente es hora de experimentar, conocer a sus clientes objetivo y comprender los tipos de dise\u00f1o que ellos ver\u00e1 como emocionante, convincente y digno de inter\u00e9s.\n<\/p>\n<p>\n  Enfrentarlo. La tipograf\u00eda que elijas es lo primero, junto con im\u00e1genes sorprendentes, que har\u00e1 que un visitante o usuario quiera visitar m\u00e1s un sitio web. Y hay que considerar la tipograf\u00eda como una imagen. Y esa imagen tiene que encajar con la marca, la audiencia y lo que sabemos sobre los consumidores de hoy.\n<\/p>\n<p>\n  Entonces, antes de hablar sobre las tendencias tipogr\u00e1ficas, hablemos un poco sobre los consumidores y lo que quieren ver.\n<\/p>\n<p>\n  El consumidor de hoy est\u00e1 claramente \u00abhaciado. \u00ab\u00c9l no solo est\u00e1 buscando informaci\u00f3n o productos. Est\u00e1 buscando entretenimiento, inspiraci\u00f3n y asombro. Gran parte de esto proviene de los dise\u00f1os web de los sitios a los que accede. Y gran parte de ese dise\u00f1o determina si se queda o rebota. Una empresa puede tener el mejor producto o servicio que necesita. Pero si no est\u00e1 bien empaquetado, entonces esa empresa pierde.\n<\/p>\n<p>\n  Y debe pensar en la tipograf\u00eda como parte del dise\u00f1o y el mensaje de la marca, no solo palabras con ciertos tama\u00f1os, fuentes y colores. Mientras lo hace, tambi\u00e9n querr\u00e1 pensar en mezclar fuentes. Nada dice que la consistencia de la fuente sea la \u00abley\u00bb. De hecho, puede ser bastante aburrido.\n<\/p>\n<p>\n  Ciertamente hay \u00abtendencias\u00bb de las que los dise\u00f1adores y tip\u00f3grafos hablan cada a\u00f1o. Estos se basan en lo que parece ser m\u00e1s popular en este momento. Pero las tendencias van y vienen bastante r\u00e1pido. Puedes ser un seguidor de tendencias o un creador de tendencias: t\u00fa eliges.\n<\/p>\n<p>\n  Dicho esto, echemos un vistazo a algunas de las tendencias en tipograf\u00eda durante 2019 y veamos c\u00f3mo puede aplicarlas a dise\u00f1os web que sorprender\u00e1n a sus clientes y visitantes tambi\u00e9n. Pero, mientras lees y ves estas im\u00e1genes de tendencias, no caigas en la trampa de que debes emularlas y convertirte en alguien que no eres al hacerlo. Estas son simplemente ideas: puede tomarlas e imponer su propio sello creativo para diferenciarse, emocionar a sus clientes y amar lo que ha creado.\n<\/p>\n<h5>\n  1 escritura a mano<br \/>\n<\/h5>\n<p>\n  Una escritura manuscrita natural de alguna manera tiene un aire de autenticidad. Y la autenticidad es algo que el consumidor de hoy quiere. Por supuesto, hay una serie de actividades de una empresa que promueven la confianza y la autenticidad, pero tambi\u00e9n hay desencadenantes psicol\u00f3gicos. El gui\u00f3n escrito a mano agrega un toque personal al dise\u00f1o del sitio web. Al mismo tiempo, el tipo de gui\u00f3n escrito a mano tambi\u00e9n debe reflejar una marca comercial. Echa un vistazo a estos ejemplos de logotipos escritos a mano. Algunos han existido durante a\u00f1os, por supuesto, y ahora son sin\u00f3nimos de sus marcas. Sin embargo, otros, como los guiones m\u00e1s recientes de Harley Davidson y Barbie, han evolucionado.\n<\/p>\n<p>\n  La conclusi\u00f3n es esta: la tipograf\u00eda manuscrita no va a ninguna parte. Continuar\u00e1 capturando e intrigando, y seguir\u00e1 desencadenando ciertas respuestas psicol\u00f3gicas.\n<\/p>\n<h5>\n  2 tipograf\u00eda antigua<br \/>\n<\/h5>\n<p>\n  Por lo menos, las fuentes antiguas evocan nostalgia. Y si bien los millennials y los miembros de la Generaci\u00f3n X ciertamente no sienten nostalgia en sus vidas personales (la buena porcelana de la abuela no es un art\u00edculo codiciado), tienden a apreciar la connotaci\u00f3n de que significa calidad duradera.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376df7499f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376df7499f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Esta tipograf\u00eda ha estado vigente desde 1911, y aunque algunas etiquetas de productos tienen diferentes colores, la fuente\/tipo no cambia. Las descripciones de los productos y otra informaci\u00f3n en el sitio utilizan una fuente bastante est\u00e1ndar, pero cada p\u00e1gina incluye esta tipograf\u00eda vintage permanente de su logotipo original.\n<\/p>\n<p>\n  La tipograf\u00eda vintage promueve la confianza: el visitante\/cliente tiene la \u00absensaci\u00f3n\u00bb de que la empresa tiene una historia larga y s\u00f3lida. E incluso las empresas m\u00e1s nuevas pueden establecer esa sensaci\u00f3n adoptando una tipograf\u00eda antigua.\n<\/p>\n<h5>\n  3 tipograf\u00edas\/fuentes de acuarela<br \/>\n<\/h5>\n<p>\n  Todos hemos visto impresionantes pinturas en acuarela. Los colores no son n\u00edtidos ni claros, sino m\u00e1s bien mezclados con matices que evolucionan. Las letras pueden ser una mezcla de un color o de varios colores:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e21a7ef.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e21a7ef.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e5acf14.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e5acf14.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La tipograf\u00eda de acuarela se ha vuelto m\u00e1s popular, especialmente junto con la manuscrita, porque combinan bien. El logotipo de Baby Einstein de arriba es un excelente ejemplo de esta combinaci\u00f3n. La tipograf\u00eda de acuarela desencadena sentimientos de calma, vibraciones serenas y son excelentes opciones para sitios web que pueden presentar cosm\u00e9ticos, servicios para novias\/bodas, productos para beb\u00e9s reci\u00e9n nacidos, etc.\n<\/p>\n<h5>\n  4 gracias<br \/>\n<\/h5>\n<p>\n  Una fuente que ha existido durante tanto tiempo pero que est\u00e1 regresando un poco. Y ahora hay mucha flexibilidad con las herramientas, por lo que puede hacer muchas cosas adicionales con Serif. Sans Serif todav\u00eda est\u00e1 en uso (a menudo llamado grotesco o g\u00f3tico), y puede ser dram\u00e1tico con toques de color y variedades de tama\u00f1os.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e8acaec.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e8acaec.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  5 grandes y peque\u00f1os juntos para \u00e9nfasis y drama<br \/>\n<\/h5>\n<p>\n  Si bien a muchas personas les gusta la consistencia y uniformidad de la tipograf\u00eda que tiene el mismo tama\u00f1o en frases y notificaciones, muchos m\u00e1s se ven afectados por cambios importantes en los tama\u00f1os, especialmente cuando una empresa quiere enfatizar algo. Experimentar con diferentes tama\u00f1os (e incluso fuentes) con texto puede ser dram\u00e1tico y captar\u00e1 la atenci\u00f3n. Es una buena manera de poner \u00e9nfasis en las palabras o frases m\u00e1s importantes de un texto.\n<\/p>\n<p>\n  Mira este ejemplo de workisnotajob.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ebd0783.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ebd0783.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  6 Variedad en fuentes<br \/>\n<\/h5>\n<p>\n  Mezclar y combinar una variedad de fuentes es definitivamente una tendencia de dise\u00f1o en aumento. Permite mucha creatividad y atractivo visual, si no se exagera. Usar cursiva mezclada con letras de molde, usar vintage con moderno: todas estas cosas se pueden incorporar, si se hacen bien. Esto requerir\u00e1 algo de experimentaci\u00f3n, por supuesto, pero \u00bflo bueno de la tipograf\u00eda de un sitio web? Es muy f\u00e1cil cambiar, probar y cambiar de nuevo. Ve a por ello.\n<\/p>\n<h5>\n  7 colores<br \/>\n<\/h5>\n<p>\n  Dios m\u00edo, s\u00ed. El color nunca pasa de moda y permite mucha m\u00e1s creatividad cuando se combina con fuentes interesantes que se relacionan con una marca. Piensa en Lego, por ejemplo.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ee59947.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ee59947.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  O las muchas \u00abcaras\u00bb de Google:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f092def.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f092def.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  O bien, el color se puede usar para representar \u00abclase\u00bb o sofisticaci\u00f3n, como el que se usa para Rolex:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f43331f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f43331f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La ausencia de variedad de colores tambi\u00e9n puede representar seriedad, y muchas empresas se enfocan en lo serio. Claude McPherson, director de administraci\u00f3n del sitio web del servicio de escritura Studicus, por ejemplo, afirma lo siguiente: \u00abNuestros clientes quieren lo b\u00e1sico y quieren que se les explique de manera simple y clara. Usamos muchos bloques de impresi\u00f3n sin mucho color, y agregamos algunos toques cuando queremos que nuestros visitantes vean algo \u00fanico o inusual. Esto funciona para nosotros, pero todas las empresas conocen a sus clientes y deben usar el color en consecuencia\u00bb.\n<\/p>\n<h5>\n  8 superposiciones y recortes<br \/>\n<\/h5>\n<p>\n  Estos son proyectos tipogr\u00e1ficos especialmente divertidos. Incrustar im\u00e1genes dentro de la tipograf\u00eda en s\u00ed misma puede crear una caracter\u00edstica sorprendente y llamativa para el dise\u00f1o del sitio web. Estos agregan muchas capas a los dise\u00f1os de tipograf\u00eda, contrastando con la p\u00e1gina web aburrida y de aspecto muy \u00abplano\u00bb. Adem\u00e1s, a\u00f1aden el efecto de ilusi\u00f3n 3-D. Eche un vistazo a esta tendencia tal como la utiliza Pavilion. \u00bfQu\u00e9 tan genial es esto?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f760b4c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f760b4c.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  9 Geometr\u00eda<br \/>\n<\/h5>\n<p>\n  Lo geom\u00e9trico probablemente nunca pasar\u00e1 de moda. La geometr\u00eda tiene que ver con puntos, l\u00edneas, formas y posiciones. Las posibilidades para la tipograf\u00eda son infinitas, y la geometr\u00eda siempre ser\u00e1 parte de cualquier tipograf\u00eda que se dise\u00f1e. El uso de la geometr\u00eda puede ser muy b\u00e1sico, con formas y l\u00edneas t\u00edpicas, o puede usarse como punto de partida para efectos tipogr\u00e1ficos mucho m\u00e1s creativos. Eche un vistazo a este dise\u00f1o de tipograf\u00eda geom\u00e9trica de creativemarket.com: el uso de formas geom\u00e9tricas para crear una fuente incre\u00edble. Esta es una oportunidad para ser maravillosamente creativo, muy lejos de la tipograf\u00eda geom\u00e9trica en blanco y negro que puede tener un lugar para las marcas m\u00e1s tradicionales, pero no para aquellas que quieren hacer un \u00absplash\u00bb.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376fa4491f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376fa4491f.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  10 El contenido en s\u00ed<br \/>\n<\/h5>\n<p>\n  En nuestro arduo trabajo para experimentar y dise\u00f1ar efectos tipogr\u00e1ficos incre\u00edbles, a menudo podemos olvidar que lo que se dice es tan importante como la forma en que se ve para un visitante o usuario. Las palabras son poderosas por s\u00ed mismas, y la mejor tipograf\u00eda no puede sustituir por s\u00ed misma una presentaci\u00f3n textual creativa y convincente. Los dise\u00f1adores son artistas; no siempre son escritores period\u00edsticos creativos que pueden presentar un mensaje de marca que resuene en la audiencia. Si esto es una necesidad, entonces es fundamental obtener ayuda profesional. Hay una gran cantidad de escritores independientes o servicios de escritura creativa que tienen departamentos de redacci\u00f3n creativa para satisfacer tales necesidades.\n<\/p>\n<h5>\n  \u00bfLa verdadera tendencia? Personaliza todo<br \/>\n<\/h5>\n<p>\n  Al considerar las opciones de tipograf\u00eda que tiene ahora, dada la excelente tecnolog\u00eda y la facilidad con la que se pueden incorporar al dise\u00f1o de sitios web, su trabajo como dise\u00f1ador no es tanto encontrar las herramientas adecuadas para sus dise\u00f1os. Su trabajo real es obtener una comprensi\u00f3n completa de la empresa cuyo sitio web est\u00e1 dise\u00f1ando, profundizar en su marca y el mensaje que transmite a su p\u00fablico objetivo. Solo entonces puede comenzar a pensar en c\u00f3mo personalizar la tipograf\u00eda que tenga sentido y que haga las declaraciones que la empresa necesita hacer. \u00bfY tu regla n\u00famero 1? S\u00e9 quien eres en tus designios; pres\u00e9ntalos a tus clientes; tomar sus comentarios; modificar y volver a la mesa de dibujo tanto como sea necesario. Y deja de preocuparte tanto por las tendencias y lo que est\u00e1 \u00abdentro\u00bb o \u00abfuera\u00bb.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2019\/11\/20\/web-design-typography-trends\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Puede que sea el momento de desechar la \u00abconvenci\u00f3n\u00bb. No todo, por supuesto, pero cuando se trata de tipograf\u00eda y tendencias actuales, definitivamente es hora de experimentar, conocer a sus clientes objetivo y comprender los tipos de dise\u00f1o que ver\u00e1n como emocionantes, convincentes y dignos de inter\u00e9s. . Enfrentarlo. La tipograf\u00eda que elijas es lo primero, junto con im\u00e1genes sorprendentes, que har\u00e1 que un visitante o usuario quiera visitar m\u00e1s un sitio web. Y hay que considerar la tipograf\u00eda como una imagen. Y esa imagen tiene que encajar con la marca, el p\u00fablico, y qu\u00e9\u2026<\/p>\n","protected":false},"author":1,"featured_media":202947,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[255,60],"tags":[],"class_list":["post-263381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fuentes","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263381"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/202947"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}