All posts by Jonas Rafael Rossatto

Jonas Rafael Rossatto é designer digital e cobre tecnologia desde 2005.

USA by Designers

“O que significa Estados Unidos para você?” Este é o concurso USA by Designers. Onde se espera ter estilos variados, desde gráfico, fotografia, desenho à pintura, midias digitais, etc. Os trabalhos selecionados serão apresentados através de uma exposição online e também farão parte de um livro.

Se você pretende fazer um trabalho solo ou em grupo, é permitido apresentar vários trabalhos. A participação está aberta a candidatos de todos os países do mundo.

Os trabalhos deverão ser enviados até dia 31 de janeiro de 2010 e os selecionados serão anunciados até final de fevereiro de 2010. Para maiores informações acesse o site do concurso. (em inglês)


Resultado do Sorteio Natal

Então galera, antes de divulgar oficialmente a lista dos 3 ganhadores, que poderão ter seus cadernos personalizados ou escolhar entre um caderno da Smuzi, gostaria de parabenizar a todos que participaram e desejar em nome de toda a equipe um Feliz Natal a todos.

Os ganhadores foram: do sorteio de natal foram (rufem os tambores, hahaha)

@ronigomes

@erikal

@fabiana_povoa

O sorteio foi realizado através do sorteie.me, como pode ser visto na imagem do post ou no  link: http://sorteie.me/2rl

Iremos entrar em contato com os ganhadores nas proximas horas, então vão preparando a arte pro seus cadernos 😉

Valide as cores do seu site

Hoje em dia praticamente todos os sites são testados e validados de diversas maneiras antes de ir finalmente ao olho do usuário, hoje descobri um que verifica as cores da sua folha de estilos (CSS).

É o Check My Colours. Para ele funcionar basta colocar a URL no site e aparecerá em segundos uma tabela mostrando todas as combinações de cores do seu site, informando se o contraste e luminosidade dos elementos estão ok e se a diferença de cor e brilho entre os elementos estão adequados.

Na minha opnião, é interessante ver uma ferramenta dessa na web, porém não dá pra confiar cegamente no que ele aponta como erro, afinal você que criou o design todo do site, sabe se a cor que escolheu para exibir dentro de uma classe é legível.

E você? o que achou desta ferramenta?

dica: yourboga


Dia tipo Natal

Durante o dia 21/12  aconteceu o Dia Tipo Natal 2009, encontro de tipografia que junta pessoas que participam da lista de tipografia.

Felizmente para você que está longe, ou não pode ir você poderá conferir tudo o que rolou acessando o http://www.tipocracia.com.br/diatipo/registro.htm, onde você poderá conhecer a grade do evento e também os vídeos que estavam sendo transmitidos via USTREAM.

Na minha opnião, imperdivel!


Lugares para hospedar seu site de graça

Muita gente as vezes precisa de um lugar para hospedar seu site, para colocar imagens, testar aplicações, Então resolvi listar alguns lugares , que fornecem hospedagem gratuita.

CJB.NET


Free Web Hosting Area


20m

AwardSpace

AFMU

Office Live Small Business

FreeHostWebs

FreeWeb7

Free Websites

HostCell

TeraDepot

Host-ed.net

FreeBee Hosting

Rapid Fire Host

Enjin


HPG – Home Page Gratis

Brinskter

Pipni.cz


Se você souber mais alguma hospedagem gratuita de qualidade, comentaí que nós colocaremos na lista.


Promoção – Natal Smuzi

A Smuzi resolveu presentar os leitores do blog que nós acompanharam neste ano, com 3 sorteios, de um caderno A5 que podem ser ser criado por VOCÊ. Ótimo para você que tem mania de customizar suas coisas.

Para participar, você precisa ter um Twitter e seguir o @espaco.

Depois basta twittar:
“#Promocao #Design – Eu leio o @espaco e quero ganhar um caderno da Smuzi – http://migre.me/eT0C ”

Tem que constar a frase completa, inclusive com o link.

A promoção só é valida até dia 24/12/09 as 23:59.

O resultado será feito via sorteie.me e será divulgado no dia 25/12/2009 por volta das 14:00 horas.

O Caderno ganho será um A5 e será enviado pela Smuzi, em até 15 dias.

O ganhador que enviar a arte, terá ela em um único caderno e não será usado para outros fins.

Aproveite e conheça também os produtos da Smuzi no site www.smuzi.com.br.


Regras implícitas no web design

Algumas coisas NÃO devem ser feitas no web design. Aqui você encontrará uma pequena lista de regras que pode servir para quem está começando com web design ou que pretende contratar uma empresa ou profissional que desenvolva o seu website. Ou até mesmo para ter como base para analisar seu projeto já existente.

A base inicial desta lista eu achei no blog do Josiah Cole (em inglês). Foi nele que me basei e inspirei para fazer está versão.

1. NUNCA altere o tamanho da janela do navegador do usuário.

Eu sei que você pode usar um Javascript para redimensionar o navegador, por mais que você ache legal não tente isto.

Essa “técnica” é usada pelos sobrinhos ,micreiros, pseudo-web designers, publicitários, e aquelas agências “que faz sites” mas que na realidade não tem idéia de como fazer um site bem sucedido.

2. Não pergunte tudo.Ao entrar em um site e ser questinado sobre resolução, ver em popup ou navegador, flash ou html. Isso tudo só cria uma barreira com o usuário do site, e faz com que muitas vezes ele nem entre.

Porque?

Imagina um cliente indo comprar em sua loja, e tem alguem que pergunta a ele se quer comprar na loja pior ou na loja melhor, ressaltando que a a loja melhor precisa óculos especiais e tem de esperar até 30 segundos.

3. Não crie sites todo em flash se você quer vender algo.

Se você tem uma loja feita inteiramente em flash, demita a empresa que cuida do seu site, e se você mesmo criou, envergonhe-se disso. Flash é uma ótima mandeira de criar sites institucionais e hotsites, mas não lojas com vendas de produtos online, você pode pegar como exemplo o site da Adobe, fabricante do flash, porque não é todo em flash? Simples. Eles querem ganhar dinheiro.

4. Não tente reinventar a navegação do site.
Menu superior, à esquerda, lateral. Mas não tente reinventar a forma como as pessoas interagem com interfaces digitais quando querem buscar um produto ou serviço. Do contrário verá uma pessoa confusa, irritada e depois? não verá mais.

5. Web Design não é Design Gráfico
Se você é designer gráfico, e “faz sites”. PARE, não tente fazer ou fornecer conselhos para seus clientes sobre web design.

Design Gráfico e Web Design são coisas totalmente diferentes. No design gráfico você projeta o anúncio de um carro de corrida e no Web Design você realmente constroí o carro de corrida.

As pessoas não podem conseguem interagir (comprar, se comunicar) com um anúncio impresso. Já na web tudo isto acontece, e se não acontece é porque há algo de errado. Aqui tudo tem de ser pensado.

6. O Contéudo é Rei.
Repita comigo: O CONTEUDO É REI. Antes mesmo de contratar um web designer, procure pensar o que terá em seu site, como: fotos, textos institucionais, promocionais, etc. Se preciso pague um fotógrafo/redator, jornalista, publicitário para ajudar nesta parte. Não adianta um site bonito e sem um conteúdo de qualidade.

7. Seu site precisa ser acessivel por outros navegadores.

Se seu site não funciona no Firefox, ou Chrome contrate outra empresa/pessoa, pois esta não tem idéia do que está fazendo, não está em seu ramo. A falta de conhecimento sobre Firefox por um Web Designer mostra claramente que ele está em outro mundo, fora da cultura Web e é claro, isso é um péssimo sinal para caso vocÊ seja dono de um negócio.

8. Nunca fará ou tentará fazer.
Jamais faça um site com textos piscantes, marquees, Frontpage, pop-ups, download de fontes e introduções em flash.

Se você acredita que sites que utilizam essas coisas são bons, procure esquecer tudo que sabe e abrir a mente para outro mundo.

9. Audio & Video
Se você quer usar música em seu site, verifique se o usuário consegue pará-lo. Vale mais a pena ter um icone onde o usuário possa ativar se tiver interesse.O Mesmo vale para vídeos.

Muitos usuários, navegam na internet em horário de trabalho, e alguns esquecem a caixa de som ligada, e tem um chefe por perto. Ou outros utilizam fones de ouvidos com um som em alta escala, e são assustados ao entrar nesse site e ouvir a música. Adivinha qual é a forma mais rápida de parar o som? Fechando o site.

10. Utilize navegação em textos.
Por mais que seja visível com a folha de estilos (css) desativadas, a navegação em texto pode ainda beneficiar pessoas que estão com conexões lentas e aparelhos móveis e também a indexação de conteúdo por parte dos robôs de busca.

11. Facilite as informações.
Se seu site tem muita informação, você poderá facilitar tendo um sistema de busca. Algumas pessoas gostam de navegar, outras gostam de buscar. (Se não tiver muita informação, esqueça isso.)

12. Tempo de Carragamento é importante.
O tempo de carregamento é um dos grandes fatores da internet. Por mais que você e todos os seus amigos vivam no mundo maravilhoso da ADSL ou internet a cabo. Ainda predomina em diversas regiões a conexão discada e o 3g (que nem é tão rápido assim). Se você criar apenas para usuários de banda larga, você estará perdendo visitantes.

13. Video somente em Flash.
Se você realmente precisa por um vídeo, não aborreça-o perguntando qual é a conexão dele ou que player ele quer utilizar. A maioria não sabe essas informações e você só estará complicando mais uma vez a vida dessas pobres pessoas.

O flash já é o melhor player video que existe atualmente, por ser multi-plataforma e cross browser, algo que nenhum outro aplicativo de vídeo alcançará (eu acho). O you tube roda em que? 🙂

14. Não use sempre o mais atual.
Assim como em gadgets e outros acessórios na web, usar o mais atual nem sempre é sinónimo de qualidade.

Tecnologia pela tecnologia é bobo, ridículo. Seu site tem que usar o que ele realmente precisa para funcionar e não scripts e ferramentas que sairam semana passada. Lembrem-se alguns navegadores demoram para ser atualizados (diga-se IE) e poderá não dar suporte ao seu site.

Se você tem mais dicas sobre o que um web designer deve evitar fazer. Comente e eu colocarei aqui!


Mozilla lança Personas 2.0

A equipe Mozilla Labs anunciou o novo Personas 2.0, que consegue mostrar seus temas de forma dinâmica, diretamente no browser.

Segundo o equipe de desenvolvimento, com este chega a ser até 15 vezes mais rápido visualizar e baixar um tema.

Abaixo segue o screencast criado por Ryan Doherty que liderou o trabalho de desenvolvimento do redesign.


A nova versão é compatível somente as novas versões e pode ser vista no endereço getpersonas.com. Caso se você tenha a versão 3.5* do browser, é necessária a instalação de uma pequena extensão para funcionar de forma completa que pode ser baixada no repositório de add-ons do Firefox.


Novos Recursos do Google Chrome

Usando o truque da perspectiva, a Google trabalhou em conjunto com a 1stAveMachine’s / Aaron Duffy para criar uma série de vinhetas para a campanha de demonstração do seu navegador, Chrome.

Algumas coisas interessantes é a demonstração de velocidade utilizada para chegar a alguns efeitos. Abaixo tem o Making Of Chrome Features =)

Para quer ver mais detalhes como a equipe de produção, é so dar um look no motiongrapher. (em inglês)


Vende-se monitor HP DreamColor LP2480zx

Então galera, eu tou com um HP DreamColor LP2480zx Professional Display, mas estou viajando pra caralho muito e nem sobra tempo para ficar em casa (ou qualquer lugar que seja) trabalhando neste monitor. Então resolvi vende-lo, abaixo tem mais detalhes a cerca dele.

Este monitor é profissional, e é o unico com cores críticas no mundo, criado sobre a tecnologia HP DreamColor Engine. Ele é extremamente acessível proporciona amplo suporte de cor, uma rica qualidade visual, e resultados consistentes, utilizado pela Dreamworks para fazer filmes como Kung Fu Panda.

Bilhões de possibilidades de cor
Este é o unico monitor com um bilhão de cores ativas ou seja, 64 vezes as cores suportadas por LCDs tradicionais, a partir do 30-bit.

Controle de cor Breakthrough
Muito mais facil alcançar o que você pretendia com a fidelidade de cores.

Visão de produção com precisão
Com ele é possivel ajustar até sete espaços de cor para iluminação: gamma, gamut, and white point.

E com isso ter reproduções exatas de: sRGB, Adobe RGB, Rec. 601, Rec.709, and DCI-P3 (97%)

Conectividade Melhorada
Dá pra ligar todos seus dispositivos analógicos como, DVI-I, Display Port 1.1,, HDMI 1.3, compentente, S-Video e composites, tem suporte a HDCP para conteudo protegido e um um hub USB integrado.

Posicionamento flexível
Rotação, com inclinação regulável, giratório, ajuste de altura, e pivô.

OSD
Personalize rapidamente uma variedade de configurações de usuário e calibração de cor com a tela completamente redesenhada na tela. Nova auto-fade backlit bezel botões permitem fácil visualização em ambientes de trabalho claros e escuros.

Mais especificações
Tamanho: (diagonal): 24 polegadas
Tipo de tela: IPS wide-aspect screen
Resolução: 1920 x 1200 @ 60 Hz

Qualidade de Imagem, recursos e etc podem ser vistos aqui (em inglês).

Bom, ele ta novinho (mais precisamente na caixa), tem nota, garantia e tudo que você vai precisar.

O preço é R$:4,000,00 (Quatro Mil Reais) tendo em vista que se você comprar ele na HP Internacional, ele está $2,499.00 e você terá de pagar importação + frete (não enviam para o brasil). Então ainda é puro lucro =).

Interessados é so mandar um email para [email protected] ou comentar aqui que eu respondo caso alguem tenha dúvida.

Valeu, lembrando que rola fazer troca nele também se alguem quiser negociar (macbook, camera digital e por ai vai..)

UPDATE: Esta venda está encerrada pois o monitor já foi vendido.