Wireframe

Ae! Com a entrada do novo coordenador de conteúdo, Marcos, estou aprendendo muito a organizar meus projetos, com a implementação de wireframes. Agora eu estou pensando mais na hora de criar um layout, sobre a organização de cada elemento, seguindo um sentido lógico e não jogando tudo que é bunitinho pelos espaços do layout. =D

Mas então, o que é Wireframe mesmo?
De acordo com a Fator W:

Wireframes são documentos elaborados durante a fase de arquitetura de informação de um projeto web com o objetivo de estruturar o conteúdo das principais páginas, organizando os elementos que devem compor a interface, indicando a marcação dos textos e o peso dos itens.

____________________________________________

Wireframe então é um desenho básico de uma interface. Este desenho, no entanto, deve retratar toda a arquitetura de informação do sistema desejada pelo cliente. Deve-se observar também que o wirefame retrata a usabilidade do sistema. No entanto, este desenho deve ser muito simples e resumido, informando ao desenvolvedor apenas o que for estritamente necessário.

Wireframe seria um esqueleto do site, que deve ser feito antes de iniciar a montagem do layout com cores e imagens.

Vale a pena conferir:
Como fazer wireframe no flash
Wireframe – Documento cada vez mais importante
Quanto mais simples o wireframe melhor
Como construir wireframes

Veja também:
Sitegrama

Criando um logo

Ae! Mostrando um pouco da criação do logo da Primo’s Eletricidade.
Clique nos logos para ampliar.

Logo Antigo

A Primo’s tinha esse logo, um pouco amador, e ele queria um novo, bem simples. Fui na empresa dele, conversei e montei um briefing sobre o projeto, o maior objetivo é fixar a marca, sendo assim cheguei no seguinte logo.

Significado das Cores

Usei duas cores na composição do logo, vermelho e branco, veja abaixo o por quê:

Vermelho: Persistência, força, prosperidade, aumenta a atenção, puxa muito o olho para o logo, tem uma energia muito grande, é dinâmico.

Branco: Sugere pureza, usei para dar um contraste com o vermelho.

Briefing! Como fazer?

Ae pessoal, andei pesquisando um pouco sobre briefing e fui aprendendo como aplicar, vou repassar aqui algumas coisas importantes para montar um.

O que é briefing?

Briefing é um documento, onde é colocado todas as informações possíveis do cliente. É a partir daí que podemos conhecer melhor o cliente e a necessidade dele, criando um foco para o desenvolvimento do layout.

O que significa ROUGH?

Ae! O professor Carlos Trotta comentou sobre Rough (ou em bom português rafe/rafi) na aula de Composição e Projeto Gráfico, ai eu pesquisei para ver o que significava.

De acordo com a Wikipedia, Rough significa:

Termo usado para designar a técnica de esboços soltos e descompromissados feitos por roteiristas de histórias em quadrinhos. Muito utilizada na produção em série de quadrinhos infanto-juvenis, pois facilita o trabalho do editor e do desenhista, já que a história já é criada visualmente.Infelzmente esse tipo de material dificilmente é visto pelo público.

Traduzindo para web: é o cara que desenha o layout no papel antes de passar para o computador! =D