Webtagr - Sumário de Notícias de Tecnologia

Sparks: Uma fonte para criar sparklines em texto

2025-04-05

A After the Flood, uma consultoria de design, lançou Sparks, uma nova fonte tipográfica que utiliza o recurso de alternativas contextuais do OpenType para gerar sparklines diretamente no texto. Ao inserir pontos de dados em um formato específico entre números (por exemplo, `123{30,60,90}456`), os usuários podem criar sparklines. Sparks é compatível com vários navegadores e softwares, oferecendo estilos de barra, ponto e ponto-linha com cinco variações de peso. Embora o mecanismo subjacente seja complexo, ele oferece um método novo e conveniente para visualização de dados.

(github.com)

Design

O Desaparecimento da Cor: Uma Mudança Estética Moderna

2025-04-02

De carros e marcas a filmes, tons de cinza e monocromáticos estão dominando o mundo. Este artigo explora as razões por trás desse fenômeno, argumentando que não se trata apenas de materiais ou tendências de moda, mas sim de uma desvalorização de longa data da cor na filosofia ocidental. De Platão a Kant, a razão foi priorizada em detrimento dos sentidos, com a cor sendo vista como uma interferência sensorial que impede a compreensão da verdade. O modernismo rejeitou ainda mais a cor como ornamentação excessiva, buscando a forma pura. No entanto, o artigo argumenta que essa rejeição da cor ignora a unidade harmoniosa da cor e da forma, exemplificada pelas cores vibrantes da arte barroca, onde emoção e razão coexistem. É hora de abraçar a cor novamente, enriquecendo nossas vidas.

(www.culture-critic.com)

Design Estética

Ilustrações Virais de Animais Feitas Inteiramente de Círculos

2025-04-02

As impressionantes ilustrações de animais da artista Dori, construídas inteiramente com círculos, viralizaram. Os designs simples, porém elegantes, geraram uma onda de pedidos de papéis de parede de alta resolução e impressões. Dori não apenas compartilhou seu processo criativo, mas também publicou um tutorial completo na Smashing Magazine. Essa história destaca o poder do design criativo e a interação envolvente entre artista e público.

(www.dorithegiant.com)

Design ilustração

Aproximando Elipses com Arcos Circulares: Uma Técnica de Desenho Prática

2025-04-01

Métodos tradicionais de desenho de elipses têm limitações em aplicações práticas. Este artigo apresenta uma técnica para aproximar elipses usando vários arcos circulares com raios fixos. O método envolve desenhar uma elipse em um software CAD, dividi-la em segmentos de ângulos iguais e, em seguida, mapear as cordas e os raios desses segmentos na elipse. Isso resulta em uma série de arcos circulares que formam uma elipse aproximada. Essa abordagem é particularmente útil em campos como design arquitetônico, permitindo flexibilidade na ajuste do número e dos ângulos dos arcos para alcançar formas e estéticas desejadas.

(medium.com)

Design desenho geométrico

Batalha de Ferramentas de Criação de Sites com IA: Páginas de Destino Rápidas e Profissionais, Mas Sem Magia

2025-03-30

Um designer experiente testou quatro ferramentas de criação de sites com IA — Cursor, v0, Lovable e Bolt — para criar um protótipo de página de destino para o software CodeYam. Os resultados? Todas as ferramentas (exceto o Cursor) eram fáceis de usar e produziram resultados simples e profissionais, mas sem designs inovadores. O Cursor era poderoso, mas excessivamente complexo; o v0 tinha uma ótima interface de usuário e facilidade de uso; o Lovable se destacou na geração de conteúdo; e o Bolt era muito básico. No geral, essas ferramentas oferecem páginas de destino rápidas e profissionais, mas não espere designs revolucionários.

(blog.codeyam.com)

Design construtor de sites com IA ferramentas de software

Os comerciais de David Lynch: onde a arte encontra o comércio

2025-03-29

David Lynch, conhecido por filmes surrealistas como Eraserhead e Veludo Azul, surpreendentemente emprestou sua visão artística distinta ao mundo dos comerciais. De anúncios de fragrâncias Calvin Klein a campanhas da Georgia Coffee e até mesmo iniciativas anti-lixo da cidade de Nova York, os comerciais de Lynch mesclam perfeitamente sua atmosfera inquietante característica com objetivos comerciais. Curiosamente, alguns desses anúncios foram exibidos principalmente na Europa e na Ásia, sugerindo uma apreciação global mais ampla de seu estilo único.

(www.openculture.com)

Design comerciais

Redescobrindo o Truque de Perspectiva de Piranesi: Uma Técnica Artística Esquecida

2025-03-27

Este artigo mergulha na técnica de perspectiva única empregada pelo artista do século XVIII Giovanni Battista Piranesi. Ao contrário da perspectiva tradicional, o truque de Piranesi usa uma proporção de perto-grande, longe-pequeno ao representar uma série de objetos semelhantes, em vez da verdadeira convergência de perspectiva. Essa técnica, embora viole as regras da perspectiva, aumenta a legibilidade e a compreensão da imagem. O artigo analisa os princípios matemáticos dessa técnica e, por meio da comparação com a perspectiva tradicional, demonstra suas aplicações potenciais no processamento de imagens e na cartografia. O autor até desenvolveu um algoritmo para aplicar essa técnica a softwares de edição de imagens, oferecendo uma nova perspectiva para a manipulação de imagens.

(medium.com)

Design

A História de um Colcha: Desconstruindo os Mitos da Qualidade das Roupas

2025-03-26

Este artigo narra a criação de um colcha de retalhos usando têxteis usados de amigos e familiares, provocando uma reflexão sobre a qualidade das roupas produzidas em massa. A autora argumenta que a qualidade da roupa não é determinada apenas pela origem ou pelo fabricante, mas pelo controle das marcas sobre os custos e os processos de produção. A moda rápida de baixa qualidade reflete as escolhas da marca para reduzir custos, não a habilidade dos trabalhadores. A peça questiona estereótipos sobre as habilidades de costura das mulheres asiáticas orientais, defendendo um foco na responsabilidade da marca e da cadeia de suprimentos.

(ruthtillman.com)

Design produção têxtil

A Subtil Arte do Traço Médio e do Traço Longo

2025-03-26

Este artigo explica claramente a diferença de uso entre travessões médios e travessões longos, e como inseri-los eficientemente no Word e no Google Docs. O autor usa exemplos vívidos para ilustrar que os travessões médios são usados para intervalos (por exemplo, intervalo de tempo 7–10 da noite), enquanto os travessões longos são usados para ênfase, inserções intercaladas ou interrupções abruptas na fala. O artigo também compara esses dois símbolos com hífens e fornece várias teclas de atalho e métodos de inserção manual para ajudar os leitores a evitar ambiguidades causadas pelo uso incorreto de pontuação.

(www.lighthouseproofreading.co.uk)

Design pontuação

O Hino Techno-Pop Obscuro de Kylie Minogue Sobre uma Fonte

2025-03-25

Em 1997, o ícone pop Kylie Minogue se uniu ao produtor Towa Tei para a surpreendentemente cativante "GBI (German Bold Italic)", uma música exclusivamente cantada da perspectiva de uma fonte tipográfica. Isso não foi apenas uma música; foi um experimento criativo de design de fonte. O artista Hiro Sugiyama criou a fonte GBI para acompanhar a faixa, incluída como uma faixa de dados no álbum de Tei e disponível para download. O single e o design da fonte, uma mistura de techno e cultura pop do final dos anos 90, permanecem relativamente obscuros hoje, mas ocupam um lugar único na história do design e da música, com uso ocasional por artistas selecionados.

(abcdinamo.com)

Design

O Platô de Inovação na Visualização de Dados: Da Era de Ouro à Estagnação

2025-03-25

Este artigo explora as razões por trás da estagnação da inovação no campo da visualização de dados. O autor relembra o desenvolvimento acelerado da visualização de dados por volta de 2010, com inúmeros gráficos interativos inovadores surgindo. No entanto, uma década depois, a inovação parece ter estagnado, com formatos interativos comuns como o scrollytelling dominando, levando à fadiga visual. O artigo argumenta que hábitos de leitura mobile-first, a demanda por conteúdo fácil de entender e estratégias de investimento conservadoras durante períodos de recessão econômica contribuíram para esse fenômeno. Apesar da desaceleração da inovação, o autor acredita que este é apenas um estágio natural do ciclo de inovação, e novas descobertas ainda são esperadas no futuro.

(www.shirleywu.studio)

Design

Papel de barra colorida nostálgico: Simulação na web e história

2025-03-24

Este artigo revisita o papel de barra colorida popular até o final da década de 1990, que utilizava barras horizontais coloridas para auxiliar na leitura. O autor simula vários efeitos de papel de barra em cores (incluindo verde, azul, amarelo e mais) em uma página da web e explica como imitar esse estilo em softwares e designs de web modernos. O artigo também aborda o contexto histórico e as diferentes abordagens para simular esse efeito em diferentes ambientes de software e web.

(mw.rat.bz)

Design estilo retrô papel de impressão

O Renascimento Modernista da Pintura Inversa

2025-03-23

No início dos anos 1900, a pintura inversa, ou pintura de purpurina em sua versão americana, havia caído em desuso, considerada um ofício feminino e ultrapassado. No entanto, a partir da década de 1910, artistas como Marsden Hartley e Rebecca Salsbury James revitalizaram a técnica, expandindo temas tradicionais e explorando novas paletas de cores, linhas e abordagens espaciais, dando um toque modernista a esta antiga técnica. Isso coincidiu com trabalhos semelhantes de Janoszanka na Polônia, mostrando o poder da inovação artística para reinterpretar técnicas tradicionais.

(publicdomainreview.org)

Design pintura inversa modernismo

Plugin de Exportação de Região do Krita: Exporte facilmente regiões da tela

2025-03-22

Este plugin do Krita permite exportar qualquer região da sua tela, com redimensionamento opcional. Instalação: Coloque a pasta `region_exporter` na subpasta `pykrita` da pasta de recursos do Krita. Coloque `region_exporter.desktop` na raiz da pasta de recursos do Krita e `region_exporter.action` na subpasta `actions`. Uso: Use o atalho Ctrl+Shift+E ou o menu Ferramentas. Insira as coordenadas, tamanho, rotação e opções de seleção de camada para exportar sua imagem.

(github.com)

Design Exportação de Imagem

Grids de Hexágonos Responsivos com CSS Puro: Uma Abordagem Baseada em Float

2025-03-20

Este artigo demonstra como criar grids de hexágonos totalmente responsivos sem usar media queries, JavaScript ou hacks excessivos. Usando inteligentemente `clip-path`, `float` e `shape-outside`, juntamente com variáveis CSS para tamanho e espaçamento, um layout flexível é alcançado. A técnica é estendida para criar grids de losangos, octógonos e mais. O CSS Grid é usado para centralizar e controlar o overflow, resultando em um sistema de grid responsivo e adaptável com formas personalizáveis.

(css-tricks.com)

Design Design Responsivo Grids de Formas

O Passado, o Presente e o Futuro Incerto do Design de UI de Desktop

2025-03-18

De 'A Mãe de Todas as Demos' de Engelbart em 1968 até a onipresença das telas sensíveis ao toque de hoje, este artigo traça a evolução do design da interface do usuário de desktop. Examinando exemplos icônicos como o Xerox Alto e o Sun Starfire, ele explora visões para interfaces de usuário futuras, incluindo toque, controle de voz e telas infinitas. No entanto, o autor argumenta que muitas inovações não foram verdadeiras melhorias, adicionando atrito em vez disso. O artigo conclui que o futuro da IU de desktop pode não ser uma reinvenção radical, mas sim um refinamento incremental de designs existentes, enfatizando consistência e familiaridade em vez de novidade.

(www.datagubbe.se)

Design Design de Interface do Usuário

Distorções de Forma Líquida: Gerador de Animação Psicodélica Gratuito

2025-03-17

Distorções de Forma Líquida é um gerador de animação psicodélica gratuito baseado em navegador que cria arte psicodélica usando movimento líquido, distorção, sombras e luz. Inspirado na música drum & bass/acid techno e em pôsteres de rave dos anos 90, esta ferramenta pode ser usada para criar arte para videoclipes, pôsteres de concertos, animações estilizadas em projetos criativos ou simplesmente apreciada junto com música. Os usuários podem usar atalhos de teclado e um menu de controle para randomização, pausa/reprodução, capturas de tela, exportação de vídeo, reprodução de música e personalização do tamanho da tela, velocidade da animação, padrões e cores. A animação é criada com shaders WebGL, resultando em uma arte única a cada execução. Este projeto de código aberto é gratuito para uso pessoal e comercial.

(collidingscopes.github.io)

Design animação psicodélica

Nossas Interfaces Planas Perderam Seus Sentidos

2025-03-16

De cartões perfurados a telas sensíveis ao toque, a interação humano-computador evoluiu dramaticamente. No entanto, as interfaces planas de hoje, excessivamente dependentes da entrada de texto e elementos visuais, negligenciam entradas sensoriais táteis, auditivas e outras, resultando em experiências de usuário menos ricas e envolventes. Este artigo defende o redesenho de interfaces para integrar várias modalidades de interação — texto, imagens, som, tato — para criar uma interação humano-computador mais imersiva e eficiente. O autor sugere combinar entrada de voz e gestos para colaboração multissensorial.

(wattenberger.com)

Design design de UI

Kerning do Jeito Difícil: Uma História de GSUB e Fontes Listradas

2025-03-14

Este artigo detalha a luta do autor e a solução final para o kerning de uma fonte única com formas de letras listradas verticalmente. As técnicas de kerning GPOS padrão falharam devido à sobreposição de partes das letras. A solução engenhosa envolveu pesquisas GSUB para dividir as letras em componentes esquerdo e direito, substituindo seções sobrepostas por conectores personalizados. Esse processo complexo dependia muito de scripts Python personalizados usando as bibliotecas fontTools e fontFeatures. Embora a fonte esteja incompleta, o desafio principal do kerning foi superado, oferecendo uma abordagem nova para o design de fontes não convencionais.

(home.octetfont.com)

Design design de fonte

O Arquiteto Insignificante de Hollywood: A História de Paul R. Williams

2025-03-14

O documentário "O Arquiteto de Hollywood: A História de Paul R. Williams" narra a vida de Paul Revere Williams, o primeiro membro afro-americano do American Institute of Architects. Superando imensos obstáculos raciais, Williams projetou edifícios icônicos como o LAX e casas para lendas de Hollywood. O filme não apenas celebra seu talento extraordinário, mas também destaca a falta de diversidade na arquitetura e a importância de preservar seu legado, levando à reflexão sobre igualdade racial e preservação do patrimônio cultural.

(www.latimes.com)

Design arquitetura igualdade racial

Gerador de Ilustrações com IA: Eleve seus Visuais

2025-03-14

Precisa de ilustrações atraentes para seu aplicativo, site ou mídia social? Esta ferramenta com tecnologia de IA cria gráficos personalizados para tudo, desde interfaces de aplicativos e telas de integração até imagens de herói para sites e postagens de mídia social. Melhore seus visuais com uma marca consistente em guias do usuário, tutoriais, artigos, lojas online e plataformas educacionais. Torne seu conteúdo mais envolvente e sua marca mais memorável.

(www.illustration.app)

Design ilustração IA design visual gerador de ilustrações

Liu Jiakun ganha o Prêmio Pritzker de Arquitetura 2025

2025-03-14

Liu Jiakun, arquiteto de Chengdu, China, recebeu o prestigioso Prêmio Pritzker de Arquitetura 2025, a maior honraria da arquitetura. Seu trabalho combina habilmente elementos aparentemente opostos – utopia e vida cotidiana, história e modernidade, coletivismo e individualismo – criando edifícios que respeitam a história cultural enquanto permanecem profundamente conectados às vidas dos cidadãos comuns. Ele prioriza os espaços públicos, equilibrando habilmente a densidade e a abertura em cidades lotadas, integrando os edifícios perfeitamente ao tecido da vida urbana como infraestrutura, paisagem e espaço público ao mesmo tempo. Seus projetos demonstram reverência pela cultura, história e natureza, incorporando elementos da arquitetura chinesa clássica com sensibilidade de design moderno. Exemplos incluem as beirais suavemente inclinadas do Museu de Suzhou e as paredes de janelas do Parque Ecológico da Lagoa do Egret em Chengdu, mostrando tradição e inovação.

(www.pritzkerprize.com)

Design Prêmio Pritzker Arquitetura Chinesa

Gerador de fontes elegantes: Deixe seu texto se destacar nas redes sociais

2025-03-14

O Font Generator é uma ferramenta online que permite que você insira um texto simples e o converta em mais de 180 estilos de texto sofisticados. Para tornar seu texto divertido e elegante, ele utiliza milhares de símbolos interessantes do Unicode e os combina para criar fontes para você. Isso permite que você escreva em estilos em negrito, sublinhado, cursivo ou itálico em plataformas onde essa formatação normalmente não é possível. Basta inserir seu texto e selecionar sua fonte favorita para copiar e colar.

(fontgenerator.cool)

Design gerador de fontes

Crânios, Monstros e Morte: Reexaminando o Gravador Mexicano José Guadalupe Posada

2025-03-10

Como observa o crítico cultural Ilan Stavans, a obra de Posada nos transporta para um universo de incidentes góticos, grotescos, mágicos e bizarros, com a morte como tema principal, não existencial ou dolorosa, mas irreversível, social e igualitária. Seu mundo está repleto de morcegos, grifos, esqueletos, híbridos animais, cobras, explosões, pistolas, demônios, fantasmas e deformidades. Em vez de ver esses elementos horripilantes como uma nota de rodapé, devemos considerar seu significado inerente.

(publicdomainreview.org)

Design gravura mexicana imagem da morte arte gótica

O Triunfo de Hammershøi em Londres: De Wimpole Street ao Sucesso Crítico

2025-03-09

Vilhelm Hammershøi passou o inverno de 1912 e a primavera de 1913 na Inglaterra, culminando em exposições de sucesso. Sua conexão começou com Leonard Borwick, um renomado pianista que, após descobrir o trabalho de Hammershøi, defendeu sua arte. Borwick, um favorito da Rainha Vitória, conseguiu exposições em locais prestigiosos de Londres, incluindo o Guildhall e a Galeria Van Wisselingh. Os shows foram elogiados pela crítica, com Hammershøi sendo chamado de 'a descoberta da temporada' e suas pinturas elogiadas por sua 'reserva e frieza'. A afinidade pessoal de Hammershøi com a música, evidente em seus esboços de infância e nas histórias de sua esposa, provavelmente influenciou sua visão artística.

(www.richardmorris.org)

Design exposição Dinamarca

SVG: Gráficos Vetoriais Escaláveis para Web Design

2025-03-09

Este artigo responde a perguntas comuns sobre SVG (Gráficos Vetoriais Escaláveis), cobrindo sua definição, métodos de conversão de imagens, vantagens sobre outros formatos como PNG e JPEG, fontes de recursos gratuitos, uso em HTML, técnicas de animação, implementação de design responsivo, otimização e ferramentas de edição. Designers e desenvolvedores web encontrarão informações práticas sobre o uso de SVG.

(websvg.com)

Design

IA Art: Uma Princesa de Cabelo Prateado de Sonho

2025-03-08

Esta obra de arte gerada por IA retrata uma princesa com cabelos prateados e olhos violetas, sentada elegantemente em uma lagoa com brilho mágico, adornada com um vestido deslumbrante branco e roxo com detalhes florais. Cerca de borboletas e pétalas, a imagem é exquisitamente detalhada, sonhadora e evoca uma atmosfera fantástica. A sombreamento e iluminação intrincados mostram capacidades avançadas de arte de IA.

(www.gentube.app)

Design sonhador princesa

Duelo de Arte Grega Antiga Remixado: O Mural de Hardham e a Ilusão da Realidade

2025-03-05

Este artigo conecta um mural do século XII na igreja de Hardham à famosa competição de pintura entre Zeuxis e Parrhasios na Grécia antiga. Parrhasios, conhecido por sua pintura de cortina enganosamente realista, enganou até mesmo Zeuxis. O mural de Hardham usa o mesmo truque em sua representação de 'A Decepção de Adão e Eva', desafiando as percepções dos espectadores sobre as imagens. O artigo explora a natureza e o valor da arte e alerta contra ser enganado pelo realismo visual, defendendo uma 'visão espiritual' para transcender as limitações das coisas visíveis.

(keithamcgowan.blogspot.com)

Design Técnicas de Pintura Percepção Visual

Evite a 'Bicicleta do Pesadelo': Pensamento Sistêmico no Design de Produtos

2025-03-05

Este artigo critica a tendência no design de produtos de supersimplificar a experiência do usuário. Usando a 'bicicleta do pesadelo' (sem marchas numeradas, apenas botões específicos para cenários) como exemplo, argumenta-se que esses designs obscurecem a estrutura subjacente do sistema, prejudicando a eficiência do usuário. Um bom design revela a estrutura do sistema, permitindo que os usuários o entendam e o apliquem; um mau design substitui a compreensão sistemática por rótulos superficiais, limitando, em última análise, a aprendizagem e a aplicação do usuário. O autor defende a não supersimplificação, confiando na capacidade de aprendizagem dos usuários – assim como um forno de micro-ondas só precisa de botões de tempo e potência, os usuários podem descobrir como cozinhar.

(www.geoffreylitt.com)

Design pensamento sistêmico

Triunfo da Animação Independente: Flow, Feito Inteiramente no Blender

2025-03-03

O filme de animação Flow, uma jornada mística de um gato e seus companheiros, é um testemunho do poder do Blender. Uma pequena equipe independente, usando o renderizador em tempo real EEVEE do Blender, superou as limitações de orçamento para criar um filme aclamado pela crítica, obtendo mais de 60 prêmios e indicações ao Oscar. O diretor Gints Zilbalodis detalha seu fluxo de trabalho simplificado, destacando a importância da velocidade e da adaptabilidade. A engenhosidade e o espírito colaborativo da equipe, juntamente com as capacidades do Blender, mostram o potencial dos cineastas independentes para alcançar um sucesso notável.

(www.blender.org)

Design Filme Independente

Category: Design