Image

Responsive Design

Quando o Design Responsivo impacta a performance (e a UX)
2 days ago

Quando o Design Responsivo impacta a performance (e a UX)

Já compartilhamos bastante aqui sobre Design Responsivo e sobre maneiras de adaptar forma e conteúdo para diferentes tamanhos de tela e contextos de uso.

Os benefícios são inegáveis. Quando bem …
Read More

Luminosidade Responsiva
8 months ago

Luminosidade Responsiva

Layout responsivo, tipografia responsiva. Que tal luminosidade responsiva?

CSS Level 4 Luminosity permite que o HTML “perceba” a luminosidade do ambiente (usando os sensores do hardware) para adaptar afetar o CSS …
Read More

O divórcio entre o PSD e o HTML
8 months ago

O divórcio entre o PSD e o HTML

Exportar para web

Alguns estão chamando de “morte”, mas preferi chamar de “divórcio”. Eles continuam vivos, fortes e saudáveis. Só não moram mais juntos. O caminho PSD to HTML que durante anos foi o mais certeiro (às vezes único) no processo de design para web, parece estar com seus dias contados.

Primeiro você desenha uma página no Photoshop. Layout impecável, representando exatamente como é que você quer que a página se comporte quando for aberta no browser. Depois um programador front-end transforma aquele arquivo PSD em HTML, CSS e Javascript. Os assets são recortados, um a um, exportados do Photoshop, importados no código. Novas ferramentas e plugins estão sendo criados para tentar facilitar esse processo, e tem até algumas empresas no oriente que cobram cerca de 100 dólares para fazer esse processo para você.

Continue lendo »

Responsive Design: a impressora também é um dispositivo
8 months ago

Responsive Design: a impressora também é um dispositivo

Responsive Design - dispositivos

Belo lembrete do pessoal do RD.is: quando falamos em Design Responsivo nós costumamos pensar muito nos novos dispositivos (como smartphones, tablets e TVs com navegadores web), mas esquecemos de uma velha companheira que está com a gente há vários anos – a impressora.

Afinal, quando você está pensando nas variações de como um determinado layout deve se comportar em diferentes resoluções de tela, é preciso ser cuidadoso para que a diagramação e apresentação dos elementos da página sejam otimizados para o contexto em que ela está sendo visualizada: localização geográfica, hora do dia, tipo de dispositivo, ergonomia, distância entre o usuário e a tela, contraste etc. Mas muitas vezes esquecemos de dar atenção a como  aquela mesma página será mostrada quando o usuário decide “abri-la” em uma folha sulfite.

Impressora é um dispositivo

É claro que para grande parte dos sites, a versão de impressão é bastante parecida com a versão que o usuário vê em computadores desktop ou laptop – até porque coincidentemente a proporção das fontes funciona de forma similar nos dois casos. Mas existem sites em que é possível otimizar a versão para impressão para o contexto em que o usuário irá consumi-la.

Continue lendo »

Top