Arquivo para a Tag ‘interface’

novos estudos – alteração de logótipo e outros grafismos

No sentido de responder à critica do professor Miguel Ferraz, relativamente ao excesso de informação que o logótipo contém, realizaram-se novos estudos de interface, procedendo à alteração do mesmo, optando-se por retirar todo o texto “Centro de Dia para Idosos de Ribeira de Fráguas“ de dentro da delimitação do logótipo.

Nestes estudos de interface, este texto acompanha o logótipo, pois importa referir que é necessário identificar a instituição, uma vez que “Cediara” não é implícito por si só (pode remeter para qualquer outro tipo de instituição, como por exemplo de centeio ou milho).

Realizou-se ainda algumas propostas para o grafismo do papel de carta, envelope, cartão e decoração de viatura.

O ficheiro com todos estes estudos pode ser visto aqui.

Novas interfaces

Tal como foi referido aqui, durante (e após) a sessão de orientação de hoje, fizeram-se alguns ajustes nos estudos de interface anteriormente apresentados.

A conselho da orientadora (Margarida Almeida), retirou-se a barra cinza no cabeçalho e alterou-se a disposição dos menus.

Fizemos ainda uma simulação da interacção com os menus mais extensos: do 1º ao 5º nível e, com o máximo de 7 “filhos” (se estes funcionam, os outros também).

Aqui está o resultado.

novos estudos de interface

[nota: pedimos desculpa pela qualidade, mas pelo facto de serem imagens, ficam assim no .pdf]

aula 12, mais interfaces e novos menus

Durante a aula de hoje elaboramos mais estudos de interface, dedicamo-nos aos menus e ajustamos o fluxograma.

Relativamente aos menus em flash, também criamos mais um mas, neste momento estamos a testar vários templates para o joomla que já contêm essa funcionalidade, embora baseada em CSSs e php.

Brevemente disponibilizaremos aqui os exemplos dos menus.

Para já ficam mais uns estudos de interface.

estudo_interface_15estudo_interface_16

mais uma actualização do mapa de navegação e mais um estudo de interface

Tal como referido no post anterior, cá está a actualização do mapa de navegação e mais um estudo de interface.

mapa de navegação [para uma correcta visualização, fazer zoom in, no mínimo, até 300%]

[nota: este mapa foi actualizado para uma versão com legendas da mancha de cor que indica quem carrega conteúdos] 

estudo de interface

estudo_interface_14

Logótipo, interface e menus

Durante o dia de ontem e hoje realizamos vários estudos de interface, menus animados e fontes para o logótipo.

Na última aula, decidiu-se proceder a um estudo de novas fontes para o logótipo. Aconselho do professor Raposo, escurecemos o cinzento que delimita o logótipo (paredes e telhado), uma vez que, não “cansa tanto os olhos” como o cinza claro, anteriormente escolhido (ver última página do .pdf).

Estudo de fontes para o logótipo

Tal como foi referido aqui, na semana passada, escolheu-se um layout como ponto de partida para o desenvolvimento de novos estudos. Apresentamos os resultados.

Estudos e desenvolvimento de interface

compilação das imagens

estudo_interface_v6 estudo_interface_v8estudo_interface_v9estudo_interface_v9_2estudo_interface_v10estudo_interface_v11_2estudo_interface_v12estudo_interface_v12estudo_interface_14estudo_interface_15estudo_interface_16banner

Estudos de menus

Os menus ainda se encontram no forma primária de interacção mas transmitem a ideia base da animação. Seguem-se os exemplos.

[acesso apenas dentro da rede da UA ou com vpn]

estudo menu 1

estudo menu 2

estudo menu 3

estudo menu 4

estudo menu 5

estudo menu 6

estudo menu 7

estudo menus 8 e 9

Iniciamos também o estudo da ferramenta “spry” do Dreamweavr e fizemos um estudo de menu em Flash com integração de xml, em que o menu é carregado dinamicamente, a partir do xml, embora ainda não esteja a funcionar a 100%.

html

xml

Logótipos e interface

Já fizemos alguns estudos de logótipo e de interface.

Amanhã tencionamos desenvolver muito mais o estudo de interface.

Para já ficam os primeiros estudos.

Logótipos

[No desenho dos logótipos baseamo-nos na ideia de casa, já implícito no logótipo actual da Cediara]

ver aqui

Interface

[Fizemos alguns estudos no papel e outros no Photoshop, principalmente para estudar tons, transparências e escalas]

estudo_interface_1.jpgestudo_interface_2.jpg estudo1estudo2estudo3estudo4estudo5estudo6estudo7estudo8estudo9estudo10estudo11estudo12estudo_interface1.jpgestudo_interface2.jpgestudo_interface3.jpgestudo_interface4.jpgestudo_interface5.jpgestudo_interface6.jpg

metas 1 e 2 até à próxima aula

Durante a aula de projecto, com a professora Margarida Almeida, comprometemo-nos a cumprir 2 metas até à próxima aula [sexta-feira - 29/02/08].

meta #1. Terminar o estudo de viabilidade técnica;

meta #2. Apresentar propostas de logótipo e realizar o estudo de interface gráfica.

Decidimos seguir a sugestão da professora e criamos pequenas metas dentro do grupo, com datas de fim, de forma a que, possamos trabalhar de forma mais produtiva e organizada.