O documento discute conceitos de design e ferramentas de software livre para design gráfico. Apresenta definições de design, princípios de usabilidade e acessibilidade, e descreve aplicativos como GIMP, Inkscape e Blender como alternativas de código aberto para edição de imagens, design vetorial e modelagem 3D. Também discute a migração de ferramentas proprietárias para software livre no processo de design.
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Trabalho prático para a disciplina de Introdução ao Design Digital 2011/2 do curso de Design Digital da UFPel.
Usando a metodolofia pojetual com base em munari, propusemos a produção de um infográfico digital interativo sobre as àreas do design com as quais os alunos ingressantes no curso mais de identificam.
Produzido por Acemir Mendes e Luciana do Prado
Slide sobre Painél Semântico, técnica para montar uma parte visual do projeto antes de executá-lo na prática.
*Feito especialmente para apresentação em sala de aula, expositiva, para alunos do curso de Assistente em Programação Visual Gráfica
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Trabalho prático para a disciplina de Introdução ao Design Digital 2011/2 do curso de Design Digital da UFPel.
Usando a metodolofia pojetual com base em munari, propusemos a produção de um infográfico digital interativo sobre as àreas do design com as quais os alunos ingressantes no curso mais de identificam.
Produzido por Acemir Mendes e Luciana do Prado
Slide sobre Painél Semântico, técnica para montar uma parte visual do projeto antes de executá-lo na prática.
*Feito especialmente para apresentação em sala de aula, expositiva, para alunos do curso de Assistente em Programação Visual Gráfica
Os desafios do UX designer tem crescido bastante, principalmente com seu papel cada vez mais de articulador e facilitador.
Ainda ressaltando as habilidades de empatia, visão holística e lógica, essa disciplina vem exigindo também grandes capacidades de resolução de conflitos, métricas e construção colaborativa para atuar em contextos cada vez mais complexos.
Apresentação de alguns conceitos do primeiro capítulo do livro "Design de interação: além da interação homem-computador". Uma introdução aos fundamentos do design de interface, exposta na aula de Projeto de Interfaces Multimídia, no curso de Desenho Industrial da Universidade Federal de Santa Maria.
Conceitos importantes relacionados ao design que todo empreendedor deveria saber ou se preocupar na hora de criar seu negócio. Temas como branding, design thinking e user experience que são pontos importantes para uma boa mensagem consistente.
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
Conheça estas duas áreas, fique por dentro de sua importância, aplicabilidade, áreas de atuação e o que realmente fazem os profissionais de UX e UI. Um contraste com as duas áreas, suas diferenças, semelhanças e como trabalham em conjunto.
No dia 4 de abril eu e a Natalia Arsand (about.me/nataliarsand) apresentamos uma introdução à prática de Experiência do Usuário no evento de 10 anos do GUMA-RS. A apresentação é baseada no nosso conhecimento da prática aplicada ao desenvolvimento ágil de software.
Os desafios do UX designer tem crescido bastante, principalmente com seu papel cada vez mais de articulador e facilitador.
Ainda ressaltando as habilidades de empatia, visão holística e lógica, essa disciplina vem exigindo também grandes capacidades de resolução de conflitos, métricas e construção colaborativa para atuar em contextos cada vez mais complexos.
Apresentação de alguns conceitos do primeiro capítulo do livro "Design de interação: além da interação homem-computador". Uma introdução aos fundamentos do design de interface, exposta na aula de Projeto de Interfaces Multimídia, no curso de Desenho Industrial da Universidade Federal de Santa Maria.
Conceitos importantes relacionados ao design que todo empreendedor deveria saber ou se preocupar na hora de criar seu negócio. Temas como branding, design thinking e user experience que são pontos importantes para uma boa mensagem consistente.
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
Conheça estas duas áreas, fique por dentro de sua importância, aplicabilidade, áreas de atuação e o que realmente fazem os profissionais de UX e UI. Um contraste com as duas áreas, suas diferenças, semelhanças e como trabalham em conjunto.
No dia 4 de abril eu e a Natalia Arsand (about.me/nataliarsand) apresentamos uma introdução à prática de Experiência do Usuário no evento de 10 anos do GUMA-RS. A apresentação é baseada no nosso conhecimento da prática aplicada ao desenvolvimento ágil de software.
Apresentação feita em 12 de maio 2012 na Expoidea durante a oficina Experimentação da Robótica. Mais informações em: http://robolivre.org/conteudo/design-interacao-e-prototipacao
3. 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
7. 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
8. “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
12. "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
13. 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
15. ...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
19. 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
21. 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
22. 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.