por Jakob Nielsen

Estes são os dez princípios gerais de design de interface do usuário. Eles são chamados de “heurística”, porque eles estão mais para a natureza de regras de ouro do que  diretrizes de usabilidade específicas.

Visibilidade do status do sistema

O sistema deve sempre manter os usuários informados sobre o que está acontecendo, através de feedback apropriado em tempo razoável. (mais…)

No dia 2 de maio p.p foi debatido na FAAP, como tudo aconteceu e o que está acontecendo para a regulamentação do profissional de design acontecer, vale muito assistir o vídeo abaixo é logo mais muito construtívo.

 

Video streaming by Ustream

“Design Livre não é a mera utilização de ferramentas de código aberto na execução de projetos. Embora elas sejam de fato utilizadas e preferidas quando possível, a proposta do Design Livre é abrir o processo de desenvolvimento.

A contribuição mais importante do Design Livre é a ênfase em documentar, compartilhar e abrir o processo de Design. Não basta colaboração, é preciso também meta-colaboração, ou seja, definir em conjunto como será o trabalho colaborativo. As discussões sobre quais ferramentas usar, que etapas o projeto terá, como serão organizadas as tarefas são todas abertas à participação e ficam documentadas para posterior consulta ou reprodução em outros projetos.” Instituto Faber-Ludens

Leia todo o  artigo

 

O Google mostrou nesta quarta-feira (04) um conceito de óculos que permite que o usuário use realidade aumentada para dar informações virtuais em tempo real aos usuários. A ideia é que o aparelho projete na visão do usuário informações relevantes durante o dia. O design do Project Glass foi proposto por um grupo de funcionários do Google X, um laboratório “secreto” de inovação do gigante da internet.
 

Hoje com o grande número de tablet, smatphones e equipamentos menores, torna-se necessário desenvolver tema WordPress responsivos que permitam visibilidade nesses equipamentos também.

Para tal procedimento o WordPress facilita muito as coisas e é bem mais fácil do que se pensa, claro que o layout deve ser o mais clean possível, para no caso de redimensionamento não se perca informações, principalmente o tamanho imagens, como, o logotipo.

Então, mão a obra:

1 – Localize a pasta dos temas do seu wordpress (/wp-content/themes) no seu servidor;

2 – Crie a pasta, por exemplo, responsive-display;

3 – Crie um arquivo com o nome de style.css, com o conteúdo abaixo:

/*
Theme Name: seu_tema
Theme URI: http://www.seudominio.com.br/
Description: Child theme para seu_tema
Author: miltonandrade
Author URI: http://www.miltondesigner.com.br/
Template: seu_tema
Version:1.0
*/

@import url("/seu_tema/style.css");

@media screen and (max-width:320px)
{
h1 {color: #ffb400;}
}

@media screen and (min-width:321px) and (max-width:768px)
{
h1 {color:#0096ff;}
}

@media screen and (min-width:769px)
{
h1 {color: #693573;}
}

Modifique no dados acima para:

seu_tema -> nome do seu tema;

seudominio.com.br -> nome do seu domínio registrado;

4 – Copie o arquivo style.css para a pasta criada no servidor;

5 – Vá até o painel de administração e ative o seu tema;

6 – Seu modelo novo tema responsivo está pronto para uso.

Para testar nas resoluções redimensione a janela do navegador. Veja que conforme chegamos as dimensões definidas os cabeçalhos H1 mudam de cor.

Pronto, com isso o seu tema wordpress tornou-se responsivo.

Artigo baseado no artigo do colega Paulo Faustino.

 

A Adobe lançou  versão beta pública gratuita do Photoshop CS6. Ele vem com todas as características e funções do programa final. Essa versão incluem melhorias no sistema de reconhecimento de conteúdo útil, uma ferramenta de edição expandida de vídeo e muito mais.

Adobe está divulgando uma série de novos recursos nesta versão, mas as maiores mudanças vêm em seus novos Content-Aware ferramentas que lhe permitem mover-se rapidamente em torno de temas em uma foto e sua nova interface. Ele também vem embalado com novas ferramentas de vídeo de edição que permitem editar e criar cronogramas simples Photoshop filtros baseados em.Uma tonelada de novas funcionalidades são embalados aqui, incluindo uma ferramenta de desfoque nova e útil, a cultura de melhor qualidade, melhorias da camada, e muito mais.

Não está claro quanto ao tempo antes do beta expira.Você tem que criar uma ID da Adobe, a fim de usar o beta, mas é grátis e você terá acesso livre ao Photoshop.

Adobe Photoshop CS6 Beta | Adobe Labs

Tradução livre do original em Lifehacker

Muitos clientes não entendem o que estão fazendo quando eles contratam um designer. Está na hora de acabar com isto. Vamos listar aqui algumas informações importantes para conhecer o que designers oferecem!

 

Se você é Designer: mande este texto para o seu cliente antes de fechar o contrato, para ter certeza que vocês não irão se desentender depois.

Se você é um cliente: leia com carinho para conhecer o que nós oferecemos e ter certeza que está com as expectativas corretas sobre o nosso trabalho!

Para facilitar vou contar os 3 equívocos mais comuns ao contratar um designer! Ou seja: o que nós não fazemos.

Leia todo o artigo no Blog Design.Blog

O uso de grandes fotos em um projeto web, seja como pano de fundo ou como parte do conteúdo, deixa o site muito bacana, no entanto, ao fazer isso, você corre o risco de criar um site visualmente poluído, por isso a maioria do site, que fazem uso de imagens grandes, têm um estilo minimalista quanto aos outros elementos do design. Para sua inspiração no site Fall Gali Hotel encontramos uma coleção de sites que são excelentes exemplos de como usar a fotografia grande em um projeto web.

Visite o site

O Social Bookmark Icons tem uma coleção com mais de 500 ícones das redes sociais e vários formatos e muito interessante. Para você que está construindo o seu layout é uma boa pedida dar uma visita no site e baixar o conjunto que mais esteja dentro da sua programação visual. Vale a pena conferir.

http://www.socialbookmarkingicons.com/

Independente do seu nível de desenvolvedor experiente ou não as ferramentas on-line sempre dão uma ajuda danada no freewebtemplates encontramos 10 ferramentas muito útil que reproduzimos abaixo, em tradução livre.