Dicionário Interativo de Desenho Industrial
Projeto desenvolvido para a disciplina de Projeto de Interface Multimídia.
O projeto consiste em um dicionário interativo de termos referentes ao Design, idealizado para smartphones.
Interactive Dictionary of Graphic Design
Project developed for the discipline of Multimedia Interface Project.
The project consists of an interactive dictionary of terms referring to Design, designed for smartphones.
Project developed for the discipline of Multimedia Interface Project.
The project consists of an interactive dictionary of terms referring to Design, designed for smartphones.
Tem como conceito visual as linhas e malhas utilizadas pelos designers no desenvolvimento de seus projetos.
O Dicionário possui dois modelos de busca, sendo o primeiro através da caixa de texto localizada na parte superior, em que podem ser digitadas (utilizando-se o teclado do próprio device) as palavras desejadas; e o segundo através da listagem das palavras em ordem alfabética (o alfabeto pode ser roalado horizontalmente), esta lista pode ser rolada verticalmente.
Its visual concept is the lines and grids used by designers in the development of their projects.
The Dictionary has two search models, the first being through the text box located at the top, in which the desired words can be typed (using the device's keyboard); and the second by listing the words in alphabetical order (the alphabet can be scrolled horizontally), this list can be scrolled vertically.
The Dictionary has two search models, the first being through the text box located at the top, in which the desired words can be typed (using the device's keyboard); and the second by listing the words in alphabetical order (the alphabet can be scrolled horizontally), this list can be scrolled vertically.
Quando uma palavra é selecionada a página referente à ela é aberta. Se o texto possuir palavras que também são relacionadas ao design, estas tomarão a forma de hiperlink, que ao ser selecionado direciona o usuário à sua definição.
Possui uma aba na lateral direita em que o usuário poderá escrever anotações pessoais.
Possui cinco botões no menu localizado na base. O primeiro é referente ao botão Home, que direciona à página inicial de busca; o segundo é o botão Atualizar que permite atualizações de novos termos; em seguida o botão de Ajuda; depois o botão de Configurações, em que o usuário poderá aumentar o tamanho dos caracteres; e por último o botão de Saída do aplicativo.
When a word is selected, the page referring to it is opened. If the text has words that are also related to design, they will take the form of a hyperlink, which, when selected, directs the user to its definition.
It has a tab on the right side where the user can write personal notes.
It has five buttons in the menu located on the base. The first refers to the Home button, which leads to the search home page; the second is the Update button which allows updates of new terms; then the Help button; then the Settings button, where the user can increase the size of the characters; and finally the Exit button of the application.
It has a tab on the right side where the user can write personal notes.
It has five buttons in the menu located on the base. The first refers to the Home button, which leads to the search home page; the second is the Update button which allows updates of new terms; then the Help button; then the Settings button, where the user can increase the size of the characters; and finally the Exit button of the application.
Livro Digital Infantil
Livro digital para dispositivo tablet iPad, desenvolvido para o Trabalho de Conclusão de Curso (TCC).
Teve como foco a usabilidade e interatividade em livro digitais para crianças, levando sempre como norteador o usuário e suas características.
A navegação pode ser feita linearmente, através dos ícones em forma de setas, ou não-linearmente, utilizando-se o ícone em forma de livro, que ao ser clicado revela um menu escondido.
Digital book for iPad, developed for the Final Project of college.
It focused on usability and interactivity in digital books for children, always taking the user and its characteristics as a guide.
It focused on usability and interactivity in digital books for children, always taking the user and its characteristics as a guide.
Navigation can be done linearly, through the arrow-shaped icons, or non-linearly, using the book-shaped icon, which, when clicked, reveals a hidden menu.
As primeiras páginas não possuem interação, apenas um movimento de zoom ao mudar a página.
The first pages have no interaction, just a zoom movement when changing the page.
Para um melhor entendimento da criança, o livro possui pequenos ícones demonstrativos, como no exemplo abaixo onde há um ícone representando o gatilho de acelerômetro (o ícone balança levemente, simulando o movimento que deve ser feito).
For a better understanding of the child, the book has small demonstrative icons, as in the example below where there is an icon representing the accelerometer trigger (the icon shakes slightly, simulating the movement that must be made).
Existe também um ícone demonstrativo de toque, que aparece no exemplo abaixo em formato de mão.
There is also a demo touch icon, which appears in the example below in hand format.
Algumas páginas possuem mudanças que ocorrem ao virar da página, no exemplo abaixo a cor de fundo muda tornando-se rosa.
Some pages have changes that occur when turning the page, in the example below the background color changes to pink.
Em uma das páginas ocorre um movimento horizontal da imagem, desencadeado pela mudança de página, sendo que primeiro aparece a base do prédio e em seguida o topo como mostra o exemplo.
On one of the pages there is a horizontal movement of the image, triggered by the change of page, with the base of the building appearing first and then the top, as shown in the example.
