{"id":260834,"date":"2023-01-31T12:40:00","date_gmt":"2023-01-31T09:40:00","guid":{"rendered":"https:\/\/inform.click\/web-design-em-modo-escuro-uma-grande-demanda-hoje-em-dia-por-que\/"},"modified":"2023-01-31T13:14:00","modified_gmt":"2023-01-31T10:14:00","slug":"web-design-em-modo-escuro-uma-grande-demanda-hoje-em-dia-por-que","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/web-design-em-modo-escuro-uma-grande-demanda-hoje-em-dia-por-que\/","title":{"rendered":"Web design em modo escuro: uma grande demanda hoje em dia? Por qu\u00ea?"},"content":{"rendered":"<p>\n  O modo escuro est\u00e1 se tornando cada vez mais popular hoje do que nunca. Esse recurso come\u00e7ou como um tema de codifica\u00e7\u00e3o padr\u00e3o para programadores e desenvolvedores de computador.\n<\/p>\n<p>\n  Mas agora, at\u00e9 mesmo os usu\u00e1rios de aplicativos m\u00f3veis e de desktop, bem como os visitantes do site, est\u00e3o percebendo as vantagens de us\u00e1-lo para proteger os olhos, o menor consumo de bateria e a est\u00e9tica geral do <a href=\"https:\/\/inform.click\/pt-pt\/30-dicas-para-aprender-web-design-em-45-dias\/\" title=\"design da web\">design da web<\/a>, entre outras coisas.\n<\/p>\n<p>\n  Neste artigo, nos aprofundamos nessa tend\u00eancia, nos pr\u00f3s e contras do modo escuro no web design e em algumas das principais raz\u00f5es pelas quais ele est\u00e1 ganhando popularidade no mundo conectado digitalmente de hoje.\n<\/p>\n<h5>\n  O que \u00e9 o Modo Escuro?<br \/>\n<\/h5>\n<p>\n  O modo escuro, tamb\u00e9m conhecido como modo noturno ou tema escuro, \u00e9 um recurso de site ou aplicativo m\u00f3vel que permite aos usu\u00e1rios alterar rapidamente a cor de fundo da <a href=\"http:\/\/www.instantshift.com\/2013\/01\/21\/user-interfaces-techniques-pros-and-cons-when-designing-ui-elements\/\" target=\"_blank\" rel=\"noopener\">interface do usu\u00e1rio<\/a> para uma cor escura, geralmente preto ou um tom de cinza. No web design, o principal objetivo do recurso \u00e9 tornar mais f\u00e1cil para os visitantes do site visualizar ou ler seu conte\u00fado, como texto ou v\u00eddeo, no escuro.\n<\/p>\n<p>\n  Pr\u00f3s e contras do design da Web no modo escuro\n<\/p>\n<p>\n  Agora, vamos dar uma olhada r\u00e1pida nos pr\u00f3s e contras do web design no modo escuro:\n<\/p>\n<h5>\n  Pr\u00f3s<br \/>\n<\/h5>\n<ul>\n<li>Aumenta a visibilidade do seu site ou <a href=\"https:\/\/inform.click\/pt-pt\/primeiros-designs-moveis-importancia-e-ultimas-tendencias\/\" title=\"conte\u00fado de aplicativo m\u00f3vel\">conte\u00fado de aplicativo m\u00f3vel<\/a> em ambientes com pouca luz\n  <\/li>\n<li>Melhora <a href=\"http:\/\/www.instantshift.com\/2013\/02\/15\/user-experience-ux-principles-and-best-practices\/\" target=\"_blank\" rel=\"noopener\">a experi\u00eancia do usu\u00e1rio<\/a>\n  <\/li>\n<li>Protege da exposi\u00e7\u00e3o \u00e0 luz azul\n  <\/li>\n<li>Corta o brilho\n  <\/li>\n<li>Previne o cansa\u00e7o visual digital\n  <\/li>\n<li>Economiza bateria e energia\n  <\/li>\n<\/ul>\n<h5>\n  Contras<br \/>\n<\/h5>\n<ul>\n<li>N\u00e3o \u00e9 ben\u00e9fico para uso durante o dia\n  <\/li>\n<li>N\u00e3o \u00e9 \u00fatil para uma experi\u00eancia de leitura relaxante a longo prazo\n  <\/li>\n<li>Pode afetar a legibilidade, especialmente com smartphones\n  <\/li>\n<\/ul>\n<h3>\n  Por que os designs da Web no modo escuro est\u00e3o ficando enormes hoje em dia<br \/>\n<\/h3>\n<p>\n  Agora que voc\u00ea conhece a defini\u00e7\u00e3o b\u00e1sica de um design da Web no modo escuro, vamos examinar mais de perto por que eles est\u00e3o se tornando mais populares entre os usu\u00e1rios da Internet.\n<\/p>\n<h5>\n  Melhor para os olhos<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3b49491.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-321554-6383bd3b49491.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Como mencionado acima, uma das principais raz\u00f5es pelas quais o design da Web em modo escuro est\u00e1 se tornando cada vez mais popular hoje em dia \u00e9 que os usu\u00e1rios da Internet acham melhor, mais f\u00e1cil e mais confort\u00e1vel para os olhos quando se trata de ler em ambientes com pouca luz, em compara\u00e7\u00e3o com um fundo tradicional branco ou de cor clara.\n<\/p>\n<p>\n  Se voc\u00ea est\u00e1 lendo algo no seu computador, ou smartphone, \u00e0 noite, \u00e9 muito melhor ler textos claros em um fundo escuro do que ler textos escuros em um fundo claro. De acordo com a Live Science, a raz\u00e3o para isso \u00e9 que a \u00edris em nossos olhos precisaria se expandir mais do que ao ler em uma tela brilhante.\n<\/p>\n<p>\n  Al\u00e9m do cansa\u00e7o visual digital, tamb\u00e9m h\u00e1 algumas pesquisas que mostram que o modo escuro tamb\u00e9m pode ajudar os usu\u00e1rios a reduzir sua exposi\u00e7\u00e3o \u00e0 luz azul. A luz azul de um computador ou qualquer tipo de dispositivo de visualiza\u00e7\u00e3o tem a capacidade de suprimir a produ\u00e7\u00e3o de melatonina, que \u00e9 o horm\u00f4nio necess\u00e1rio para dormir.\n<\/p>\n<p>\n  Isso significa que mudar para o modo escuro para os usu\u00e1rios n\u00e3o \u00e9 apenas melhor para os olhos, mas tamb\u00e9m pode ajud\u00e1-los a ter uma boa noite de sono.\n<\/p>\n<h5>\n  Ajuda os usu\u00e1rios a economizar bateria<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3e3d4a7.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-321554-6383bd3e3d4a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Outra raz\u00e3o importante pela qual <a href=\"https:\/\/inform.click\/pt-pt\/habilidades-de-design-da-web-para-comercio-eletronico-a-serem-dominadas-em-meio-ao-covid-19\/\" title=\"o design da Web em modo escuro est\u00e1 atraindo grande demanda\">o design da Web em modo escuro est\u00e1 atraindo grande demanda<\/a> hoje \u00e9 que ele pode ajudar os visitantes do site e os usu\u00e1rios de dispositivos a prolongar a vida \u00fatil da bateria. Sem o modo escuro, todo o espa\u00e7o em branco vazio na tela de um dispositivo precisa de mais energia, o que, por sua vez, pode esgotar a bateria do dispositivo. De acordo com o XDA Developers, o modo escuro tem a capacidade de reduzir o consumo de bateria em at\u00e9 63% em telas AMOLED, mesmo com brilho m\u00e1ximo.\n<\/p>\n<p>\n  Al\u00e9m do mais, o Google tamb\u00e9m confirmou que usar o modo escuro em telas OLED pode ser uma grande ajuda para a dura\u00e7\u00e3o da bateria. Por exemplo, se voc\u00ea ajustar o brilho da tela para 50%, a interface do aplicativo do YouTube pode economizar aproximadamente 15% da energia da tela, em compara\u00e7\u00e3o com uma tela plana e brilhante.\n<\/p>\n<h5>\n  Sendo adotado por gigantes da tecnologia<br \/>\n<\/h5>\n<p>\n  Hoje em dia, cada vez mais empresas come\u00e7am a perceber a vantagem de adotar o recurso de modo escuro para seus usu\u00e1rios. Gigantes da tecnologia, como Google, Apple, Facebook, YouTube, Twitter, Android, Samsung e outros, j\u00e1 est\u00e3o oferecendo o recurso para alguns de seus servi\u00e7os.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4178625.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-321554-6383bd4178625.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Um exemplo de recurso de modo escuro que voc\u00ea pode usar no navegador Google Chrome para ativar o modo escuro \u00e9 o Night Eye. O Night Eye do Google permite que voc\u00ea mude para o modo escuro em quase todos os sites que voc\u00ea visita usando seu pr\u00f3prio algoritmo.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd45b831e.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-321554-6383bd45b831e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Com esta extens\u00e3o do Chrome, voc\u00ea tamb\u00e9m pode controlar os temas escuros integrados nos sites que o possuem, como YouTube e Reddit. De acordo com o Google, o modo escuro pode melhorar a visibilidade para usu\u00e1rios com baixa vis\u00e3o, incluindo aqueles cujos olhos s\u00e3o sens\u00edveis \u00e0 luz forte.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4914c24.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-321554-6383bd4914c24.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Por outro lado, para ativar o modo escuro no navegador Safari, voc\u00ea precisar\u00e1 ativar o tema escuro do macOS, que funciona em todo o sistema, desde o dock e a barra de menus, at\u00e9 todos os aplicativos da \u00e1rea de trabalho, incluindo Saf\u00e1ri. De acordo com a Apple, o modo escuro pode tornar mais f\u00e1cil para os usu\u00e1rios manterem o foco em seu trabalho.\n<\/p>\n<h5>\n  Funciona perfeitamente com streaming de v\u00eddeo online<br \/>\n<\/h5>\n<p>\n  Al\u00e9m dos textos da web, empresas de tecnologia, como Netflix e YouTube, tamb\u00e9m perceberam os benef\u00edcios de adotar o recurso de modo escuro para seus servi\u00e7os de streaming de v\u00eddeo online. Uma dessas vantagens para os usu\u00e1rios finais inclui a capacidade de focar no conte\u00fado, e n\u00e3o nos controles, especialmente depois de olhar para a tela por um longo per\u00edodo de tempo, facilitando a vida dos editores de v\u00eddeo online. Al\u00e9m disso, o modo escuro tamb\u00e9m pode tornar a exibi\u00e7\u00e3o de v\u00eddeos mais cinematogr\u00e1fica.\n<\/p>\n<h5>\n  O Futuro \u00e9 Escuro<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4d30074.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-321554-6383bd4d30074.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  O futuro do modo escuro parece muito brilhante. Essa tend\u00eancia, que foi se consolidando gradativamente nos \u00faltimos anos, n\u00e3o d\u00e1 sinais de que vai parar. J\u00e1 est\u00e1 dispon\u00edvel em muitos <a href=\"https:\/\/inform.click\/pt-pt\/como-as-principais-empresas-de-desenvolvimento-de-aplicativos-moveis-otimizam-as-conversoes-para-aplicativos-moveis\/\" title=\"aplicativos populares\">aplicativos populares<\/a>, incluindo Google e seus servi\u00e7os, Facebook, YouTube, Instagram, WhatsApp e muito mais.\n<\/p>\n<p>\n  Al\u00e9m disso, voc\u00ea tamb\u00e9m pode encontrar essa tend\u00eancia aparecendo em todos os verificadores de servi\u00e7os de e-mail, como Gmail, Outlook, Android e iOS.\n<\/p>\n<h5>\n  Palavras Finais:<br \/>\n<\/h5>\n<p>\n  A\u00ed est\u00e1! Estas s\u00e3o algumas das principais raz\u00f5es pelas quais os designs da Web em modo escuro est\u00e3o se tornando cada vez mais populares atualmente e at\u00e9 usados \u200b\u200bcomo uma ferramenta de hacking de crescimento. O design da Web em modo escuro n\u00e3o \u00e9 apenas um <a href=\"https:\/\/inform.click\/pt-pt\/estetica-do-site-por-que-a-aparencia-do-seu-site-e-importante-para-sua-marca\/\" title=\"toque est\u00e9tico\">toque est\u00e9tico<\/a> da moda, \u00e9 melhor para os olhos \u00e0 noite, mas tamb\u00e9m ajuda os usu\u00e1rios a economizar bateria e funciona perfeitamente para streaming de v\u00eddeo online.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2021\/04\/01\/dark-mode-web-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>O modo escuro est\u00e1 se tornando cada vez mais popular hoje do que nunca. Esse recurso come\u00e7ou como um tema de codifica\u00e7\u00e3o padr\u00e3o para programadores e desenvolvedores de computador. Mas agora, at\u00e9 mesmo os usu\u00e1rios de aplicativos m\u00f3veis e de desktop, bem como os visitantes do site, est\u00e3o percebendo as vantagens de us\u00e1-lo para proteger os olhos, o menor consumo de bateria e a est\u00e9tica geral do design da web, entre outras coisas. Neste artigo, nos aprofundamos nessa tend\u00eancia, nos pr\u00f3s e contras do modo escuro no web design e em algumas das principais raz\u00f5es pelas quais ele est\u00e1 ganhando popularidade nos dias de hoje digitalmente\u2026<\/p>\n","protected":false},"author":1,"featured_media":217983,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[72,202,228,59],"tags":[],"class_list":["post-260834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-9","category-designer-de-web","category-livros-didaticos","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/260834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=260834"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/260834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/217983"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=260834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=260834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=260834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}