Top 12 Tendencias de deseño web Debes seguir en 2020

Dese±o de sitios web evolucionou xunto coa tecnolox­a durante a ºltima dcada. Forzou a todos a pensar en primeiro lugar. Edificio do sitio web no resto desta dcada e a pr³xima implicar¡ a esttica e a tecnolox­a.

O medio dixital viu tendencias de punta, especialmente no dese±o web. A tecnolox­a que o cambiou, en comparaci³n co medio de impresi³n tradicional significa que as tendencias empuxaron cara ¡ creatividade desenfreada. Foi dif­cil seguir as demandas.

Cando os primeiros sitios web foron constru­dos a comezos de 1990, a maior­a consist­an en texto e enlaces. Os elementos de dese±o non foron importantes ent³n. ‰ 2019 e estamos ao final doutra dcada afectada no dese±o web.

Ao longo dos anos prestamos atenci³n ¡ estrutura e dese±o de sitios web, dando orixe ¡ declaraci³n, "Look and sentir". A necesidade da hora facer que os sitios web sexan informativos, innovadores e adaptables a calquera dispositivo.

Prototipado r¡pido

Como mencionamos antes, os sitios web foron unha morea de texto e enlaces nunha p¡xina web. Non necesitaron moito tempo para crear e non necesitaban moita planificaci³n antes de crear as p¡xinas web. Non obstante, esta a era do prototipado do sitio web. Unha destas ferramentas de prototipante que nos gustar­a mencionar a invenci³n.

A invenci³n unha ferramenta onde podes crear un prototipo ou maquetas dunha plataforma web ou sitios web. Esta unha ferramenta creada por dese±adores para dese±adores. Os dese±adores poden usar Adobe XD ou Photoshop para crear debuxos e cargalos en invenci³n. Poden compartir estes mockups cos seus clientes antes de que se desenvolva o produto real.

Tipograf­a clara

Tipograf­a poderosa e permite que o dese±ador dea a tºa p¡xina web unha personalidade. Pode configurar o ton correcto para o sitio web e transmitir informaci³n con xito. O gran texto lexible evoca a confianza dos lectores e far¡ que os interesen m¡is sobre os produtos e servizos.

Co uso da resoluci³n de imaxe m¡is n­tida no ascenso, a demanda de tipograf­a en negra volveuse cr­tica. Os navegadores estes d­as poden soportar tipos de tipograf­a feitos a man que est¡n habilitados usando CSS para os navegadores.

Se o texto non est¡ presentado dunha boa moda, os clientes poden pasar a outro sitio web que o faga. O uso de fontes serif est¡ en ascenso porque son perfectas para nfase. As fontes de serif son m¡is adaptables que as persoas pensan que a­nda son vellas. ‰ por iso que os dese±adores pref­ronselles sobre outros.

Engadir ilustraci³ns

Este sitio web est¡ a usar un servizo de seguridade para protexerse dos ataques en li±a. A acci³n que acaba de realizar desencadeou a soluci³n de seguridade. Hai varias acci³ns que poden desencadear este bloque, inclu­ndo a presentaci³n dunha determinada palabra ou frase, un comando SQL ou datos mal formados.

Que podo facer para resolver isto?

Nesta ºltima dcada do dese±o web, vimos unha morea de acr³nimos: AR, VR, AI, AMP e moitos outros. Isto significa que se xa non est¡ a bordo con aqueles, que ser¡ a sºa primeira orde de negocio en 2020. Pero nos aspectos m¡is visuais, algºns dese±os web obtiveron m¡is "creativos", utilizando ilustraci³ns vibrantes no canto de stock (unha oficina inc³moda de Smiling, algun?), Eliminando as redes, abrazando os esquemas de cores en negra ou eliminando os esquemas de cores (Hola, Black and White!), e probando esquemas asimtricos. A aprendizaxe de m¡quinas fixo que os sitios web sexan m¡is intelixentes (pero a mi±a bondade probou a navegaci³n m³bil con chatbots, wheels de comercio electr³nico xirando e outros pop-ups! Non, grazas!). En 2020, ver¡s que a tecnolox­a e o dese±o se combinan nos novos reinos e ver¡s formas nas que a navegaci³n est¡ a recuperar a forma en que realmente usamos a web (nos nosos dispositivos m³biles). Que tendencias est¡n aqu­ para quedarse en 2020 e que tendencias ser¡n revisadas?

Traendo o serif!

As fontes de serif son a miºdo reservadas para os medios de impresi³n, pero algºns dese±adores web atrevidos est¡n traendo serifs na pantalla. No pasado, parece que eses peludas (pensan na cola na letra "A 'como un exemplo) eran m¡is dif­ciles de ler en pantalla, pero parece que algºns dese±os web est¡n incorporando estas fontes a un bo efecto. No pasado, os dise±adores web sentiron que Sans-serifs estaban mellor para pantallas de baixa calidade, nenos, ao usar moitas cores ou patr³ns de baixo contraste e cando o texto era estreito ou pequeno, pero coa maior­a das persoas m³biles son todo, pero desaparecendo. Ao final do d­a, non importa se usa un serif ou sans-serif, ten que ser lexible.

m¡is chatbots

Xa enviou un negocio en Facebook e obtn unha mensaxe r¡pida de chat? E a visitar o sitio web de algun e "Alan" estivo a piques de falar sobre os produtos e servizos do seu negocio? Facebook comezou a desenvolver bots a travs da aplicaci³n Messenger e agora est¡n en todas partes. En 2017, hab­a m¡is de 100.000 bots activos e eu te±o medo de pensar que eses nºmeros son agora.

Sephora, Foods Whole, National Geographic e outros foron usalos no seu marketing. O asistente de Sephora aumentou a sºa taxa de reserva nun 11% e o gasto incremental medio do servizo cliente na tenda agora de $ 50.

Persoalmente, non son o maior fan¡tico dos bots, non que tiven unha experiencia negativa con unha, pero xa que reciben verdadeiramente m¡is conversacional como avances tecnol³xicos, poden resultar ser ºtiles especialmente en unha situaci³n de Q & A. ¿Tes unha experiencia positiva cun chatbot? ¿P³delos ºtiles?

Utilizando m¡is espazo negativo

"espazo negativo" un dise±ador de palabras fantas­a que usan para "whitespace". As­, no dese±o web, haber¡ m¡is espazo entre as opci³ns para crear espazos visualmente limpos. Os espazos en branco e os esquemas de c³digo aberto son m¡is m³biles e m¡is f¡ciles para que a xente poida usar. Poden ser menos dese±o-pesado, pero axudan cos requisitos do visitante do sitio web como o escaneo de contido. Os lectores poden manterse centrados na p¡xina sen quedar abrumado por elementos de cores mºltiples ou imaxes en movemento. Isto non dicir que o dese±o non est¡ incorporado por que moito m¡is prop³sito. O sitio web de Asana usa moito espazo negativo para guiar a atenci³n do usuario nunha tarefa ¡ vez. Neste caso, est¡ a recibir usuarios rexistrarse nas sºas ofertas de produtos. Ent³n, se ten obxectivos ou acci³ns de mercadotecnia espec­ficos que quere que os seus usuarios tomen, pode que necesite incorporar espazo m¡is negativo no seu dese±o de 2020.

Mobile chega ao escritorio

Hai m¡is navegadores m³biles que os usuarios de escritorio agora, o que significa que no canto do seu dese±o m³bil que se realiza desde o seu dese±o de escritorio, o seu dese±o m³bil ser¡ transportado ao seu escritorio. Noutras palabras, o m³bil agora est¡ influenciando o dese±o de escritorio en vez doutra banda, que est¡ a influenciar as modernas tendencias de dese±o web. Antes deste tempo, os menºs de hamburguesa estaban s³ en debuxos m³biles, pero agora os ves en debuxos de escritorio e tipograf­a grande.

Outra influencia de m³biles ao escritorio que os elementos pegajosos poden permanecer firmemente na parte inferior da p¡xina en lugar de desaparecer cando se desprazas. Algºns proxectos m³biles recentes est¡n a colocar a navegaci³n e as barras de Hello na parte inferior da p¡xina para facelas m¡is f¡ciles de facer clic e acceder. Como a xente "Aprende" e familiar­zase con estes dese±os e crece para esperalo, veremos un cambio cara a este tipo de elemento de dese±o. Que outros xeitos ven o dese±o m³bil que afecta a forma de que os sitios web de escritorio parecen e realizan?

Micro-interacci³ns

Micro-interacci³ns son interacci³ns como en Facebook (pensan que Facebook gºstalle, comentarios, etc.) que amosan compromisos sut­s ou pedindo aos usuarios que realicen acci³ns pequenas e sinxelas (conectando un dispositivo a outro, gustando unha publicaci³n, manipular unha configuraci³n). As micro-interacci³ns animan e fomentan o compromiso. ¿Que pensas do dese±o web que incorpora interacci³ns en medios de comunicaci³n social na navegaci³n coti¡? Na sºa maior­a, estas interacci³ns permitiranlle facer funci³ns como "como" ou "clap" unha publicaci³n de blog ou gardala para m¡is tarde e as­ por diante. Unha forma interesante de implementar isto ao seu sitio web agora est¡ a usar unha notificaci³n de widget (como a rede cualificada) para permitir que os clientes poidan interactuar rapidamente contigo e dar comentarios instant¡neos para que poida proporcionar unha experiencia m¡is deliciosa.

Non podes acceder a MediadCom

O dese±o da UI a primeira impresi³n dunha aplicaci³n m³bil. Conecta aos usuarios cunha marca, fai que a viaxe de usuario sexa suave na aplicaci³n e aumenta todo o ROI da aplicaci³n. Cando o dese±o da UI dun App centrado no cliente e ten contido que participa, nada pode deter o seu xito.

Con todo, a paisaxe de UX est¡ transformando continuamente: as cousas novas est¡n a desenvolverse a tempo polo tempo. E o dese±o de UI a ¡rea m¡is cambiante da industria m³bil, que afecta moitas outras ¡reas da industria.

O dese±o da UI dunha aplicaci³n non se limita ¡ sºa aparencia. A arquitectura de datos da aplicaci³n debe combinarse con xito coas directrices de dese±o de IU que organizan, estruturar e etiquetar o contido dunha aplicaci³n de forma sostible e accesible.

Mobile UI / UX Tendencias de dese±o para

Este ano, a personalizaci³n da aplicaci³n m³bil pode adquirir m¡is impulso. Un UX m¡is adaptado ser esencial no desenvolvemento m³bil. A aprendizaxe de m¡quinas e a intelixencia artificial est¡n a facer esta personalizaci³n sen costura.

Non podes acceder a MediadCom

N³s e terceiros como os nosos clientes, socios e provedores de servizos utilizan cookies e tecnolox­as similares ("cookies") para proporcionar e asegurar os nosos servizos, comprender e mellorar o seu rendemento e servir anuncios relevantes (inclu­dos anuncios de emprego) e desactivado LinkedIn. Para obter m¡is informaci³n, consulte a nosa pol­tica de cookies.

Deseño de sitios web Descrición do traballo FreshTeam

Deseño web Descrición do traballo Descrición Requisito Responsabilidades do deseño de sitios web Salario medio dun deseñador de sitios web Descargar Descrición do traballo

Deseño de sitios web Descrición do traballo FreshTeam
Usamos cookies
Usamos cookies para garantir que che damos a mellor experiencia no noso sitio web. Ao usar o sitio web de acordo co uso de cookies.
Permitir cookies