Projetomultimidia

237 visualizações

Publicada em

Projeto de Multimidia - Faculdade Fucapi

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
237
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Projetomultimidia

  1. 1. Reideson Nazareth Victor Maxwell
  2. 2. Delimitação do Tema:Atualmente, o mercado de trabalho chegou a umnível de exigência alto, obrigando a nosqualificarmos a fim de resultar em nossoreconhecimento profissional, no qual podemosnos destacar em diversas áreas, como a gráfica,web e 3D. “Podemos levar em consideração que um dos motivos principais para tal exigência é a virtualização da sociedade, onde Levy (1996 - O que é o virtual?) nos mostra que, esta, é uma tendência social”.
  3. 3. Delimitação do Tema:Ao pensarmos na área de Design comoprofissionais, devemos ter em mente os princípiosde Strunck (2007 – Viver de Design) paralevarmos em considerações diversos fatores paranos destacarmos, como, por exemplo,conhecer todas as áreas de atuação de umprojeto, procurando transmitir segurançapara seu cliente; quais fatores devemos levarem conta para causar uma boa impressão nosmesmos, entre outros.
  4. 4. Problematização:Hoje na internet se o Portfolio não possuir uma ricafuncionalidade ou um conteúdo atualizado, vocêestará em desvantagem em relação aos quepossuem.Para Nielsen (apud. Memória 2005, p. 06)A usabilidade tem componentes múltiplos e étradicionalmente associada a estes cinco atributos:ser fácil de aprender, ser eficiente nautilização, ser fácil de ser recordada, terpoucos erros e ser subjetivamenteagradável
  5. 5. ObjetivosGeral:Desenvolver um portfólio em formato demultimídia.Específico:Estudar conceitos de interação;Aplicar conceitos de design (gestalt,estudo das cores, metodologia);Analisar similares.
  6. 6. JustificativaAo pensarmos no mercado de trabalho, devemoster em mente que a primeira impressão émuito importante para o cliente, poissegundo Struck (2007, pag. 32) “essaprimeira opinião que temos a respeito dascoisas, muitas vezes baseada em dadossuperficiais, tem um enorme poder defixação em nossas mentes.”,
  7. 7. JustificativaOu seja, percebe-se que nosso portfolio podemarca o cliente, criando o destaque necessáriopara nossa carreira profissional. Portanto, ficaclaro a necessidade de criarmos um portfólio paradeixarmos de ser desconhecido para o cliente,pois, segundo Stuck (2007, pag. 28)“quando vamos provocar um primeirocontato com um provável futuro Cliente,somos inteiramente desconhecidos,devendo fazer um esforço muito maiorpara quebrar as barreiras naturaisexistentes”.
  8. 8. Procedimentos MetodológicosMetodologia  Cien-fica:  Esta fase da pesquisa cientifica tem umprocedimento metodológico, pois, para Gil (2002,p.19) “a pesquisa exige que as açõesdesenvolvidas ao longo de seu processosejam efetivamente planejadas”, o objetivo éidentificar as necessidades de uma organização afim de encontrar respostas para um problema apartir dos procedimentos científicos para odesenvolvimento de uma interface.
  9. 9. Procedimentos MetodológicosMetodologia  Cien-fica:   QUANTO  A  SUA  NATUREZA     QUANTO  AOS   PROCEDIMENTOS  TÉCNICOS     QUANTO  À  ABORDAGEM     INSTRUMENTOS  DE   QUANTO  AOS  OBJETIVOS     COLETA  DE  DADOS    A finalidade de apresentar uma pesquisa aplicada, nasmetodologias cientificas, pois pretende solucionar umdeterminado problema com foco no público-alvo, poissegundo Medeiros (2007, p.10) “os conhecimentosadquiridos são utilizados para a aplicação práticavoltada a solução de problemas concretos da vidamoderna”.
  10. 10. Procedimentos MetodológicosMetodologia  Projetual:  Segundo BOMFIN(1984, p.04) os métodos sãoinstrumentos de trabalho que através de técnicaspodem auxiliar na organização das tarefas,tornando-as exatas, isso defini a aplicação destametodologia neste projeto de pesquisa, que iráabordar as seguintes técnicas de forma linear. Ométodo linear é uma seqüência de técnicas dedesenvolvimento do projeto, uma seguida da outra, semretorno, diferentemente do método cíclico que possibilitao retorno entre as etapas.
  11. 11. Procedimentos MetodológicosMetodologia  Projetual:  A metodologia do projeto será baseada nos conceitos,definições, métodos e processos de autores consagradosem design, estruturados de acordo com as etapassugeridas por Baxter(1998). LEVANTAMENTOS   SELEÇÃO  DE  ALTERNATIVAS   DE  DADOS     REQUISITOS  E  PARÂMETROS     DESENVOLVIMENTO     GERAÇÃO  DE  ALTERNATIVAS   DETALHAMENTO    
  12. 12. Analise de Similares  PositivosAspecto clean;Arquitetura dainformação bem distribuída;Acessibilidade;Navegabilidade;Leiturabilidade;Legibilidade. Negativos Feedback não fica a amostra pro usuário
  13. 13. Analise de Similares   Juliana  Apolo  (hOp://www.julianaapolo.com/flash.html)  Positivos    Arquiteturada informaçãobem estruturada;Legibilidade;Contraste;Feedback para ousuário bemsinalizado.     Negativos Variedade na tipologia; Ausência de acessibilidade; Conteúdo do site possui muitas fontes externas.
  14. 14. Analise de Similares  Positivos Ruy  Adorno  PorXólio  (hOp://  www.ruyadorno.com)      Interabilidade;Aspecto clean;Acessibilidade;Contraste bemdefinido;Arquitetura dainformação bemdistribuída.     Negativos Iconografia utilizada (por exemplo: coração para especificar a seção works); Menu bem escondido.        
  15. 15. Requisitos e Parâmetros   Requisitos Parâmetros Navegabilidade Navegação fácil e intuitiva para o usuário por meio da acessibilidade às informações. Feedback Indicação através das cores, textos segregados e animações. Interatividade Através de animações e um feedback simples. Informações sobre o Por meio do link “About”, onde o usuário terá acesso a um breve resumo sobre o autor autor e também ao seu curriculum vitae. Por meio do link “Contact”, onde o usuário terá acesso ao telefone, endereço do autor Entrar em contato e poderá mandar e-mail para o mesmo através de um formulário. Através do link “Works”, onde o usuário terá acesso às informações dividas em grupos Trabalhos do autor como Gráfico, Web, 3D. Informações  sobre   Em  cada  projeto  selecionado,  o  usuário  terá  acesso  a  mais  informações  sobre  o  mesmo  como  o   trabalhos nome,  o  ano  e  sobre  o  que  era  o  projeto  através  da  arquitetura  da  informação  bem  resolvida.
  16. 16. Wireframe  Alternativa 03      
  17. 17. Wireframe  Alternativa 03      
  18. 18. Wireframe  Alternativa 03      
  19. 19. Gestalt  Para Dondis (1997, p. 28), “captamos a informaçãovisual de muitas maneiras. As forças perceptivas esinestésicas de natureza fisiológicas são vitais parao processo visual.”Unidade, Segregação, Fechamento,Continuidade, Pregnância da Forma,Contraste.
  20. 20. Gestalt   “Sobre um indivíduo que recebe acomunicação visual, a cor exerce umaação tríplice: a de impressionar, a deexpressar e de construir. A cor vista:impressiona a retina. E sentida: provocauma emoção, e é construtiva, pois tendoum significado próprio, tem valor desímbolo e a capacidade, portanto, deconstruir uma linguagem que comuniqueuma idéia.” (FARINA 1990, p. 27).
  21. 21. Gestalt  Paleta de cores do Site: “Sobre um indivíduo que recebe a comunicação visual, acor exerce uma ação tríplice: a de impressionar, a de expressare de construir. A cor vista: impressiona a retina. E sentida:provoca uma emoção, e é construtiva, pois tendo um significadopróprio, tem valor de símbolo e a capacidade, portanto, deconstruir uma linguagem que comunique uma idéia.” (FARINA1990, p. 27).
  22. 22. Gestalt  Paleta de cores do Site: A cor amarela transmite alegria e vivacidade. Chama a atenção em qualquer ponto onde é aplicada, e é perfeita para o destaque de algum elemento no layout. O vermelho está intimamente ligado aos desejos passionais. É quente, imponente, chamativo. Suas diversas nuances apresentam diversos significados: o vermelho escuro sugere sobriedade e poder; o vermelho cereja é apaixonado, feminino, sensual; o vermelho mais claro é energizante e forte.
  23. 23. Gestalt  Paleta de cores do Site: Marrom: Cor sóbria e sólida, deve ser usada com moderação por trazer um aspecto muito pesado a qualquer local que seja aplicada. O cinza transmite a sensação de algo impuro e indeciso (não é claro e nem escuro, preto ou branco). É uma cor triste e sombria, mas também pode definir um Website sóbrio e “sério”.
  24. 24. Gestalt  Paleta de cores do Site: O azul é uma das cores mais utilizadas em Websites, e é uma das preferidas por quase todas as pessoas. Transmite sensação de tranquilidade, profundidade (quando escuro) e limpeza (quando claro).
  25. 25. Tipografia  A tipografia corresponde à representação se sinais gráficoscomo meio de expressão de palavra, ideias e elementos,construindo, assim, mensagens visuais coerentes e atémesmo incompreensíveis para alguns indivíduos.(DAMASCENO, 2003, p.467)
  26. 26. Geração de Alternativas   Alternativa 03      
  27. 27. Geração de Alternativas   Alternativa 03      
  28. 28. Geração de Alternativas   Alternativa 03      
  29. 29. Fluxo de Navegação   Por@ólio  Home     works   About   Contact   Graphic   Web   3D  
  30. 30. •  Referências Bibliográficas•  FARINA, Modesto. PEREZ, Clotilde. BASTOS, Dorinho. Psicodinâmica das cores em comunicação. Edição 5, Ed. Edgard Blücher, São Paulo: 2006.•  KRUG, Steve. Não me faça pensar: Uma abordagem de bom senso à Usabilidade na Web. Edição 2. Ed. Alta Books, Rio de Janeiro: 2006.•  LEVY, Pierre. O que é o virtual? Tradução: Paulo Neves. Edição 34, São Paulo: 1996.•  STRUNCK, Gilberto. Viver de Design. Edição 5, Ed. 2AB, Rio de Janeiro: 2007. 

×