Tipografia Tradicional Encontra Técnicas Modernas
Web designers estão furiosos com entusiasmo e paixão renovada pela tipografia como navegadores avançam , Como serviços web surgem e como fazer coisas fantásticas com texto geralmente se torna muito mais fácil.
Claro, nós tivemos os gostos de Cufon e sIFR há algum tempo, e eles continuam a ser muito úteis, mas a tipografia avançou muito além e é uma parte mais natural das arquiteturas de sites agora.
Juntamente com a enorme tendência do tipo baseado em código através das ferramentas mencionadas acima, acho que o ressurgimento do tipo finamente trabalhado, em grande parte reminiscente da tipografia, é fascinante.
A maioria desses sites mistura técnicas modernas com estilos tipográficos tradicionais e belos. A combinação é impressionante e inspiradora.
OpenPublic
Que exemplo fantástico para começar. OpenPublic é como o sonho de um tipógrafo. Ele não apenas usa técnicas de tipos modernos, mas apresenta um toque de estilo tipográfico clássico. A estética também é adequada para política e governo.
AlexanderGrahamBell.tel
Ao contrário do OpenPublic, AlexanderGrahamBell.tel usa quase inteiramente o tipo personalizado, que evoca layouts tipográficos tradicionais. Mais uma vez, o estilo se adapta à natureza histórica do site. Quase todo o texto é processado através de substituição de imagem, o que geralmente não é ideal para SEO, mas dada a natureza de curto prazo do site, é adequado.
Confecções Imaculadas
Quase nada sobre Confecções Imaculadas se encaixa na norma. Seu uso pesado de tipografia parece tradicional e imprimível. O que me impressiona é como o layout inteiro aparece como um menu interativo, evitando o motivo de menu irritantemente óbvio. O resultado é único e liso.
Ampersand: a conferência de tipografia da Web
Ampersand não é menos que uma conferência sobre tipografia na web. Naturalmente, é cheio de tipo criativo e bonito. Nesse caso, somente o logotipo é renderizado com uma imagem. Todo o site tem uma impressão ou impressão tipográfica, enquanto ainda procura muito "pela web".
Bally
Bally é um site altamente incomum e não tem muito em termos de texto. Mas isso se encaixa claramente nos estilos tipográficos tradicionais. O foco deste layout incomum é definitivamente a fotografia e os produtos. Mas se o tipo não combinasse com a elegância da roupa, o site geral teria sido banalizado.
Burciaga
Burciaga é um blog lindo, apenas com um estilo clássico. O que eu amo é que o site inteiro é praticamente construído em um tipo padrão de segurança na web; diferente do título baseado em script, todo o texto está na Geórgia. O que realmente faz isso para mim é como abraça tão completamente as fórmulas típicas de layout da web. O designer trouxe a web para as técnicas tradicionais. Sem obnoxiousness de layout de tamanho fixo para ser encontrado aqui!
Caramba
Dado que Caramba é o portfólio de um amante confessado de tipografia vintage, não é nenhuma surpresa encontrá-lo construído exatamente isso. O estilo combina perfeitamente com o artista por trás dele que o site poderia ser apresentado em um portfólio em si.
Âmbar miro
No que parece ser uma tendência clara, Âmbar miro combina técnicas tipográficas modernas com elementos tradicionais e estética. As linhas finas e ornamentação jogam no tradicionalismo e tornam o design nada menos que deslumbrante.
Antepassados
Antepassados transformou a simples página “Coming soon” em uma obra de arte. Este se parece com um pôster vintage, mas modernizado com os acréscimos “Em breve” que nós esperamos. É ótimo ver que habilidades milenares podem ser aplicadas de forma tão elegante na web. Uma página como esta parece tão simples e fácil e ainda requer grande habilidade para retirar.
Gerren Lamson
Prestar atenção em Gerren Lamson Escolha de cor e textura. Como em muitos dos outros sites que vimos, as cores são perfeitas e funcionam perfeitamente com o estilo tipográfico. A textura faz o mesmo, evocando o estilo orgânico da tipografia tipográfica.
Projeto Facio
Como no último exemplo, cor e textura (e tipo, é claro) são vitais para o tema e humor em Projeto Facio Website. Mas a ornamentação aqui faz um estilo que é diferente dos outros. De alguma forma, combina um layout típico de estilo letterpress com a ornamentação que se encontraria na iluminação de letras personalizadas. Único e memorável.
Alerta de aniversário
Como desenvolvedor, adoro todos os tipos de estilo de script Alerta de aniversário é definido com CSS e texto editável baseado na web. Como em muitos dos exemplos aqui, este designer entende claramente as limitações e oportunidades do design extraordinário. O tipo foi facilmente definido com CSS, é completamente editável e sua implementação não apresenta complicações. Um casamento fantástico de estilo e praticidade.
Laboratórios Paradoxo
É interessante ver como esses sites evocam estilos tradicionais em diferentes graus. Laboratórios Paradoxo tem elementos de tipografia tradicional (evidente no layout proeminente de cartaz), enquanto ainda se sente muito centrado na web. Este é o tipo de design que parece ótimo no Photoshop e ainda melhor como uma página web real. Tudo para sempre, o oposto é verdadeiro. Eu ouso dizer, alguém preso em suas formas de impressão pode ter insistido em manter cada bit de conteúdo como uma página separada.
Feiras do Mundo Perdido
Como eu poderia falar sobre misturar o tipo tradicional com técnicas modernas e deixar de fora Feiras do Mundo Perdido mini-site. Certifique-se de acertar as três subpáginas, porque cada uma é estilizada com alguns dos tipos mais incríveis baseados na web que você verá. Na verdade, as páginas foram criadas para mostrar exatamente isso. Eles certamente desafiarão suas expectativas do tipo baseado na web.
Conclusão
No choque de novos e antigos, os designers claramente não precisam abandonar suas raízes. É claro que eles devem adaptar estilos tipográficos tradicionais para parecerem suaves, mas muitas dessas técnicas são inestimáveis para um belo estilo da web.
Para dizer o mínimo, a tendência está explodindo online. Para aqueles que se deslocam da impressão para a web, muitos dos exemplos aqui devem dar-lhe a inspiração que você precisa para harmonizar os dois mundos.
Escrito exclusivamente para WDD por Patrick McNeil. Patrick é um escritor freelancer, desenvolvedor e designer. Em particular, ele gosta de escrever sobre web design, treinar pessoas no desenvolvimento web e construir websites. A paixão de Patrick por tendências e padrões de web design pode ser encontrada em seus livros sobre TheWebDesignersIdeaBook.com . Siga Patrick no Twitter @designmeltdown .
Como você fundiu estilos tradicionais com técnica moderna? Por favor, compartilhe suas experiências conosco!