Esta semana em Design: 16 de maio de 2014
Nesta semana, você deve tentar ficar mais esperto. Isso é verdade toda semana, mas o nosso resumo de hoje está focado em ferramentas, idéias e itens que farão você trabalhar e se sentir um pouco mais instruído. É disso que trata a comunidade de design, certo?
Toda semana, planejamos dar uma olhada nos principais lançamentos e atualizações de produtos, ferramentas e truques e até mesmo algumas das coisas mais populares sobre as quais você está falando nas mídias sociais. E adoraríamos ouvir o que está acontecendo no seu mundo também. Perdemos alguma coisa? Escreva-me uma linha em [email protected].
Lançado "Type on Screen"
Ellen Lupton é a rainha da tipografia. Seu mais novo livro, "Type on Screen", foi lançado esta semana e é tão bom quanto você imagina. (O livro segue seu manual de tipografia, "Thinking with Type", originalmente lançado em 2004.)
Já passei horas olhando o livro - que você deseja como cópia em papel; é lindo. As informações são apresentadas de uma maneira fácil de seguir, que funciona para iniciantes ou designers experientes e inclui muitas aplicações práticas.
Da editora: “Abrangendo uma ampla gama de tecnologias, de publicações e sites eletrônicos a vídeos e dispositivos móveis, este manual prático apresenta as informações mais recentes disponíveis para ajudar os designers a tomar decisões criativas críticas, incluindo como escolher tipos de letra para a tela, como estilizar textos e navegação bonitos e funcionais, aplicar princípios de animação ao texto e gerar novas formas e experiências com operações baseadas em código. ”
As aplicações práticas são muitas. Os exemplos e a lógica por trás dos tipos projetados para telas baseiam-se em muitos dos princípios básicos da tipografia e são explicados tanto pelo uso prático quanto pela teoria, e são mostrados nos exemplos e no código.
As seis seções do livro são divididas em categorias que cobrem uma ampla variedade de usos de tipografia digital:
- Fontes na tela
- Texto na tela
- Publicação digital
- Tipo e interface
- Ícones e logotipos
- Animação e código
E Lupton é a autoridade quando se trata de tipografia. Ela tem 13 livros sobre tipografia e design gráfico na coleção Princeton Architectural Press e "Thinking with Type" já vendeu mais de 150.000 cópias e foi traduzida para 10 idiomas.
"Type on Screen" é o guia definitivo para qualquer designer moderno.
Crie um site móvel melhor
O que torna um site móvel excelente e altamente utilizável? Pesquisadores do Google e do AnswerLab recentemente conduziram um extenso estudo para descobrir a resposta.
O resultado é uma lista de 25 diretrizes cumpridas em "Princípios do design de sites para dispositivos móveis: encantar usuários e gerar conversões". O objetivo geral do whitepaper é ajudar os criadores da Web para dispositivos móveis a estabelecer as melhores práticas de design. Dividido em cinco categorias - navegação na página inicial e no site, pesquisa no site, comércio e conversões, entrada de formulário, usabilidade e fator de forma - o estudo apresenta um estudo de melhor caso e uma pseudo-lista de verificação para web designers.
Aqui estão as 25 coisas que você pode fazer para ajudar a criar uma Web móvel melhor. (Leia o whitepaper inteiro sobre a lógica por trás de cada princípio e principais sugestões.)
- Mantenha as chamadas à ação na frente e no centro
- Mantenha os menus curtos e agradáveis
- Facilite o retorno à página inicial
- Não deixe que as promoções roubem o show
- Tornar visível a pesquisa no site
- Garantir que os resultados da pesquisa no site sejam relevantes
- Implemente filtros para melhorar a usabilidade da pesquisa
- Oriente os usuários a obter melhores resultados de pesquisa
- Permita que os usuários explorem antes de confirmar
- Permitir que os usuários comprem como convidado
- Use as informações existentes para maximizar a conveniência
- Use os botões de clique para ligar para tarefas complexas
- Facilite a conversão em outro dispositivo
- Simplifique a entrada de informações
- Escolha o método de entrada mais simples para cada tarefa
- Forneça um calendário visual para datas
- Minimize erros de formulário com rotulagem e validação em tempo real
- Crie formulários eficientes
- Otimize todo o site para celular
- Não faça com que os usuários apertem o zoom
- Tornar imagens de produtos expansíveis
- Informe aos usuários qual orientação da tela funciona melhor
- Mantenha os usuários em uma única janela do navegador
- Evite rotular o "site completo"
- Seja claro por que você precisa da localização de um usuário
O que acontece com as mídias sociais quando você morre?
O que acontece com o Facebook, Twitter ou Google+ depois que você se foi? Muitos lugares estão lutando para atualizar as leis com a tecnologia.
Nos Estados Unidos, estados individuais estão considerando "leis de ativos digitais", que estabelecem regras básicas sobre como essas contas serão tratadas após a morte do proprietário. Esses "ativos digitais" incluem contas online, email, perfis de mídia social, blogs e textos e mensagens online.
A coluna “The Intersect” do Washington Post examinou recentemente as leis que estão nos livros e a legislação em andamento. Mas tudo isso levanta uma questão maior: você deve ter um plano para suas contas? Ou você se importa?
Adobe Illustrator ao longo dos anos
Tanto quanto olhar fotos antigas, observar décadas de logotipos de softwares populares e telas de apresentação pode ser muito divertido. A Next Web entrevistou recentemente o diretor criativo sênior da Adobe, Russell Brown, para dar uma olhada na história do famoso software de design gráfico.
Brown explica por que o Illustrator é tão importante - é o formato vetorial - e como o software mudou ao longo do tempo. Além disso, o artigo mostra anos de telas iniciais desde a primeira versão em preto e branco em 1987 até a forma angular laranja associada à versão atual.
A entrevista é incrivelmente interessada e nos dá uma idéia do que algumas das grandes mentes do campo estão pensando. Ele também fornece um contexto para o design gráfico distante e o design do computador ocorrerem em um tempo relativamente curto.
Apenas por diversão
Você já desejou um ícone simples para mostrar que sua empresa aceita um determinado método de pagamento? Às vezes, o uso de logotipos padrão para cada tipo de pagamento diferente pode ficar desajeitado - e bastante colorido - na tela.
Insira a fonte da Web de pagamento pelo Orlando TM Merone. O webfont simples inclui 34 glifos para as opções de pagamento mais populares. Da Visa e MasterCard ao PayPal e Bitcoin, essa família de tipos o cobre com uma simples biblioteca de formas de letras com ícones.
Confira a família de fontes ou faça o download gratuitamente no Github.
