web design com software livre

49

Upload: edu-agni

Post on 29-Nov-2014

2.817 views

Category:

Design


1 download

DESCRIPTION

Palestra ministrada no dia 28/07/2012 na 13º edição do FISL (Fórum Internacional de Software Livre), que aconteceu em Porto Alegre/RS.

TRANSCRIPT

Page 1: Web Design com Software Livre
Page 2: Web Design com Software Livre

Edu Agni

Coord. Experiência do Usuário na Agência Tutu, 29 anos

Trabalha a nove anos com projetos nas áreas de criação, usabilidade, interface, interação e web standards, e a 5 anos com Software Livre.

Já atendeu clientes como o Centro Cultural Ruth Cardoso, iG, Editora Abril, Volkswagen, Fecomercio, Dabliú Discos, Hotéis Accor, ABIMAQ, ABNT, S.E. Palmeiras e S.C. Corinthians.

www.agni.art.br / @eduagni

Page 3: Web Design com Software Livre

Porque usar Software Livre

no Design?

Page 4: Web Design com Software Livre

Relação 80/20

Custo x Ideologia, ou Grátis x Livre

Estímulo ao processo de criação?

Page 5: Web Design com Software Livre

Saber como uma ferramenta funciona não quer dizer que você

sabe o que fazer com ela.

Page 6: Web Design com Software Livre

Edição de Textos = Word

Edição de Imagens = Photoshop

Page 7: Web Design com Software Livre

Edição de Textos = Conceito

Edição de Imagens = Conceito

Page 8: Web Design com Software Livre

Conceitos de Design?

Page 9: Web Design com Software Livre

O web design é um fragmento do design. Não existe web designer. Existe o designer que faz web, e este 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)

Page 10: Web Design com Software Livre
Page 11: Web Design com Software Livre

CoresLeitura recomendada:Psicodinâmica das Cores em Comunicação

Page 12: Web Design com Software Livre
Page 13: Web Design com Software Livre

Letras

Leitura recomendada:Pensar com Tipos

Page 14: Web Design com Software Livre
Page 15: Web Design com Software Livre

FormasLeitura recomendada:Gestalt do Objeto: sistema de leitura visual da forma

Page 16: Web Design com Software Livre

Edição de imagens?

Page 17: Web Design com Software Livre

Edição de imagens é o conceito que busca equalização de cores, ajustes de brilho, nitidez e outros aspectos fotográficos, gerenciamento de

objetos, pessoas e fundo de imagens.

Page 18: Web Design com Software Livre

“O tratamento de imagemnão serve apenas para

arrumar defeitos, e sim paraagregar valor a uma fotografia”

(Marcelo André Hass)

Page 19: Web Design com Software Livre
Page 20: Web Design com Software Livre
Page 21: Web Design com Software Livre

“O profissional deve usaras ferramentas em prol de uma

ideia criativa, e não usara ideia criativa sobre a ferramenta”

(Guilherme Becker)

Page 22: Web Design com Software Livre
Page 23: Web Design com Software Livre
Page 24: Web Design com Software Livre
Page 25: Web Design com Software Livre
Page 26: Web Design com Software Livre

Em se tratando de um website, antes do visual devemos pensar na

estrutura

Page 27: Web Design com Software Livre
Page 28: Web Design com Software Livre
Page 29: Web Design com Software Livre
Page 30: Web Design com Software Livre
Page 31: Web Design com Software Livre
Page 32: Web Design com Software Livre
Page 33: Web Design com Software Livre

Fazer Design comferramentas livres é possível?

Page 34: Web Design com Software Livre
Page 35: Web Design com Software Livre
Page 36: Web Design com Software Livre
Page 37: Web Design com Software Livre
Page 38: Web Design com Software Livre
Page 39: Web Design com Software Livre

Sim, é possível.

Mas é produtivo? É viável?

Page 40: Web Design com Software Livre

www.gomaq.com.brInkscape + GIMP + Wordpress

Page 41: Web Design com Software Livre

www.estudiodecomunicacao.com.brInkscape + GIMP + Wordpress

Page 42: Web Design com Software Livre

www.dabliudiscos.com.brInkscape + GIMP

Page 43: Web Design com Software Livre

www.techforti.com.brInkscape + GIMP + Wordpress

Page 44: Web Design com Software Livre

ccjuve.prefeitura.sp.gov.brInkscape + GIMP + Wordpress

Page 45: Web Design com Software Livre

Outsourcing de ImpressãoInkscape + GIMP + Wordpress

Page 46: Web Design com Software Livre

APEOESP Santo AndréInkscape + GIMP + ZOPE/PLONE

Page 47: Web Design com Software Livre

Quilombo BrotasInkscape + GIMP + Wordpress

Page 48: Web Design com Software Livre

Centenário do CorinthiansGIMP

Page 49: Web Design com Software Livre