Mostrando postagens com marcador internet. Mostrar todas as postagens
Mostrando postagens com marcador internet. Mostrar todas as postagens

29 de abril de 2011

Futuro das publicações de notícias

Eu não pretendo prever nada ou fazer uma profecia só apontar três acontecimentos que eu considero importantes no atual desenvolvimento das publicações digitais.

Primeiro, gostaria de explicar o título desse post: ao invés de colocar o futuro dos jornais ou das revistas eu coloquei o futuro das publicações de notícias porque eu não acredito que as notícias vão vir numa revista ou jornal digital (nem num site) mas num novo formato, que talvez até tenha esses nomes, mas que sejam adaptados para aparelhos como as tablets, iPad, iPhones, etc. Esse novo formato ainda não existe (ao menos eu não vi ainda) e do jeito que andam as coisas, vai demorar um pouco pra vir.

The Daily, um jornal que já nasce velho

Só pra esclarecer, essa análise é baseada no que eu li na internet, pois não tenho um iPad ainda. Também meu foco aqui não é no iPad, mas na forma da publicação.

Toda a redação e projeto gráfico começaram do zero; não foram adaptados partir de uma publicação que já existe, é um jornal novo, porém, só é publicado no iPad.

The Daily é encabeçado por Robert Murdoch, um dos maiores empresários da mídia de notícias do mundo, e tem um grande apoio da Apple (talvez por isso entre para a história).

Na análise do Fonts In Use1, o The Daily é colocado mais como revista do que como jornal, ao menos pela parte estética. Ele possui uma diagramação e cara de revista impressa.

Nenhum texto é selecionável, o compartilhamento e os comentários funcionam de um jeito meio torto e (pelo que eu vi) não estão em todas as matérias.

A meu ver, existem duas diferenças entre o The Daily e uma revista impressa. A primeira é que ele é entregue via download, a segunda está nos infográficos, que são interativos e podem ser visto e feitos de um jeito diferente do que o impresso. (A navegação é diferente, obviamente, mas pelo que está escrito no magstatic2, a navegação de uma revista impressa é muito melhor do que a The Daily.)

Os textos são, na sua maioria, curtos e pouco profundos.

Por ser um aplicativo, ele me parece muito estático, as notícias não são atualizadas durante o dia e a interação deixa a desejar. Assim como o aplicativo da Wired3, o The Daily não traz um novo formato, uma nova proposta, a única inovação (se é que da pra chamar de inovação) é a redação e edição própria, voltada toda para um aparelho específico o iPad.

Concluindo o The Daily só faz barulho porque tem dois figurões apostando (Murdoch & Jobs), senão ele seria somente um veículo de comunicação antiquado que já nasce falido.

News.me4, uma rede social de notícias

Esse vem da bit.ly junto com o New York Times, e surge com uma proposta parecida com o twitter ou com o Flipboard.

News.me é uma rede social de notícias que funciona indicando aquilo que as pessoas que você segue no twitter leram. Filtra as notícias utilizando os retuítes e cliques do twitter como parâmetro, além disso ele também usa o banco de dados do bit.ly para calcular a relevância ou não de determinado texto.

Esse tipo de postura me parece muito mais adequada do que uma mera mudança de suporte. Talvez apostar no jeito de distribuir a notícia seja mais acertado do que investir na redação e projeto gráfico para um meio digital.

O foco aqui não está no conteúdo, mas na entrega dele. De certa forma, o conteúdo não mudou, mas as pessoas passaram a se comportar de forma diferente com o tempo, o número de assinaturas mudou, e público não é fiel a determinada revista ou jornal. Eu mesmo, leio coisas que me indicam ou que ficaram para a história, não sou fiel a Folha ou ao Estadão, na verdade leio os dois e muitos outros jornais, depende do que me indicam no twitter.

News.me observa esse novo comportamento e traz uma solução voltada só para notícias. Se o software tiver uma leitura e aplicação de comportamento inteligente, pode ser que esse software dê certo.

Treesaver, templates em html, css e javascript

Treesaver5 é uma solução simples e imediata. Capitaneada por Roger Black6, não pretende inovar ou trazer uma nova formula de publicação ou venda, mas apenas resolver o problema de uma necessidade real, lay-outs que mantém a identidade visual em diferentes aparelhos.

Se você me segue no twitter7, já deve ter percebido que eu sou um grande entusiasta e defensor do html e css. E eu defendo essas duas linguagens porque elas foram criadas para o conteúdo digital, não vejo porque ficar inventando em outras linguagens, se já temos várias ferramentas (google por exemplo) que lêem se baseiam em html e css.

Enquanto não se tem uma solução real para a publicação digital, acho que é mais correto utilizar o que existe de mais parecido com revistas e jornais como modelo para esses produtos, e esse mais parecido são os sites, que estão conosco desde o começo da internet.

Outra coisa que torna o Treesaver interessante, é que a plataforma é open-source, ou seja, qualquer um pode usar e abusar do código.


1 – Análise Fonts In Use do The Daily

2 – Análise do The Daily

3 – Análise do iA da revista Wired para iPad/

4 – News.me

5 – Tree-saver

6 – We save trees, por Roger Black

7 – @fuleragemss

2 de março de 2011

Rapidinha: Templates

No The Big Web Show1 com Roger Black2, ele fez um comentário que desenhar sites é desenhar templates, páginas fixas que adaptam para diferentes conteúdos e diferentes situações.

Inclusive ele é o fundador de um serviço chamado ReadyMedia3, que vende templates que abrangem todas as mídias, ou seja, você tem uma revista, você compra o template para o impresso e para web, para computadores e para celulares, tablets, etc.

Já vi e ouvi alguns comentários, e pelo que percebo, a maioria dos designers não é muito a favor de templates, seja para impresso ou para web. parece que a ideia de alguém ter tomado algumas decisões por você é errada, as vezes até desonesta com o seu cliente ou com você mesmo, mas, na minha opinião, as vezes é a melhor solução.

Para um jornal ou revista pequena, com pouco dinheiro, eles simplesmente não redesenham ou fazem um projeto gráfico mal feito porque não podem pagar uma consultoria de um escritório. Design é encontrar uma solução adequada ao problema, não exatamente fazer um projeto gráfico, um site ou seja o que for. A função do designer é encontrar uma solução que se adeque ao problema e templates podem ser soluções rápidas e baratas.

Acredito que, quando essa onda mobile estourar mesmo (afinal estamos apenas começando), os templates vão ser a solução rápida e fácil. Ao invés de ficar tentando trabalhar com algo que nós não conhecemos, assumir nossa ignorância e conseguir apontar uma solução pode deixar nosso cliente satisfeito enquanto tempos tempo para estudar essa nova mídia que se apresenta.


1 The Big Web Show

2 The Big Web Show com Roger Black

3 ReadyMedia

17 de novembro de 2009

web font specimen

o tim brown, do nice web type lançou o webfont specimen, um template para mostrar fontes funcionando na web.

a idéia é bem simples, basta saber utilizar o @font-face trocar os nomes e fazer o upload dos arquivos para algum servidor.

além disso, a última edição do a list apart conta com dois textos sobre webfonts, um escrito pelo tim brown, já citado a cima, e outro pelo jason santa maria.

Posted via web from impreciso

16 de novembro de 2009

o que eles dizem sobre webfonts?

o fontfeed entrevistou uns figurões do type design sobre o assunto webfonts, discutindo desde os serviços até os formatos disponíveis e possíveis. os vídeos estão em inglês e tem de 3 a 6 minutos de duraçãol.

<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7587791&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7587791&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7564125&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7564125&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7556911&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7556911&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object> <p>impresso é uma bela mídia estável enquanto a web é uma bela mídia instável.</p>
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7564368&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7564368&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
<object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7528244&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7528244&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FFDE00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>

 

10 de novembro de 2009

parabéns firefox!

firefox completa cinco anos hoje!

pra isso fizeram um site cheio de ilustrações e usando a função @font-face do css3 nos títulos.

parabéns firefox!

28 de outubro de 2009

a história do google

vi no link.

Posted via web from impreciso

23 de outubro de 2009

tá bonito!

a cnn vai lançar um site novo na segunda feira.

o site novo tem um grid mais consistente, imagens grandes (uma tendência em termos de jornal), e o texto parece bem mais leve do que no site atual.

mais imagens no techcrunch.com.

Posted via web from impreciso

21 de outubro de 2009

você sabia que existe hifenização no html desde a versão 3.2?

pois é, existe o soft-hífen que quebra a palavra se necessário.

no css3 existe a propriedade hiphenate que permite a hifenização do texto, porém não consegui achar nenhum browser que suporte isso ainda.

para a propriedade hiphenate existem os parâmtros hiphenate-before e hiphenate-after que controla o número mínimo de sílabas antes e depois da palavra ser hifenizada.

via webtypography.net

Posted via web from impreciso

14 de outubro de 2009

texto importa na internet

Text matters on the Web from Martin Ricard on Vimeo.

9 de outubro de 2009

woff firefox

o firefox 3.6 vai suportar o woff.

o que é woff?

woff [web open font format (formato aberto de fonte para web)] é um novo fomato de fonte para web desenvolvido pela mozilla em conjunto com a type supply, letterror, e outras organizações. usa a mesma versão comprimida da estrutura sfnt baseado em tabelas usado pelo truetype, opentype, e pelo open font format (formato aberto). porém ela adiciona uma metadata e uma estrutura de uso privado, incluindo campos prédefinidos permitindo as fundidoras e vendedoras de fontes providenciar a informação de licensa se desejado. existem três principais benefícios ao usar o woff:
  1. o arquivo da fonte é comprimido, então sites que estiverem usando o woff vão precisar de menos banda e vão carregar mais rápido que se usassem uma fonte opentype ou truetype sem compressão.
  2. muitos vendedores que não estão dispostos a vender um fonte truetype ou opentype para o uso na web vão licensiar o fontes no formato woff. isso aumenta a disponibilidade de fontes para web designers.
  3. vendedores e defensores do software livre gostam do woff, então ele tem a possibilidade de ser um verdadeiro formato universal, interoperável para web, diferente dos outros formatos de fontes.
texto traduzido do mozilla developer center.

camiseta

css via swiss miss. do pop and shorty

5 de outubro de 2009

free @font-face

o site font-face.com quer compilar fontes grátis que permitam ser utilizadas nos sites via a regrinha do @font-face. por enquanto o site só explica as idéias, o banco de fontes pra linkar ainda não está funcionando, mas no twitter eles já tem um bom movimento de idéias.

2 de outubro de 2009

não é só pela bicleta...

a madsen dá uma bicicleta por semana pra quem colocar um banner deles no seu site ou blog. mas além de eu querer a bicicleta, eu realmente fiquei admirado com o belo site, as ótimas fotos e a clareza de comunicação e informação. clica no banner aí do lado e veja você mesmo. só pra esclarecer, a promoção não funciona por quantidade de clicks, o sorteio da bicicleta é randômico. fiz o post porque o site é bonito mesmo.

24 de agosto de 2009

brasil no typekit!

outras fontes vai estar disponível no typekit. essa foi tirada do site que mostra uma prévia em diferentes tamanhos da maryam e da jana thork.

25 de julho de 2009

@font-face pela sábado de manhã

e a blogsfera type vai testando o type kit. agora é a vez do nice webtype. além disso, no google code tem o ttf2eot, um utilitário pra converter fontes true type em embed open type. não sei a relevância que esse utilitário pode ter no mundo da web, mas pra quem quiser testar...

24 de julho de 2009

22 de julho de 2009

type kit em diferentes browsers

o site for a beautiful web testou o type kit, e um cara (ele está creditado no fim do post) fez umas provas de como o typekit se comporta em diferentes browsers. para ver com mais detalhes imagens maiores no flickr. chrome 2.0.172.37 no windows xp internet explorer 8.0.6001 no windows xp safari 4.0.2 no mac firefox 3.5.1 no mac opera 10 beta 2 no mac o upload das fotos foram feitas por ryan brunsvold e estão disponívei em seu flickr.

webfonts

ricardo esteves diz:
Os defensores do formato EOT Lite (uma variação do EOT, sem amarração de url e sem compressão patenteada) argumentam que ele já é compatível hoje, com as versões atuais do Internet Explorer. Então não teríamos que esperar nada para implementar. Entretanto, para ser amplamente usado de fato pelos webdesigners, o suporte teria que ser adotado nas próximas versões do Firefox, Safari e Chrome. Nada complicado, apenas uma questão de vontade por parte desses fabricantes, que estão sempre lançando novas versões. Outra proposta igualmente boa é a do .webfont, apresentada pelo pessoal da Letterror e Typesupply. Embora pareça ser até mesmo tecnicamente superior, teríamos o problema da atualização do IE, que quase nunca acontece. Ou seja, isso implica em esperar anos para que o problema seja plenamente resolvido. A segunda proposta está tendo uma adesão maior de importantes foundries independentes até agora, com grandes esforços de marketing no twitter, em fóruns e em blogs. :) A primeira, por outro lado, tem a simpatia da Monotype Imaging (Monotype/Linotype/ITC) e da Microsoft. Outras como a FontFont, por exemplo, já disseram que estão aí pra qualquer parada. Eu, que não faço nem cosquinha nessa equação, estou oficialmente com a primeira, simplesmente por que a Ascender me perguntou se eu apoiaria, me dando detalhes técnicos suficientes para julgar e tirando minhas dúvidas de ignorante em programação. Fiz algumas sugestões, que foram bem aceitas. De início, pretendo licenciar só uma família nesse modelo para ver o que rola. Outras foundries menos tímidas já vão entrar de sola e licenciar as bibliotecas inteiras.
escrito para lista de tipografia (via email). uma posição de quem entende muito mais do que eu sobre o assunto... ainda vou resumir o que foi dito e os caminhos que a conversa está tomando para aqueles que não entendem inglês...

17 de julho de 2009

vi no typegirl

as foundrys que apoiam a nova proposta da w3c, citada no post anterior.
1. Alphabet Fonts 2. Christian Schwartz / Commercial Type 3. Emigre 4. Feliciano Type Foundry 5. FontFont 6. Fonthead 7. Hoefler & Frere-Jones 8. House Industries 9. Incipit 10. Jeremy Tankard Typography 11. KLTF 12. Kris Sowersby / Klim Type Foundry 13. Letterror 14. Mark Simonson Studio 15. MotaItalic 16. Paul Van Der Laan / Bold Monday 17. Primetype 18. Process Type Foundry 19. Stone Type Foundry 20. Sudtipos 21. Type Supply 22. Typofonderie 23. Typotheque 24. Village
não é gente pequena. o typekit também gostou da história. a house industries até afirmou isso via twitter. acho que estamos chegando no começo dos finalmentes das webfonts...

uma boa solução

a typoteque veio com uma boa solução pro @font-face. criar um servidor que gera o css e a fonte fica lá, sem necessidade de ser upada pro servidor do site e diminuindo a chance de ser pirateada de graça por aí. esse é um site modelo utilizando a fedra sans. pra quem entende de css, o código de estilo fica assim: /* http://www.typotheque.com/webfonts */@font-face{ font-family:"Fedra Arabic Book"; src:url("https://www.typotheque.com/wf/get_font.php?key=4452e8c3f56e26e6eee7d354bd4ff903"); font-style: regular; font-weight: normal; font-stretch: normal; font-variant: normal; } https://typotheque.com/WF-MULTILINGUAL02-001008 /* http://www.typotheque.com/webfonts */@font-face{ font-family:"Fedra Sans Bold"; src:url("https://www.typotheque.com/wf/get_font.php?key=b13784a0acbcfff6ae5363f533b37e82"); font-style: regular; font-weight: normal; font-stretch: normal; font-variant: normal; } simples e funcional.

nova proposta corrigido

o w3c, orgão que regulariza a utilização do css organização cria standards para a utilização integral da world wide web , também mandou uma nova proposta de orientações para a utilização da regrinha @font-face alternativa ao @fontface. vale a lida. com essas novas regras só faltam as foundrys abraçarem, porque os browser, em sua maioria, já estão adaptados a isso e os browsers se adaptarem.