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

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

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.

Prof. Nécio Veras

Prof. Nécio Veras

‘‘

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

Prof. Nécio Veras

Prof. Nécio Veras

Prof. Nécio Veras

Prof. Nécio Veras

Prof. Nécio Veras

Prof. Nécio Veras

Trabalhando AI com Trabalhando AI com cartõescartões

Prof. Nécio Veras

Preenchendo os cartõesPreenchendo os cartões

Prof. Nécio Veras

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

Prof. Nécio Veras

Dar nome a cada pilhaDar nome a cada pilha

Prof. Nécio Veras

Pilhas de cartõesPilhas de cartões

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

Prof. Nécio Veras

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

Prof. Nécio Veras

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

Prof. Nécio Veras

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

Prof. Nécio Veras

ExercíciosExercícios

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