21
Prof. Nécio de Lima Veras http://lattes.cnpq.br/8284657916723590 Noções de Design Gráfico Unidade I - Introdução ao Design Gráfico

Arquitetura da informação

Embed Size (px)

Citation preview

Page 1: Arquitetura da informação

Prof. Nécio de Lima Verashttp://lattes.cnpq.br/8284657916723590

Noções de Design Gráfico

Unidade I - Introdução ao Design Gráfico

Page 2: Arquitetura da informação

Prof. Nécio de Lima Verashttp://lattes.cnpq.br/8284657916723590

Objetivo

Contextualizar as variadas aplicações do design gráfico no mundo do

desenvolvimento de softwares

Página da disciplina na Web

Page 3: Arquitetura da informação

Prof. Nécio Veras

Arquitetura de Informação Arquitetura de Informação (AI)(AI)

● Processo pelo qual o conteúdo do site é dividido em pedaços que são ordenados hierarquicamente.

● Processo:– Organizar a informação do site

– Construir um diagrama de AI.

– O diagrama AI representa a organização hierárquica de seções e subseções do site.

Page 4: Arquitetura da informação

Prof. Nécio Veras

Page 5: Arquitetura da informação

Prof. Nécio Veras

‘‘

Categorias: Tips & Travels, My Notes, Memories, Media.

Page 6: Arquitetura da informação

Prof. Nécio Veras

Page 7: Arquitetura da informação

Prof. Nécio Veras

Page 8: Arquitetura da informação

Prof. Nécio Veras

Page 9: Arquitetura da informação

Prof. Nécio Veras

Page 10: Arquitetura da informação

Prof. Nécio Veras

Page 11: Arquitetura da informação

Prof. Nécio Veras

Trabalhando AI com Trabalhando AI com cartõescartões

Page 12: Arquitetura da informação

Prof. Nécio Veras

Preenchendo os cartõesPreenchendo os cartões

Page 13: Arquitetura da informação

Prof. Nécio Veras

Ordenando os cartões em Ordenando os cartões em pilhas relacionadaspilhas relacionadas

Page 14: Arquitetura da informação

Prof. Nécio Veras

Dar nome a cada pilhaDar nome a cada pilha

Page 15: Arquitetura da informação

Prof. Nécio Veras

Pilhas de cartõesPilhas de cartões

Page 16: Arquitetura da informação

Prof. Nécio Veras

Ordene os cartões de acordo Ordene os cartões de acordo com a hierarquia do sitecom a hierarquia do site

Page 17: Arquitetura da informação

Prof. Nécio Veras

Após a ordenação...Após a ordenação...

Page 18: Arquitetura da informação

Prof. Nécio Veras

Diagramas AI são basicamente Diagramas AI são basicamente cartões ordenados no papelcartões ordenados no papel

Page 19: Arquitetura da informação

Prof. Nécio Veras

Diagrama de Arquitetura Diagrama de Arquitetura de Informaçõesde Informações

Page 20: Arquitetura da informação

Prof. Nécio Veras

ExercíciosExercícios

Page 21: Arquitetura da informação

Prof. Nécio Veras

ReferênciasReferências

Esta apresentação foi inspirada e baseada nos materiais didáticos de:

– Prof. Régis Pires (Curso de Introdução ao Web Design) - https://sites.google.com/site/ifpiregis/pronatec/introducao-ao-web-design

Também no livro Use a Cabeça – WebDesign