Prof. Gustavo Linhares 14/10/2009 Instituto Federal de Educação, Ciência e Tecnologia do Norte de Minas Gerais. PROGRAMAÇÃO WEB AULA 02 Prof. Gustavo Linhares 14/10/2009

O que é Design?

O que é Design? Design é projetar conceitos, equilibrando estética e funcionalidade.

áreas de atuação Os três principais grupos de atuação disciplinar da área são: Design de Interfaces; Design Gráfico; Design de Produto; Design de Produto

áreas de atuação Observando de um ângulo mais específico podemos verificar diversas áreas geradas a partir destes grupos como: Áudiovisual; Editoração Embalagens; Identidade Corporativa;

áreas de atuação Ilustração; Interface Digital; Manipulação de Imagens; Programação Visual (impressos); Sinalização; Tipografia; Bens de Consumo;

áreas de atuação Bens de Gosto; Mobiliário; Têxtil; Veículos; Stands e Exposições; Interiores; Ergonomia;

áreas de atuação Arquitetura de Informação. Modelos e Protótipos; Ilustração Técnica; Educação; Planejamento de Produtos; Teoria ou Pesquisa; Arquitetura de Informação.

conceito Para começar a projetar deve-se estar sempre atento aos princípios do design, como: conceito, originalidade, simplicidade e legibilidade. Eles são importantes para a fundamentação dos seus projetos.

Observe as figuras acima... Você notou algo de estranho?

conceito É isso: o conceito nada mais é do que um conjunto de informações representadas por elementos gráficos (como cor, tipografia, imagens etc.) e que, juntos, transmitem uma idéia.

conceito Agora, você deve estar se perguntando: mas o que isso tem a ver com criação de sites? Tudo! Os sites também devem transmitir conceitos, de acordo com a sua categoria.

Conheça algumas categorias de sites Portais – apresentam conteúdo vasto, dividido por seções de temas variados e atualizados diariamente, na maioria dos casos.

Portais www.globo.com

Portais Sites institucionais - sites de empresas ou instituições que apresentam seus serviços e produtos. É o contato direto da empresa com seus clientes.

Sites institucional www.dnv.com.br

Sites de comércio eletrônico Sites de comércio eletrônico – sites que disponibilizam produtos a serem comprados pela internet.

Sites de comércio eletrônico www.amazon.com

Sites pessoais ou portfólios Sites pessoais ou portfólios - apresentam trabalhos já realizados, mostrando sua experiência profissional, currículo etc. Esses sites não se restringem a profissionais do design, também podem divulgar artistas, músicos, estilistas ou qualquer profissional liberal. www.andrefaccioli.

Sites pessoais ou portfólios www.andrefaccioli.com.br

Sites de educação à distância Sites de educação à distância - o mesmo que “e-learning”. É destinado ao aprendizado fora da sala de aula. Geralmente, apresentam conteúdo vasto que pode ser impresso pelo aluno em casa. Este formato estimula a interatividade entre os alunos para compensar a distância.

Sites de educação à distância www.fgv.br/fgvonline

Sites de instituições financeiras Sites de instituições financeiras - agências virtuais, que disponibiliza serviços como, acesso a sua conta e pode realizar transações.

Sites de instituições financeiras www.itau.com.br

Blogs (portfólios) Blogs (portfólios) - uma tendência, onde designers ou qualquer profissional expõem seus projetos em blogs portfólios. Assim, há muita interatividade com os leitores e mais rapidez para a atualização.

Blogs (portfólios) isabelarodrigues.com

Sites de entretenimento Sites de entretenimento - sites desenvolvidos para o lazer do usuário. Voltados para o público-alvo, onde o entretenimento expõe o produto ou conceitualiza a marca.

Sites de entretenimento www.stockholmthemusical.com

Sites de notícias Sites de notícias – são sites direcionados a informar, com atualização intensa e conteúdo, além da utilização de tecnologias, como RSS, e informativos via e-mail, disponibilizando aos usuários informações com mais rapidez.

Sites de notícias www.bluebus.com.br

Sites de rede social Sites de rede social - esta modalidade de site entrou como uma febre no mercado e hoje demonstra claramente sua função. O que parecia um simples site de relacionamento demonstrou com a formação de comunidades que pode servir de medida para empresas e uma resposta direta do público aos produtos lançados. Este tipo de site teve uma ótima aceitação no Brasil, não tendo grandes participações internacionais.

Sites de rede social www.orkut.com

Hotsites Hotsites - são sites desenvolvidos para um curto prazo de exposição, onde são divulgados novos produtos. Nesta modalidade de site, a criação tem a oportunidade de reforçar o conceito da marca e vender uma atitude.

Hotsites application.nokia.com.br/2007/br/musicrooms

Site de exibição de vídeos Site de exibição de vídeos - o nascimento do YouTube marca a revolução na veiculação de vídeos na web, tornando-os acessíveis para qualquer pessoa, em qualquer lugar. Além disso, o YouTube ajudou a consolidar uma das principais características da chamada Web 2.0, ao estimular a participação dos usuários na construção do conteúdo do site, seja pelo envio de vídeos caseiros, ou até mesmo na disponibilização de material produzido profissionalmente.

Site de exibição de vídeos www.youtube.com

originalidade Destacar-se na grande rede pode ser uma tarefa difícil. No meio de tantos outros sites, por que o seu seria notado? Ter uma idéia brilhante pode custar muitas horas de sono e papéis amassados...

originalidade A originalidade é um dos principais fatores de sucesso de um site, por isso, você precisa ser diferente dos seus concorrentes!

originalidade Ex: um site de ecommerce, por exemplo, deve ser mais direto, uma vez que sua meta é a venda e o usuário não deve encontrar obstáculos, como vídeos ou animações, que demorem para carregar.

originalidade Sites que permitem exceder em originalidade são os sites pessoais e de portfólio (pois é a oportunidade de o autor mostrar seu talento), e os sites de entretenimento, onde o usuário não tem pressa de navegar e está lá só por diversão.

Mãos à obra: comece fazendo uma pesquisa; faça uma busca na web dos sites similares, veja o que eles oferecem, quais as suas vantagens, de que forma se apresentam etc.

Brainstorming

Brainstorming Este termo, que significa “tempestade de idéias”, é uma técnica de pensamento que estimula a produção de uma grande quantidade de idéias, expondo ao máximo nossa inteligência, desbloqueando hábitos e atitudes inibidoras de um raciocínio criativo para se chegar a uma solução original.