Uma interface para o público infantil tem uma interface carregada de cores e gráficos
- Análise e arquitetura das informações
Uma das grandes diferenças do design de interface é que ele deve
ser "utilitário", ou seja, não deve apenas ser design bonito, mas também
deve ser prático. Pois neste caso, o design serve à informação, ao
conteúdo do site. É ele que poderá facilitar ou complicar para que o
internauta/cliente encontre o que deseja. Como o nome já diz, é a
"interface" o intermediário entre o conteúdo e o internauta/cliente. Por
isso, é importante que primeiro se faça uma análise detalhada da
informação que deve conter no site, pois somente a partir desta análise é
que será possível saber quais serão as seções do site, e qual o design
que melhor atenderá uma navegação mais intuitiva para se chegar à
informação desejada.
- Escolha do estilo de design
Este é outro aspecto importante, pois uma coisa é saber que se
precisa de um botão aqui, de um banner ali, etc. e outra é saber qual o
estilo que conduzirá o desenho desses elementos. Um estilo de design
pode ser clássico, infantil, moderno, mais orgânico ou mais quadrado,
mais "clean", ou com muitos elementos e cores, etc., enfim podem-se usar
os mais diversos estilos. Entretanto o estilo escolhido tem que atender
a uma série de requisitos, como ser mais adequado ao tipo de
informação, facilitar a navegação, atender às necessidades de marketing,
usar cores adequadas ao tipo de informação ou à identidade visual da
empresa.
O site do novo Fiat Palio tem uma interface com um estilo audacioso, apelando para as emoções e cores vivas
- Rascunho do design
Um recurso muito utilizado por desenhistas é o rascunho do trabalho.
Antes de começar a montar a interface no programa de imagem é
útil fazer um rascunho no papel para ajudar a visualizar a interface e
acelerar o processo de escolha de formas e estilo. Obviamente, isto não é
uma regra, é uma dica.
- Produção das mídias
Outra etapa importante é a produção das mídias que serão usadas
na interface do web site, assim como imagens, fotos, ilustrações,
ícones, animações ou mesmo sons.
É necessário saber se as imagens e fotos serão obtidas de
clip-arts ou deverão ser produzidas por um fotógrafo. Depois de obtida a
imagem, também será necessário tratá-la e adaptá-la aos requisitos da
mídia digital, como resolução, dimensões, etc.
Assim também é o caso de ícones e ilustrações que poderão vir de
clip-arts, ou produzidas especialmente por um ilustrador para este web
site.
- Integração dos elementos na interface
Finalmente chega-se a etapa de integração de todos os elementos
separados em uma interface, usando um software de imagens. Neste momento
existem elementos que virão de fora, como logotipo, fotos, etc., e
elementos que serão produzidos no próprio programa de imagem, como
botões, fundo, textos, detalhes de design, banners, etc.
Todos esses elementos deverão ser integrados numa interface harmônica, clara e intuitiva.
- Teste da interface
Depois de criada a interface, exportadas as imagens e encaixadas
dentro da página HTML, não pense que o processo chegou ao fim. Uma etapa
muito importante, e que muitos se esquecem, é o teste da usabilidade da
interface. Este teste consiste em pedir para algumas pessoas navegarem
no site usando a nova interface para ver se ela realmente é intuitiva e
fácil de usar. Neste momento podem-se perceber algumas dificuldades de
navegação, e corrigi-las antes de publicar na Internet.
Introdução ao Fireworks CS6
O que é Fireworks CS6?
O Adobe Fireworks é um software de interface gráfica, projetado
para a World Wide Web. O ambiente do software é integrado, pois combina
ferramentas vetoriais e bitmaps, possibilitando ainda a aplicação de
animação aos objetos. É, portanto uma solução completa para a criação
gráfica de Web Sites. Através do Fireworks desenvolvemos desde imagens
simples e animações isoladas até interfaces complexas com botões, menus,
pontos ativos, comportamentos de rollover, etc. Os arquivos
desenvolvidos no Fireworks têm o formato PNG (Portable Network
Graphics). Este formato é recomendado pelo W3C como padrão para a Web
porque não apresenta perdas. Além desse formato, o arquivo do Fireworks
pode ser exportado para GIF, JPEG e para programas como o Adobe
Illustrator, Adobe Freehand e Adobe Flash.
Configuração Sugerida para Windows
- Intel (r) Pentium (r) 4 ou AMD Athlon (r) 64
- Microsoft (r) Windows (r) XP com Service Pack 3 ou Windows 7
com Service Pack 1. Adobe (r) Creative Suite (r) 5.5 e CS6 aplicações
também suporta o Windows 8. Consulte o FAQ CS6 para mais informações
sobre o suporte ao Windows 8. *
- 1 GB de RAM (2 GB recomendado)
- 1 GB de espaço disponível no disco rígido para a instalação;
espaço livre adicional necessário durante a instalação (não é possível
instalar em dispositivos de armazenamento flash removíveis)
- 1280x1024 monitor com placa de vídeo de 16 bits
- Unidade de DVD-ROM.
Nenhum comentário:
Postar um comentário