Os exemplos de resposta publicados aqui são referências apenas estruturais. Eles não representam necessariamente respostas de boa qualidade.
Informações Gerais
Membro\Presença | 05 |
---|---|
Fulano da Silva (Mecânica) | |
Beltrano de Souza (Mecânica) | |
Sicrano de Algo (Mecatrônica) | |
Zé das Couves (Computação) |
GitHub
https://github.com/zedascouves/CoDesignProjeto1
Arquitetura de Informação
Primeira tarefa
Projetos que demonstram competências de Engenheiro Mecânico
- Prótese Solidária
- Braço Mecânico para Colheita de Berinjelas
- Medidor de Vazão em Rios
Projetos que demonstram competências de Engenheiro Mecatrônico
- Braço Mecânico para Colheita de Berinjelas
- Controle de Temperatura Residencial
- Drone Autônomo para Monitoramento de Desastres Naturais
Projetos que demonstram competências de Engenheiro de Computação
- PokéInsper Go
- Drone Autônomo para Monitoramento de Desastres Naturais
- Simulador de Neurocirurgia
Projetos que demonstram competências teóricas
- Medidor de Vazão em Rios
- Drone Autônomo para Monitoramento de Desastres Naturais
- Simulador de Neurocirurgia
- Seminário sobre os Teoremas de Green, Gauss e Stokes
Projetos que demonstram competências práticas
- Prótese Solidária
- Braço Mecânico para Colheita de Berinjelas
- Controle de Temperatura Residencial
- Drone Autônomo para Monitoramento de Desastres Naturais
- PokéInsper Go
- Simulador de Neurocirurgia
Segunda tarefa
- Virtuais
- Python
- JavaScript
- Reais
- Bidimensionais
- Artigos
- Relatórios
- Tridimensionais
- Objetos
- Máquinas
- Bidimensionais
- Outros
Terceira tarefa
A página do projeto sempre deve apresentar os campos "nome", "curso", "período", "design", "escrita" e "descrição". Todas as perguntas que não podem ser respondidas pelos cinco primeiros campos podem ser respondidas pela descrição. Exemplo:
Nome: Prótese Solidária
Curso: Engenharia Mecatrônica
Período: Primeiro
Design: Sim
Escrita: Não
Descrição: Conjunto de próteses fabricadas para crianças carentes. Esse projeto foi feito em 28 de novembro de 2015 como parte da disciplina Design para Caridade. Ajudei a elaborar o desenho técnico e a operar as máquinas do TechLab.
Além disso, a página deve ter obrigatoriamente uma imagem principal e opcionalmente um conjunto de imagens secundárias.
Feedback do ninja
A prótese possui partes eletrônicas? Chuto que não porque você não disse isso explicitamente, mas não está totalmente claro… Também não sei se é óbvio que "Design" refere-se a design centrado no usuário e que "Escrita" refere-se a escrita técnica e científica. E faltou a duração!
Quarta tarefa
- A primeira página contém referências diretas para os três projetos que melhor representam o aluno.
- A página "Sobre Mim" contém apenas o nome, o curso, uma foto e um parágrafo curto de biografia.
Leis de Gestalt e Princípios CRAP
Sketch da página principal
(entrega análoga à de baixo)
Sketch da página sobre mim
(entrega análoga à de baixo)
Sketch da página de projeto
Referências de posicionamento
Menu principal no canto inferior direito
Referências que utilizam o mesmo padrão:
http://www.site-ficticio-a.com/pagina-ficticia-1
http://www.site-ficticio-b.com/pagina-ficticia-2
http://www.site-ficticio-c.com/pagina-ficticia-3
http://www.site-ficticio-d.com/pagina-ficticia-4
Referência que justifica o padrão:
http://www.site-ficticio-e.com/pagina-ficticia-5
Essa página cita estudos que demonstram que a maioria das pessoas começa a ler de baixo para cima e da direita para a esquerda. A intenção do nosso layout é destacar todos os tipos de projeto que o aluno fez, para que o visitante tenha ideia da variedade de competências. Logo, colocamos o menu principal no canto inferior esquerdo para que ele seja a primeira coisa ser vista.
Redes sociais no canto superior esquerdo
(entrega análoga à de cima)
Título no canto superior direito
(entrega análoga à de cima)
Foto do aluno no topo e centralizada
(entrega análoga à de cima)
Título do projeto à esquerda de sua foto
(entrega análoga à de cima)
Teoria das Cores e Tipografia
Mockup da página principal
(entrega análoga à de baixo)
Mockup da página sobre mim
(entrega análoga à de baixo)
Mockup da página de projeto
Referências de cor e fonte
Fonte Fjalla One do cabeçalho e rodapé
Referências que utilizam o mesmo padrão:
http://www.site-ficticio-a.com/pagina-ficticia-1
http://www.site-ficticio-b.com/pagina-ficticia-2
http://www.site-ficticio-c.com/pagina-ficticia-3
http://www.site-ficticio-d.com/pagina-ficticia-4
Referência que justifica o padrão:
http://www.site-ficticio-e.com/pagina-ficticia-5
Segundo essa página, as características específicas da Fjalla One são adequadas para transmitir seriedade e profissionalismo, que é a imagem que queremos para o portfólio.
Fonte Average
(entrega análoga à de cima)
Cor verde (#76b874) do cabeçalho e rodapé
(entrega análoga à de cima)
Cor amarela (#c4c17c) do fundo
(entrega análoga à de cima)