web design com software livre

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 emComunicaçã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 Designfunção, cores, letras e formas

Artigo que fala sobreFunçã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áriase Clichês no Design

Quer ver?

www.havenworks.com

Ferramentas Proprietáriase 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áriase 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áriase Clichês no Design

Web Design com Software Livre – Eduardo Santos

Processo de Migração

Web Design com Software Livre – Eduardo Santos

ConceitoAtenham-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

GimpEditor deImagens

InkscapeDesenhoVetorial

BlenderModelagem 3D

ExistemAlternativas!

ScribusPaginação

Inkscape

InkscapeSVG - 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ênciaswww.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