Vamos deixar claro...
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
Não existe Web Designer.
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
A função do Design, além da 
estética, é tornar um produto 
funcional. 
Tio, o que é design?
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
“Saber como a ferramenta
funciona”
é bem diferente de
“Saber o que fazer com ela”
Web Design com Software Livre – Eduardo Santos
Ferramentas Proprietárias
e Clichês no Design
Quer ver?
www.havenworks.com
Ferramentas Proprietárias
e Clichês no Design
Web Design com Software Livre – Eduardo Santos
"Quem tem a resposta antes
da pergunta não trabalha
com Design mas sim com
clichês"
(Claudio Ferlauto)
Ferramentas Proprietárias
e Clichês no Design
Web Design com Software Livre – Eduardo Santos
Nenhum software deve ser
encarado como uma solução
pronta
A definição do que é Design
vai muito além do Photoshop
Ferramentas Proprietárias
e Clichês no Design
Web Design com Software Livre – Eduardo Santos
Processo de Migração
Web Design com Software Livre – Eduardo Santos
Conceito
Atenham-se ao
...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
Editor de
Imagens
Inkscape
Desenho
Vetorial
Blender
Modelagem 3D
Existem
Alternativas!
Scribus
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
http://www.agni.art.br/
eduardo@agni.art.br
Agni.art
Web Design com Software Livre – Eduardo Santos

Web design com software livre