Segue a baixo uma lista de dicas sobre tipografia para ser usado na WEB com o auxilio do CSS.
Com o uso cada vez mais usual do elemento “@font-face” do CSS e a ajuda do Typekit, sem esquecer a fixação de Steve Balmer nos Typefaces, podemos esperar um progressivo multiplicar das experiências e casos bem sucedidos. Na prática a atenção à escolha de fontes, e suas subtilezas, ao lay-out de páginas e aos detalhes de usabilidade e leitura de fontes no ecrã assumirão cada vez maior relevo, e atingirão a compreensão de maior numero de designers. Numa recente conferência ( Standards.Next) Håkon Wium Lie CTO do Opera afirmou que a web virá a ser dividida em era pré e pós “typefaces”. Acreditamos que sim.
Minimalismo, Simplicidade, Clean Look
Web Design #1: Tendências para 2010
by Jomar on Feb.22, 2010, under Semana do Web Design, Web
jbtutos
Todo começo e final de ano somos bombardeados com essa palavra: tendência. Moda, Música, Design, Economia, Lançamentos em tecnologia, entre outros. As previsões para o web design geralmente acabam não recebendo tanto destaque. João Ledo Fonseca escreveu um post em seu blog – Dreamfeel (link no final do post) – que fala exatamente sobre estas tendências!
Para o ano de 2010 não são previstas grandesmudanças para a parte gráfica de sites e o foco principal estará no “como” fazer, em outras palavras, a grande novidade estará no planejamento e na construção das páginas da web. Algumas das tendências a seguir, consideradas mais importantes, você verá nos próximos dias em posts exclusivos ;)
Otimização para a Web Móvel
jbtutos
São cada vez mais, e mais usados, os dispositivos móveis que suportam web com conteúdos ricos e quase sempre incluindo já aplicações ou otimizações para várias das redes sociais predominantes. Suportar toda a panóplia destes dispositivos que se multiplicarão, será um desafio, que inplicará algumas mudanças nas abordagens e nas tecnologias de base para muitos dos estúdios de produção web.
Este será o tema do post da próxima quarta-feira, dia 24/02. Aguardem! ;)
HTML5/CSS3
jbtutos
Claro que nada de significativo acontecerá até que os principais browsers o suportem integralmente. E isso não deverá acontecer tão cedo assim, durante o ano. Mas o passo é significativo e é previsivel que a web comece já aproveitar-se das caracteristicas que vão sendo suportadas em browsers como o Firefox, o Safari ou o Opera (IE, onde estás tu???). O HTML5 introduz tags semânticas como “header”, “footer” e “nav” e o esperado elemento ”canvas”, entre outros. O CSS3 introduzirá os cantos arredondados, sombras, multiplos backgrounds e o esperado atributo “opacity” (ou transparância). Outras caracteristicas, como a acessibilidade estendida, baseada em Ajax, o suporte online a vector graphics, ou a aplicação de styles com base nos dados apresentados (data driven styles, ou CSS3 Media Queries), podem tardar mais, até porque os metodos não são consensuais. Mas a principal novidade será a possibilidade de usar fontes descarregadas em tempo real dos websites, o que trará liberdade tipográfica quase total (tag @font-face). A introdução destas caracteristicas será progressiva, com alguns browsers já a suportarem-nas, e outros ainda sem qualquer suporte, com a deprecação de elementos antigos a ocorrer simultâneamente, de modo a permitir uma transição suave. Veja-se a tabela http://a.deveria.com/caniuse/ (Quando poderei usar… ?)
O que muda com o HTML5? Falamos sobre isto neste post aqui ;)
Tipografia
jbtutos
Com o uso cada vez mais usual do elemento “@font-face” do CSS e a ajuda do Typekit, sem esquecer a fixação de Steve Balmer nos Typefaces, podemos esperar um progressivo multiplicar das experiências e casos bem sucedidos. Na prática a atenção à escolha de fontes, e suas subtilezas, ao lay-out de páginas e aos detalhes de usabilidade e leitura de fontes no ecrã assumirão cada vez maior relevo, e atingirão a compreensão de maior numero de designers. Numa recente conferência ( Standards.Next) Håkon Wium Lie CTO do Opera afirmou que a web virá a ser dividida em era pré e pós “typefaces”. Acreditamos que sim.
Minimalismo, Simplicidade, Clean Look
jbtutos
É consequencia de opções estéticas, reacção ao street e dirt look dos últimos anos, muleta para transições para novas tecnologias, base e defesa para a produção de web para multiplataformas, incluindo a web móvel, mas é uma tendência. “Black and White is beautifull” and so does a white background…
Esqueçam os menus longos, complicados, as árvores de estrutura de site complexas e rebuscadas. A funcionalidade é imposta pela web móvel. E do mesmo modo a fácel operação, um toque para obter um resultado: icons e botões claros e inequivocos serão reis, e determinarão estéticas. Os ecrãs simplificar-se-ão e conterão apenas um tipo de informação e navegação que sirva todos os propósitos em simultâneo: uso em desktop, movel, touch, etc.
Web Design #1: Tendências para 2010
by Jomar on Feb.22, 2010, under Semana do Web Design, Web
jbtutos
Todo começo e final de ano somos bombardeados com essa palavra: tendência. Moda, Música, Design, Economia, Lançamentos em tecnologia, entre outros. As previsões para o web design geralmente acabam não recebendo tanto destaque. João Ledo Fonseca escreveu um post em seu blog – Dreamfeel (link no final do post) – que fala exatamente sobre estas tendências!
Para o ano de 2010 não são previstas grandesmudanças para a parte gráfica de sites e o foco principal estará no “como” fazer, em outras palavras, a grande novidade estará no planejamento e na construção das páginas da web. Algumas das tendências a seguir, consideradas mais importantes, você verá nos próximos dias em posts exclusivos ;)
Otimização para a Web Móvel
jbtutos
São cada vez mais, e mais usados, os dispositivos móveis que suportam web com conteúdos ricos e quase sempre incluindo já aplicações ou otimizações para várias das redes sociais predominantes. Suportar toda a panóplia destes dispositivos que se multiplicarão, será um desafio, que inplicará algumas mudanças nas abordagens e nas tecnologias de base para muitos dos estúdios de produção web.
Este será o tema do post da próxima quarta-feira, dia 24/02. Aguardem! ;)
HTML5/CSS3
jbtutos
Claro que nada de significativo acontecerá até que os principais browsers o suportem integralmente. E isso não deverá acontecer tão cedo assim, durante o ano. Mas o passo é significativo e é previsivel que a web comece já aproveitar-se das caracteristicas que vão sendo suportadas em browsers como o Firefox, o Safari ou o Opera (IE, onde estás tu???). O HTML5 introduz tags semânticas como “header”, “footer” e “nav” e o esperado elemento ”canvas”, entre outros. O CSS3 introduzirá os cantos arredondados, sombras, multiplos backgrounds e o esperado atributo “opacity” (ou transparância). Outras caracteristicas, como a acessibilidade estendida, baseada em Ajax, o suporte online a vector graphics, ou a aplicação de styles com base nos dados apresentados (data driven styles, ou CSS3 Media Queries), podem tardar mais, até porque os metodos não são consensuais. Mas a principal novidade será a possibilidade de usar fontes descarregadas em tempo real dos websites, o que trará liberdade tipográfica quase total (tag @font-face). A introdução destas caracteristicas será progressiva, com alguns browsers já a suportarem-nas, e outros ainda sem qualquer suporte, com a deprecação de elementos antigos a ocorrer simultâneamente, de modo a permitir uma transição suave. Veja-se a tabela http://a.deveria.com/caniuse/ (Quando poderei usar… ?)
O que muda com o HTML5? Falamos sobre isto neste post aqui ;)
Tipografia
jbtutos
Com o uso cada vez mais usual do elemento “@font-face” do CSS e a ajuda do Typekit, sem esquecer a fixação de Steve Balmer nos Typefaces, podemos esperar um progressivo multiplicar das experiências e casos bem sucedidos. Na prática a atenção à escolha de fontes, e suas subtilezas, ao lay-out de páginas e aos detalhes de usabilidade e leitura de fontes no ecrã assumirão cada vez maior relevo, e atingirão a compreensão de maior numero de designers. Numa recente conferência ( Standards.Next) Håkon Wium Lie CTO do Opera afirmou que a web virá a ser dividida em era pré e pós “typefaces”. Acreditamos que sim.
Minimalismo, Simplicidade, Clean Look
jbtutos
É consequencia de opções estéticas, reacção ao street e dirt look dos últimos anos, muleta para transições para novas tecnologias, base e defesa para a produção de web para multiplataformas, incluindo a web móvel, mas é uma tendência. “Black and White is beautifull” and so does a white background…
Navegabilidade
jbtutos
Esqueçam os menus longos, complicados, as árvores de estrutura de site complexas e rebuscadas. A funcionalidade é imposta pela web móvel. E do mesmo modo a fácel operação, um toque para obter um resultado: icons e botões claros e inequivocos serão reis, e determinarão estéticas. Os ecrãs simplificar-se-ão e conterão apenas um tipo de informação e navegação que sirva todos os propósitos em simultâneo: uso em desktop, movel, touch, etc.
Redes Sociais
As redes sociais começarão a intrometer-se em toda a web. Applets, embbeded code, interagindo com as redes sociais já permitem citar no twitter, enviar para o delicious o facebook ou o linkedin, assim como integrar feeds com essa proveniência em qualquer outro site. O conceito ira se expandir e teremos uma interpenetração de todas estas áreas, com blogs indistinguiveis das redes sociais em que se integram, funcionalidade de rede social integradas em sites noticiosos ou empresariais, etc. O suporte, nos dispositivos móveis, à web 2.0 e às redes sociais, expandir-se-á e dará nova substância ao seu uso com API´s cada vez mais elaborados e funcionais.
Influência do mundo impresso
jbtutos
É uma estética recuperada dos meios impressos, em muitos casos prestes a chegarem a um fim (jornais e revistas que se convertem ao meio digital, em alguns casos com o fim da sua edição impressa). Mas é também o reconstruir e o expandir dessa estética e das tecnicas de layout aí usadas, que se pode vir a expandir e espalhar na web. A tendência estética e a tecnica do Grid Design, tipica dos meios impressos, parece ter muitos adeptos e estar a espalhar-se. A reconversão para a web e o digital de designers e estúdios, antes ocupados na produção de belissimos layouts de revistas e jornais impressos, parece ter influência. Mas a transferência para a web do nivel de exigência dos leitores, não tem certamente menos peso. E sites com fortes e pesados conteudos parecem beneficiar de toda a experiência acumulada destes tipos de design vindos do mundo do papel.
Aproveitem essas dicas para não se sair mal na criação de um bom site!
