Category: Design

Lições de um guia de jardinagem paisagística de 1834: Projetando experiências envolventes

2025-06-11

Este artigo explora princípios do guia de jardinagem paisagística de Hermann von Pückler-Muskau de 1834, "Dicas sobre Jardinagem Paisagística", e os aplica ao desenvolvimento de software moderno e design de jogos. Três pontos principais são destacados: 1. Guiar sutilmente os caminhos, fazendo com que as curvas pareçam naturais e propositais; 2. Esconder estrategicamente os recursos principais para construir expectativa e surpresa; e 3. Priorizar a emulação em vez da simulação, buscando realismo e um design harmonioso. Esses princípios transcendem a arquitetura paisagística, oferecendo insights valiosos para a criação de experiências digitais imersivas, como mapas de jogos ou interfaces de usuário.

A Cozinha de Frankfurt: Um ícone modernista e suas controvérsias

2025-06-11
A Cozinha de Frankfurt: Um ícone modernista e suas controvérsias

Projetada em 1926 por Margarete Schütte-Lihotzky, a Cozinha de Frankfurt serviu como protótipo padrão, amplamente implementado no projeto habitacional "Nova Frankfurt" da década de 1920. Inspirada na eficiência industrial e na produção em linha de montagem, priorizava a funcionalidade e minimizava o espaço, com layout semelhante à cozinha de um vagão de trem. O objetivo era 'industrializar' as tarefas domésticas. No entanto, o design também gerou controvérsias; embora melhorasse a higiene, não questionava a divisão de gênero do trabalho e, posteriormente, foi criticado por ignorar as necessidades individuais. Hoje, a Cozinha de Frankfurt representa um capítulo significativo na história do design moderno, exibida em museus, mostrando a genialidade e as limitações dos ideais modernistas.

Os Bancos de Três Pernas de Wharton Esherick: De Restos a Ícones

2025-06-10
Os Bancos de Três Pernas de Wharton Esherick: De Restos a Ícones

Os bancos de três pernas de Wharton Esherick estão entre suas obras mais reconhecíveis. Criados inicialmente para complementar a renda usando sobras de madeira, esses bancos não são apenas bonitos e confortáveis, mas também leves e fáceis de mover. Esherick os moldou de acordo com a textura da madeira, projetando cuidadosamente a estrutura das pernas para leveza e resistência. Apresentados em anúncios da Armstrong Linoleum, esses bancos ganharam reconhecimento inesperado, e hoje são peças de colecionador muito procuradas, com preços significativos.

Uma Década de Fotografia: De Paixão à Reflexão

2025-06-10

Um fotógrafo embarca em uma jornada de dez anos ao redor do mundo, do Canadá ao Japão, da Europa aos EUA, em busca do significado da fotografia. Sua jornada evolui da busca pela maestria técnica à exploração cultural e autoexpressão, abandonando a busca por validação nas redes sociais em prol de projetos mais profundos. Ele testemunha a fragmentação da cultura na era digital e o impacto da IA na criação artística. No final, ele percebe que o verdadeiro valor não está na quantidade ou na atenção, mas no compromisso de longo prazo com o seu trabalho e na autoexpressão.

Design

Ícone do Finder invertido no macOS Tahoe gera discussão

2025-06-10
Ícone do Finder invertido no macOS Tahoe gera discussão

A atualização macOS Tahoe, apresentada na WWDC2024, apresenta um ícone do Finder invertido, gerando controvérsia. O autor argumenta que isso quebra com a longa tradição de design, parecendo discordante e desnecessário. Ele destaca que o lado escuro do ícone do Finder sempre esteve à esquerda desde o System 7.5.3 em 1996. Embora a Apple provavelmente tenha visado a consistência com a nova interface Liquid Glass, o autor acredita que isso interrompe um design clássico, enviando feedback de acordo. Ele até redesenhou o ícone usando o aplicativo Icon Composer da Apple, demonstrando sua compatibilidade com o Liquid Glass, mantendo o layout tradicional.

Design

WWDC2025 da Apple: Redesign Liquid Glass Varre Todas as Plataformas

2025-06-09
WWDC2025 da Apple: Redesign Liquid Glass Varre Todas as Plataformas

A Apple revelou o Liquid Glass, uma atualização de design abrangente na WWDC2025, trazendo efeitos de transparência e brilho semelhantes ao vidro para iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 e tvOS 26. Inspirado no visionOS, este design universal se adapta aos modos claro e escuro, transformando elementos do dock e da tela de bloqueio a interfaces de aplicativos como Câmera e Safari. Novas APIs são fornecidas para desenvolvedores atualizarem seus aplicativos para essa grande revisão da IU. Marcando a maior mudança de design da Apple em mais de uma década, o Liquid Glass impactará significativamente o desenvolvimento de aplicativos nos próximos meses.

Adeus, Figma: A Revolução da IA no Design de UI

2025-06-09
Adeus, Figma: A Revolução da IA no Design de UI

Seu eu futuro escreve para você: abandone o Figma e outras ferramentas de design de UI! Com um sistema de design maduro e IA, você pode escapar do inferno do pixel perfeito. Esboços desenhados à mão, processados pela IA, geram código pronto para produção em segundos, liberando você para se concentrar em resolver problemas de negócios e usuários em vez de ajustar pixels no Figma. Design não é mais produção, mas sim criação verdadeira. Isso requer a construção de um sistema de design maduro, investimento em exploração de design, colaboração próxima com equipes e começar pequeno. A IA não o substituirá; ela lhe dará superpoderes!

Design Design de IA

Pare de afogar seu site em truques de design!

2025-06-09
Pare de afogar seu site em truques de design!

Designers, é hora de uma verificação de realidade! O uso excessivo de elementos de design chamativos, como animações e pop-ups, prejudica a experiência do usuário. Pesquisas do Google mostram que os usuários formam opiniões sobre sites em 50 milissegundos; tempos de carregamento lentos levam a uma perda significativa de usuários. O site médio agora pesa cerca de 2,5 MB — mais do que o jogo original Doom! Um ótimo design é sobre simplicidade e funcionalidade, ajudando os usuários a atingir seus objetivos de forma eficiente, não a exibir. Priorize a satisfação do usuário e as taxas de conversão em vez de prêmios de design. Lembre-se, um bom design é invisível; ele facilita a conexão humana e o compartilhamento de informações, não uma galeria de arte.

A Ascensão e Queda (e Ascensão?) de `<blink>` e `<marquee>`

2025-06-08
A Ascensão e Queda (e Ascensão?) de `<blink>` e `<marquee>`

Lembra de texto piscante e letreiros em sites? Este artigo mergulha na história peculiar das tags HTML `` e ``, populares nos anos 90. Da sua criação acidental no Netscape Navigator 2.0 à tag `` inovadora (e arguidamente atroz) do Internet Explorer, a história explora seus problemas de compatibilidade bizarros e como definiram – e às vezes minaram – o design web inicial. Embora obsoletos hoje, seu impacto no desenvolvimento web é inegável.

Artista britânico cria escultura de aço lúdica e sem peso

2025-06-06
Artista britânico cria escultura de aço lúdica e sem peso

O artista britânico Alex Chinneck revelou "A week at the knees", uma nova escultura na Clerkenwell Design Week de Londres. Feita com 320 metros de aço reaproveitado e 7.000 tijolos, a peça de 5 metros de altura e 12 toneladas tem surpreendentemente apenas 15 centímetros de espessura. Ela antropomorfiza brincalhonamente uma fachada georgiana, com seus níveis inferiores parecendo sentados com os joelhos dobrados, criando uma interação fantasiosa com o parque ao redor. A escultura combina habilmente o peso dos materiais com um efeito visual leve e gracioso, criando uma experiência artística única dentro do contexto histórico das praças e jardins de Londres.

!Camera: Redefinindo a fotografia móvel

2025-06-05
!Camera: Redefinindo a fotografia móvel

Diga adeus à fotografia móvel entediante! !Camera é um aplicativo de câmera com uma interface totalmente 3D, iluminação dinâmica, sons e feedback tátil personalizado que evocam a experiência tátil de segurar uma câmera premium. Ele usa o processamento de fotos SuperRaw™ para preservar o grão natural do filme e suporta o salvamento de arquivos RAW no formato DNG. Além disso, possui classificação de cores de nível profissional com predefinições integradas e LUTs (tabelas de pesquisa) para resultados impressionantes sem edição posterior. O mais importante é que prioriza a privacidade do usuário, armazenando todas as fotos localmente em seu dispositivo.

Fragmento de CSS misterioso: decifrando um layout da web

2025-06-04
Fragmento de CSS misterioso: decifrando um layout da web

Este trecho de código CSS define o estilo de layout de uma página da web, incluindo estilos para grade, colunas e células. A análise revela o uso extensivo de seletores de classe e atributo, ajustando finamente propriedades como posição, tamanho e plano de fundo dos elementos da web. Isso sugere que o fragmento provavelmente é para um layout da web complexo, ou talvez para o ajuste fino de um layout existente. O estilo de codificação é verboso e poderia se beneficiar de uma melhor legibilidade.

A Arte Computacional: Uma Moda Passageira ou uma Ferramenta de Transformação?

2025-06-03
A Arte Computacional: Uma Moda Passageira ou uma Ferramenta de Transformação?

Este artigo critica a ideia da "arte computacional" como uma simples tendência da moda manipulada por negociantes de arte. O autor argumenta que o uso de computadores na arte não deve se limitar à produção de mais objetos esteticamente agradáveis, mas sim focar em seu potencial para revelar realidades sociais, melhorar a comunicação e promover a compreensão. Várias áreas de pesquisa são propostas, como investigar o impacto da tecnologia em artistas e suas obras, analisar os sistemas de signos de diferentes estilos artísticos e examinar o papel da informação estética em contextos sociais mais amplos. O autor acredita que o verdadeiro valor dos computadores reside em sua utilidade como ferramentas a serviço de questões sociais mais significativas, em vez de se tornarem mais uma tendência artística que atende às demandas de mercado.

Prosperando na Obscuridade: O Longo Caminho para a Maestria Criativa

2025-06-02
Prosperando na Obscuridade: O Longo Caminho para a Maestria Criativa

A maioria dos empreendimentos criativos leva anos para dar frutos. Mesmo os criadores mais bem-sucedidos passaram anos, se não décadas, produzindo conteúdo na obscuridade. O artigo usa o exemplo do músico Mike Posner, cujo trabalho inicial passou despercebido até que uma única música inesperadamente se tornou um sucesso. Incentiva os criadores a persistirem, publicando mesmo quando não há público, construindo um 'banco de consumo' de conteúdo para fãs futuros. A mensagem principal: continue fazendo o que você gosta; eventualmente, o mundo vai acompanhar.

Design

Causalidade Implícita em Gráficos: Uma Abordagem Geral

2025-05-31
Causalidade Implícita em Gráficos: Uma Abordagem Geral

Este artigo expande um post anterior sobre causalidade implícita em gráficos de linha, explorando como vários tipos de gráficos — gráficos de barras, gráficos de dispersão e mapas — podem sugerir erroneamente relações causais. O autor destaca como comparações simples, contrastes antes e depois, ou proximidade espacial podem criar uma falsa sensação de causalidade. Quatro padrões principais de causalidade implícita são identificados: fator, evento, covariação e proximidade. O artigo enfatiza a necessidade de análise crítica de visualizações para evitar ser enganado por correlações espúrias.

Design

Ferramenta Online para Recortar Imagens em Círculo: Simples e Gratuito

2025-05-31
Ferramenta Online para Recortar Imagens em Círculo: Simples e Gratuito

Esta ferramenta online simples ajuda você a recortar imagens em círculos ou outros formatos comuns. Use uma interface simples e clara. Funciona em dispositivos de mesa e móveis sem precisar baixar nenhum software e é gratuito. Basta enviar sua imagem, ajustar a moldura circular e baixar. Sua imagem circular será baixada como um arquivo PNG com fundo transparente.

Ugly Gerry: Uma fonte para protestar contra o gerrymandering

2025-05-30
Ugly Gerry: Uma fonte para protestar contra o gerrymandering

Ugly Gerry é uma fonte tipográfica cujas letras têm o formato de distritos congrecionais dos EUA, um protesto contra o gerrymandering. Criada por Ben Doessel e James Lee para o RepresentUs, o design intencionalmente grotesco da fonte visa destacar a injustiça das linhas de distrito manipuladas. Embora tenha sido chamada de "a fonte mais revoltante do mundo", seu design provocativo lhe rendeu um prêmio ADC 2020 para tipografia, chamando com sucesso a atenção para uma questão política crucial.

Design

Meu site, meu estilo: Uma evolução do minimalismo ao caos delicioso

2025-05-29
Meu site, meu estilo: Uma evolução do minimalismo ao caos delicioso

Taylor Troesh relata a evolução do design de seu site pessoal. Inicialmente buscando o minimalismo, ele posteriormente injetou personalidade por meio de sutis manipulações de CSS — rotações, variações de fonte — para quebrar a monotonia. Ele até mesmo utiliza o CSS-doodle para criar fundos texturizados que lembram "papel" ou "estrelas", adicionando surpresas agradáveis. O resultado é um site único que reflete a filosofia de "meu site, meu estilo."

Design Site Pessoal

A Trindade do Design Web nos Anos 90: Zeldman, Siegel e Nielsen

2025-05-29
A Trindade do Design Web nos Anos 90: Zeldman, Siegel e Nielsen

A ascensão do Flash e do CSS em 1997 gerou três filosofias distintas de design web. David Siegel defendia 'hacks', Jakob Nielsen priorizava a simplicidade, e Jeffrey Zeldman combinava estilo com usabilidade. Este artigo explora suas abordagens e carreiras. Siegel focou na estética, Nielsen na usabilidade, enquanto Zeldman encontrou um meio-termo, sua abordagem pragmática se mostrando dominante. Hoje, Nielsen se dedica à IA, Siegel persegue interesses diversos, mas Zeldman permanece uma força no design web, prestes a relançar seu site pessoal com um novo design. O artigo oferece um olhar nostálgico para os anos formativos do design web.

O Fim do Design Plano: Viva o Diamorfismo!

2025-05-27
O Fim do Design Plano: Viva o Diamorfismo!

A recente reformulação do Airbnb sinaliza uma mudança de paradigma no design, afastando-se do design plano e abraçando uma estética vibrante e dimensional. O autor cunha o termo "Diamorph" para descrever este novo estilo, enfatizando profundidade, textura e luz, em vez de imitar o mundo real. A ascensão da IA também reduziu a barreira de entrada para este estilo, permitindo que mais pessoas participem. Embora a IA simplifique o processo criativo, habilidades essenciais de design, como composição, iluminação, profundidade e bom gosto, permanecem cruciais. Em última análise, é um passo em frente para uma linguagem de design mais expressiva, emocional e puramente digital.

Favicons SVG: Elegância no Modo Escuro

2025-05-27
Favicons SVG: Elegância no Modo Escuro

Este artigo explora a criação de favicons de sites que suportam o modo escuro usando SVG. Embora os SVGs nem sempre ganhem em tamanho de arquivo em comparação com os PNGs, eles oferecem uma troca fácil para o modo escuro por meio de CSS embutido e consultas de mídia, evitando edição complexa de imagens. O artigo detalha duas abordagens: edição manual do código SVG para adicionar estilos CSS e o uso de ferramentas online como o RealFaviconGenerator para geração rápida. Por fim, o autor destaca a vantagem única dos favicons SVG na solução de problemas de exibição no modo escuro e olha para aplicações futuras.

Design

Finja-se até conseguir: Arte com qualidade de museu por US$ 200

2025-05-26
Finja-se até conseguir: Arte com qualidade de museu por US$ 200

Quer ter a aparência sofisticada de uma galeria em casa sem gastar muito? Este truque inteligente usa uma moldura enorme da IKEA, imagens de alta resolução gratuitas do arquivo de acesso aberto da National Gallery e um serviço de impressão sob demanda para criar uma obra de arte impressionante e em grande escala por cerca de US$ 200. O artigo fornece instruções passo a passo e sugestões de imagens, transformando qualquer cômodo em um espaço elegante.

O Declínio da Usabilidade: Uma Atualização de 2023

2025-05-24

Este artigo revisita um artigo de três anos atrás sobre as falhas do design de interface de usuário moderno. O autor constata que pouco melhorou, com interfaces contemporâneas abandonando princípios de usabilidade testados pelo tempo em prol de tendências passageiras. Exemplos como ícones pouco claros, barras de rolagem ocultas e designs inconsistentes entre aplicativos e versões são citados como evidência de um declínio na usabilidade. O autor argumenta por um retorno aos princípios de design fundamentais que priorizam a eficiência, segurança e satisfação do usuário em detrimento da estética superficial.

Design Usabilidade

Calendário Esboçado: Unindo o melhor dos mundos digital e analógico

2025-05-23
Calendário Esboçado: Unindo o melhor dos mundos digital e analógico

Este projeto explora um novo conceito de calendário — o Calendário Esboçado — que visa combinar a flexibilidade dos calendários de papel com a conveniência dos calendários digitais. Os calendários digitais tradicionais, embora poderosos, carecem de personalização e suporte para planos informais. Os calendários de papel, por outro lado, oferecem flexibilidade, mas carecem das capacidades de sincronização e compartilhamento de suas contrapartes digitais. O Calendário Esboçado começa com um bloco de notas digital, adicionando uma estrutura mínima para reter a expressão personalizada dos calendários de papel, enquanto alcança a conveniência de recursos digitais. Isso inclui visualizações interconectadas diárias, semanais e mensais, integração de anotações esboçadas com eventos de calendário formais e a exploração de como calendários compartilhados e convites de calendário podem funcionar em um sistema semi-estruturado. O projeto investiga como os usuários podem personalizar seus calendários com comportamento dinâmico personalizado, como rastreadores de hábitos ou rastreadores de tempo.

Recreando o Mapa de Chiron de Sid Meier's Alpha Centauri

2025-05-22
Recreando o Mapa de Chiron de Sid Meier's Alpha Centauri

Um cartógrafo experiente dedicou anos à minuciosa recriação do mapa de Chiron, o planeta de Sid Meier's Alpha Centauri, usando dados do jogo. Ele extraiu cuidadosamente a elevação, a precipitação e outros atributos do mapa original do jogo de baixa resolução, e então utilizou técnicas de SIG e Photoshop para gerar uma representação de alta resolução e realista do terreno do planeta. O projeto envolveu a superação de inúmeros obstáculos técnicos, desde a aquisição de dados e ajustes de projeção até a renderização final, mostrando a habilidade do cartógrafo e a dedicação aos detalhes. O mapa resultante é um testemunho tanto do legado duradouro do jogo quanto da arte da cartografia meticulosa.

Design

IA Generativa: Um Relacionamento de Amor e Ódio de um Profissional Criativo

2025-05-22
IA Generativa: Um Relacionamento de Amor e Ódio de um Profissional Criativo

Um profissional criativo detalha seu relacionamento complexo com a IA generativa. Embora inicialmente tenha abraçado seu aumento de criatividade e eficiência, ele viu seu negócio de ilustração diminuir em mais de 50% devido à acessibilidade das ferramentas de IA. Ele lamenta a potencial perda de habilidades tradicionais, mas também reconhece a inovação e as possibilidades que a IA oferece, prevendo um futuro em que novos métodos criativos que aproveitam a IA surgirão.

Rios Tipográficos: Um Caso Curioso de Alinhamento Acidental

2025-05-19
Rios Tipográficos: Um Caso Curioso de Alinhamento Acidental

Você já notou como às vezes os espaços entre palavras em um texto impresso se alinham coincidentemente para formar 'rios' verticais de espaço em branco? Esse fenômeno, mais comum em fontes monoespaçadas com justificação total, geralmente é evitado por tipógrafos devido à sua natureza distraidora. O artigo cita um exemplo clássico de 12 linhas descoberto em 1988 e uma coleção de 1986, destacando a aleatoriedade intrigante dessa peculiaridade tipográfica.

Design

Infraestrutura feia: sufocando o futuro do Ocidente?

2025-05-19
Infraestrutura feia: sufocando o futuro do Ocidente?

Este artigo explora a falta de consideração estética na infraestrutura ocidental. O autor contrasta a beleza da Ponte Mary McAleese na Irlanda com a feiúra de muitas outras infraestruturas, argumentando que a estética não é um custo adicional, mas sim uma chave para melhorar a qualidade de vida e promover o desenvolvimento social. São citados exemplos de infraestruturas esteticamente agradáveis em todo o mundo, destacando como a ausência de beleza leva à resistência pública e, em última análise, a desperdícios econômicos maciços, como visto no projeto HS2 do Reino Unido. O autor apela para a priorização do design estético em infraestrutura, integrando a arte para construir um futuro melhor.

A Morte da Impressão e o Surgimento da Fonte: Uma Meditação sobre Tipografia

2025-05-19
A Morte da Impressão e o Surgimento da Fonte: Uma Meditação sobre Tipografia

Este artigo explora a evolução da 'Nota sobre o Tipo' encontrada em livros. Desde as descrições meticulosas do artesanato tipográfico das primeiras tipografias até o foco renovado em fontes na era digital contemporânea, o autor traça a história do design de fontes na publicação. O que outrora era considerado uma comunicação interna entre profissionais, a 'Nota sobre o Tipo' assume um novo significado no contexto da era digital. Com o declínio da impressão e o surgimento do conteúdo digital, o design de fontes pode se tornar o único meio restante de expressão criativa em nossa interação com o texto, levando a reflexões profundas sobre o significado e a expressão das palavras.

Nadar: Retratos de uma Era Dourada

2025-05-19
Nadar: Retratos de uma Era Dourada

Em 1862, enviados japoneses visitaram a Europa pela primeira vez, testemunhando as maravilhas da Era Industrial. Enquanto isso, o fotógrafo parisiense Nadar capturou as figuras icônicas da época através de sua lente: dos samurais japoneses ao poeta Baudelaire, do pintor Manet ao romancista Hugo. Os retratos de Nadar transcenderam meras semelhanças, revelando as personalidades vibrantes e o espírito da época. Este artigo explora a cultura parisiense do século XIX e o impacto das mudanças tecnológicas através da lente dos famosos assuntos de Nadar.

1 2 4 6 7 8