web design com software livre
TRANSCRIPT
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 referese 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, aplicandose 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ãouniforme 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/
Agni.art
Web Design com Software Livre – Eduardo Santos