Tipos de Projeto Visual e interação para Websites

Uma das melhores maneiras de obter ideias para a estratégia de recurso e interação visual do seu site é, bem, para ler o web. Existem vários sites que agregam grandes exemplos de design em diversas categorias e indústrias, tais como e-commerce ou cuidados de saúde. (Para uma rápida olhada em alguns deles, é só usar os nomes dessas indústrias como palavras de busca.) Embora seja útil olhar para sites dentro da mesma indústria como do seu cliente, boas idéias do projeto vêm de toda parte. Você deve aprender a isolar abordagens de design, quebrá-los ao essencial, e ver como você pode utilizá-los para influenciar seus próprios projetos.

sites cinematográficos

Uma das tendências mais populares é a concepção cinematográfica sites: Uma grande imagem herói serve como pano de fundo literal para o site, tendo-se a janela do navegador inteiro. Esta abordagem dramática realmente # 147 romances # 148- o produto e obriga o designer para chegar a um sistema visualmente limpa de navegação de apoio. Nesses locais, elementos de interface e principal bóia de navegação no topo do cenário, muitas vezes com um grau de transparência, de modo a manter a aparência larger-than-life.

O que é único sobre o site especializado (abaixo) é que o grande pano de fundo da foto é o conteúdo em si: O minimalista, transparente, coberto elementos da interface revelar diferentes partes da bicicleta ou oferecem acesso a segmentos de vídeo sobre o making of da moto. Há também uma versão móvel-friendly do site (uma vez que os dispositivos Apple não suportam animação Flash).

design de interação inovadora

Qualquer maneira que um designer pode fazer uso eficiente do espaço de ecrã e, ao mesmo tempo, manter os usuários mentalmente fundamentada em termos de onde eles estão em um site, é um design inovador e bom. Dois exemplos ilustram um uso criativo de dois ingredientes comuns: maximizar a área de conteúdo e scrolling (Para cima e para baixo) ou panning (Lado a lado) dentro de um espaço controlado.

Um excelente exemplo de interação e design visual é o site de Salt Lake City sistema de bibliotecas públicas. Este site simples, limpo tem duas áreas que são maximizadas em termos de exibição de conteúdo. A parte superior tem uma área de herói rotação (não é incomum.) - O que é bom é que ao contrário de muitos sites que usam essa convenção, a abordagem visual aberto, em camadas rompe-se a região de modo que não pareça encaixotados A parte inferior tem duas projeto características acontecendo: não só um sistema de abas permitem que o usuário para virar entre quatro categorias de exibição de conteúdo (filmes, livros, novelas gráficas, e Zines), mas também cada um com guias scroll horizontal, revelando uma colagem muito bem concebido de produtos. Após a rolar sobre um produto, o usuário vê uma tela pop-up oferecendo mais informações, além de um link para a página de detalhes. A interação comprimido nesta abordagem de design pode fornecer acesso rápido a centenas de produtos, de uma pequena porção de uma página.

Capturando a experiência de marca

O objetivo final de seus esforços de design visual é para capturar a essência da experiência de marca. Um site que ainda belamente é projetado abriga uma grande quantidade de informação é o site Sheffa Foods, como você verá na figura a seguir. Observe como simples e limpar a interface componentes são projetados. Se você fosse para remover a fotografia, o desenho modelo de site é realmente muito simples e monocromático. Essa é a chave para esta estratégia de design. Ao manter todos os componentes de apoio simples e usando apenas algumas cores, você permite que o conteúdo em si para tomar o centro do palco. Neste caso, o conteúdo caracteriza a fotografia ousada que reforça a imagem de marca Sheffa Foods de produtos frescos e de alta qualidade.