Vamos deixar claro...
Não existe Web Designer.
Existe o Designer que faz Web, e esse
profissional tem que aprender tudo:
Tipografia, Fotografia, Semiótica, Gestalt,
Matemática, Ótica, Percepção,
Comportamento Humano, etc.
Senão ele não consegue fazer Web.
Alexandre Wollner
Web Design com Software Livre – Eduardo Santos

Tio, o que é design?
Design refere­se ao projeto visual e
funcional de um produto, a adaptação
de um produto a necessidade dos
seus usuários, cativando o seu uso
através da estética, aplicando­se
conceitos e usabilidade a sua forma.
Web Design com Software Livre – Eduardo Santos

Tio, o que é design?
A função do Design, além da
estética, é tornar um produto
funcional.
Web Design com Software Livre – Eduardo Santos

É transformar
Informação em
Comunicação

Etapas do
Desenvolvimento
Documentação
Arquitetura de Informação
Design de Interface
Layout
Estruturação
Programação
Publicação

Referência
Link para o Artigo
Conceitos de Design
função, cores, letras e formas
Artigo que fala sobre
Função do Design
E Projeto Web

Ferramentas Proprietárias
e Clichês no Design
“Saber como a ferramenta
funciona”
é bem diferente de
“Saber o que fazer com ela”
Web Design com Software Livre – Eduardo Santos

Quer ver?
www.havenworks.com

Ferramentas Proprietárias
e Clichês no Design
Web Design com Software Livre – Eduardo Santos

Ferramentas Proprietárias
e Clichês no Design
\"Quem tem a resposta antes
da pergunta não trabalha
com Design mas sim com
clichês\"
(Claudio Ferlauto)
Web Design com Software Livre – Eduardo Santos

Ferramentas Proprietárias
e Clichês no Design
Nenhum software deve ser
encarado como uma solução
pronta
A definição do que é Design
vai muito além do Photoshop
Web Design com Software Livre – Eduardo Santos

Processo de Migração
Atenham-se ao
Conceito
Web Design com Software Livre – Eduardo Santos

...um Sistema Operacional Adquado.
O Ubuntu Studio é um empacotamento especialmente
voltado para multimídia, já vindo com aplicações mais voltadas
para criação e edição de áudio, vídeo e imagens.
Vem com os aplicativos gráficos The GIMP, Inkscape e
Blender acompanhado de plugins como dcraw (suporte para
arquivos RAW de cameras digitais) ou o wacom-tools para os
usuários de tablets Wacom.
http://ubuntustudio.org

...todas as aplicações necessárias disponíveis

Gimp Inkscape
Editor de Desenho
Imagens Existem Vetorial
Alternativas!
Blender Scribus
Modelagem 3D Paginação

Inkscape

Inkscape
SVG - Scalable Vector Graphics
• Trata-se de uma linguagem XML para
descrever de forma vetorial desenhos e
gráficos bidimensionais, quer de forma
estática, quer dinâmica ou animada.
• Criado pela W3C (Web Standards)
• Multiplataforma
• Possível de criar Extensões ou Plugins em
linguagens como Python, Ruby, etc

GIMP

GIMP - GNU Image Manipulation Program
• Trabalha com imagens RAW (usando
o Plugin Ufraw)
• Montagem de imagens para Web
com o filtro Py-Slice, com suporte a
criar menus Roll-hover em Java Script
• Possui Versão Portátil
• Suporte a perfis de cores ICC

GIMP - GNU Image Manipulation Program
Liquid Rescale GIMP plugin
Método de redução não­uniforme busca identificar
quais são as áreas importantes, e preserva o
aspecto delas, ao mesmo tempo em que reduz
mais drasticamente o fundo.

40 Programas Gráficos Open Source
Link para o artigo

Desenvolvimento:
Perder Produtividade?
Acho que não!

Referências
www.programaslivres.net
www.estudiolivre.org
www.inkscapebrasil.org
www.ogimp.com.br
www.gimp.com.br
www.blender.com.br
www.mundesign.org
www.colivre.coop.br
Web Design com Software Livre – Eduardo Santos

Eduardo Santos
Agni.art
http://www.agni.art.br/
eduardo@agni.art.br
Web Design com Software Livre – Eduardo Santos