SlideShare uma empresa Scribd logo
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

Mais conteúdo relacionado

Mais procurados

Palestra ux e ui
Palestra ux e uiPalestra ux e ui
Palestra ux e uiDirect Talk
 
Assistente de programação visual gráfica
Assistente de programação visual gráficaAssistente de programação visual gráfica
Assistente de programação visual gráfica
Daniel Brandão
 
UX na prática
UX na práticaUX na prática
UX na prática
Heller de Paula
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
Felipe Dal Molin
 
Design para empreendedores
Design para empreendedoresDesign para empreendedores
Design para empreendedores
Catarinas Design de Interação
 

Mais procurados (7)

Palestra ux e ui
Palestra ux e uiPalestra ux e ui
Palestra ux e ui
 
Assistente de programação visual gráfica
Assistente de programação visual gráficaAssistente de programação visual gráfica
Assistente de programação visual gráfica
 
UX na prática
UX na práticaUX na prática
UX na prática
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
Moodboard
MoodboardMoodboard
Moodboard
 
Design para empreendedores
Design para empreendedoresDesign para empreendedores
Design para empreendedores
 

Semelhante a Web design com software livre

UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
Marconi Pacheco
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
Marconi Pacheco
 
Design
Design Design
Design
criiribeiro
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
UX Dos and Dont's
UX  Dos and Dont's UX  Dos and Dont's
UX Dos and Dont's
Carolina Palhano
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
Luis Marcelo Zanlucki
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
Ana Luísa Ponsirenas
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
Carolina Costa
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
icajai
 
The Role of the UX Professional in Product Development
The Role of the UX Professional in Product DevelopmentThe Role of the UX Professional in Product Development
The Role of the UX Professional in Product Development
Product School
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
Thiago Esser
 
Experiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoExperiência do Usuário: uma introdução
Experiência do Usuário: uma introdução
Juliana Dorneles
 
Contexto de interação
Contexto de interaçãoContexto de interação
Contexto de interação
Robô Livre
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
Everaldo Coelho
 
Seminario
SeminarioSeminario
O que é o design
O que é o designO que é o design
O que é o design
Rodrigo Henriques
 

Semelhante a Web design com software livre (20)

UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Design
Design Design
Design
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
UX Dos and Dont's
UX  Dos and Dont's UX  Dos and Dont's
UX Dos and Dont's
 
User experience
User experienceUser experience
User experience
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
 
UX Design
UX DesignUX Design
UX Design
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
The Role of the UX Professional in Product Development
The Role of the UX Professional in Product DevelopmentThe Role of the UX Professional in Product Development
The Role of the UX Professional in Product Development
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Experiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoExperiência do Usuário: uma introdução
Experiência do Usuário: uma introdução
 
Contexto de interação
Contexto de interaçãoContexto de interação
Contexto de interação
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
 
Seminario
SeminarioSeminario
Seminario
 
O que é o design
O que é o designO que é o design
O que é o design
 

Web design com software livre