This topic is locked
Links para tópicos interessantes (e imperdiveis):
» Erros freqüentes em web design
» Design é A Cara De Seu Site
» Como Fazer Uma Boa Composição Visual
» Cores E Seus Significados Psicológicos
» O Que Devo Fazer Para Montar Um Website
» Por Quê Alguns Sites Fracassam!?, Baboo
*************************************************************
Olá pessoal. Escrevi um pequeno guia sobre como ter um bom visual na sua criação de site. Espero que esse tópico fique de referência. Ele será atualizado sempre que estiver matérias novas escritas por mim, ou você mesmo pode enviar as suas por e-mail que estarei publicando aqui. Espero que gostem!
Introdução - o que irei falar sobre
Veja abaixo um breve resumo sobre oque irei falar em cada tema:
Dizer que a primeira impressão é a que fica, é verdade e pode ser aplicada nos visuais de sites que você irá criar. Por mais que o conteúdo do site seja pouco ou de boa qualidade, o visual sempre irá agradar o visitante ou não. Então para se destacar hoje em dia, é preciso de um bom visual em um site. Mas o que realmente é design em um site? Design em um site é tudo o que você vê, pode interagir e fazer você ficar presso durante tempo em um site. E fazer você ficar presso durante tempo, é a missão mais dificil hoje em dia para os designers de site: a originalidade. E buscar essa originalidade é um ponto até muito interessante de se escrever, e é sobre isso o que eu vou escrever.
*************************************************************
Se você quer criar um site com visual muito inovador, ou até mesmo simples e de fácil agrado, você vai precisar visitar muito, mas muito site mesmo. Eles sempre irão dar novas idéias para você. Anote todas elas, não perca nada que você achar em um site de bom. Mas essa idéias também devem ser usada de acordo com o site que você irá criar. Um site pessoal por exemplo é muito fechado à você mesmo. Você irá colocar nele a sua personalidade, seus interesses ou até mesmo mostrar o que você pode fazer. Já um site de empressa de design, sempre tem que mostrar o que eles são capazes de fazer, e aí o rumo muda completamente, pois eles não tem uma "personalidade", mas sim exibir suas idéias para chamar a atenção de quem visita o site.
*************************************************************
Conhecimento nunca é demais, e se você quiser colocar todas as idéias do papel para um site vai ter que saber muito bem sobre as ferramentas que você irá utilizar. Mas qual é o programa ideal para você fazer um site? Não há programa ideal para fazer site, mas sim o programa certo para satisfazer o seu gosto. É possivel fazer um visual de site usando apenas o Paint (se no caso você quer fazer em pixel art), mas você pode fazer um site até mais sério usando o Photoshop ou Fireworks. Sempre um curso ou outro, o mais simples que seja, irá te ajudar. Tutoriais te ajudam? Sim, claro mais do que nunca, apesar de que eles são muito limitados a fazer apenas uma coisa, já um professor você pode tirar suas dúvidas.
*************************************************************
Visual do site - agradar à todos é o seu dever
Tudo o que o visitante de um site vê, é o que ele vai pensar sobre o site: se ele é bom, se ele agrada... Um visual do site pode afetar pessoas diversas (uma pessoa velha que não há conhecimentos nessa área pode ficar muito agradado, mas já um estudado pode achar aquilo até mal feito), então a missão do visual do site é fazer agradar qualquer um que visite. Mas como fazer o visitante realmente gostar do visual de um site? Simples: devemos colocar toda a personalidade do assunto direto no visual do site. Como assim? Um site de futebol, por exemplo, quando mais imagens do assunto tiver (imagens boas) e em uma boa colocação, vai agradar qualquer torcedor que entre. E essa boa colocação é o ponto certo para acertar. A boa colocação de um visual do site, afeta muito em sua navegação e também no fator de agradar a pessoa. Devemos fazer sites objetivos, por mais original que seja, sempre deve ser objetivo. Você pode inovar nos menus, mas deve ser objetivo para as pessoas poder fluir sua navegação mais rápida e objetiva. E o melhor jeito de explicar isso, é mostrando sites inovadores. Veja dois tipos de sites bem diferentes:
http://www.lifeinvector.com/
O objetivo desse site é mostrar seus vetores, então o visual dele é o mais simples e objetivo possivel, pois não há necessidade alguma de ser algo inovador (já que os seus trabalhos que são!). Esse tipo de visual pode ser aplicado para outros tipos de sites, como sites de eventos que o seu objetivo maior é divulgar sobre, assim como site de promoção e outros do gênero.
http://www.zelda.com/gcn/index.jsp
Um site sobre um game, como esse do Zelda, tem como objetivo mostrar tudo sobre o jogo. Então o seu layout não poupa de expor todo o mundo dele. Repare: as folhas na borda, a ilha do jogo... enfim. Ele também há bastante conteúdo. Esse é um site que faz você prender nele por um bom tempo.
Enfim, qualquer site que você for fazer, tente sempre ser original, inovador e fazer que o visitante fique mais preso nele. Agor um pequeno resumo sobre tudo o que eu falei nessa primeira parte:
- O layout (visual) do site sempre tem que ser objetivo para poder fluir melhor sua navegação;
- Deve ser de acordo com a necessidade e assunto de um site;
- Tem o maior objetivo de agradar a todos.
*************************************************************
Idéias - da onde elas surgem?
Como disse no breve resumo, as suas idéias podem vir do meio do nada ou quando você está visitando sites. Para te ajudar, separei um grande lista com sites que vão trazer muitas idéias para você. Visite cada um deles para poder extrair idéias novas. Mas lembre-se: apenas extrair idéias novas, não faça plágio.
http://www.renatocardoso.com/
http://www.fernandal...om.br/site.html
(sites a seguir retirado do Banana Design)
http://www.100porcento.net/
http://www.10socks.com/
http://www.2advanced.com/
http://www.australianinfront.com.au/
http://www.bacardi.com.br/
http://www.bossaevernova.com/
http://www.cea.com.br/
http://www.chipotle.com/
http://www.futurefarmers.com/
http://www.hungryfordesign.com/
http://www.imaginaryforces.com/
http://www.nike.com/...gues/index.html
http://www.polarisedizioni.com/
http://www.relevare.com/
http://www.revistadesign.com.br/
http://www.revistatrip.com.br/
http://www.secondstory.com/
http://www.sony.com.br/
http://www.suction.com/
http://www.surfstation.lu/
http://www.tattoo-world.ru/
http://www.tiagoteixeira.com.br/
http://www.mhk.com.br/
http://www.blitzds.com/
http://www.bratta.com/
http://www.mariaclaudiacortes.com/
http://www.derbauer.de/
http://www.giger.com/
http://www.kigot.com/
http://www.mediaramas.com/
http://www.netperformance.de/
http://www.newdeal.fr/
http://www.neostream.com/
http://www.praystation.com/
http://www.pringles.com/
http://www.scienceunderfire.com/
http://www.thunderhouse.com.br/
http://www.widedreams.com/
http://www.wireframe.co.za/
http://www.wmteam.de/
http://www.aamertaher.com/
http://www.mnh.si.edu/africanvoices
http://www.thunderho.../laramara_port/
http://www.geimaginationatwork.com/
http://www.mycity.com.br/
http://www.mtv.com.br/
http://www.osparalamas.com.br/
http://www.pixelpharmacy.com/
http://www.4efx.com.br/
http://www.coolhomepages.com/
http://www.coolestdesigns.com/
http://www.cwd.dk/
http://www.k10k.net/
http://www.moluv.com/
http://www.404design.hpg.ig.com.br/
http://www.brunofree.com.br/
http://www.elesbaoeharoldinho.com/
http://www.lynda.com/
http://www.marcomaia.com/
http://www.malencar.com/
http://www.meudicion...oda.hpg.com.br/
http://www.portomartinez.com/
(sites acima retirado do Banana Design)
http://www.vooz.co.kr/vooz/index.html
http://www.mumbleboy.com/mumbleboy/
http://www.17ftjellyfish.com/
http://www.youngaliveinlove.com/
http://www.audiodregs.com/
http://www.migrainee...tsyndicate.com/
http://www.musicrelated.net/
http://www.flipflopflyin.com/
http://www.ticki.net/
http://www.gagainc.com/
http://www.littlecakes.org/
http://www.milkyelep....com/index.html
http://www.tigorttigre.com.br/
http://www.lilicaripilica.com.br/
http://www.sonypictu...evilapocalypse/
http://disney.go.com...emo/index2.html
*************************************************************
Conhecimento - a chave para a criação do visual de um site
Mas extrair idéias, montar o site no papel não é tudo. Você precisa conhecer também as ferramentas certas para começar a criar o seu site. Mas não entre em pânico: devagar se vai ao longe e muito mais além. Você pode aprender a mexer em programas que são utlizados para fazer site e também aprender sobre design. Visite a seção do fórum para que encontre tópicos relacionados a cursos de design:
http://forum.wmonlin...p?showforum=166
Para saber mais sobre programas, nós temos seções especiais para isso, como Photoshop, CorelDraw, Fireworks... você pode começar a entrar lá. Poste suas dúvidas, enfim. Tente também aprender um pouco sozinho: no começo você pode até copiar idéias mas irá criar seu próprio estilo!
Photoshop - http://forum.wmonlin...9f&showforum=11
Tire suas dúvidas e aprenda mais sobre essa importante ferramenta na criação de layout para sites;
CorelDraw -http://forum.wmonline.com.br/index.phps=8e926bd6602730f974e2636a3f0e799f&showforum=13
Tire suas dúvidas e aprenda mais sobre essa importante ferramenta na criação de vetorias para o seu site;
Fireworks - http://forum.wmonlin...hp?showforum=12
Tire suas dúvidas e aprenda mais sobre essa impornate ferramenta que trabalha junto com o Dreamweaver;
Flash - http://forum.wmonlin...hp?showforum=14
Tire suas dúvidas e aprenda mais sobre essa importante ferramenta mais usada na criação de sites;
Fotografia - http://forum.wmonlin...p?showforum=146
Seu site também tem que ter uma boa fotografia. Aprenda mais sobre nessa seção.
*************************************************************
Deixarei esse tópico fechado. Se você tiver alguma matéria para que posso colocar aqui, por favor me envie por PM que estarei lendo e colocando aqui. Você também pode ajudar enviando sites para referencia de idéias.
Edição feita por: jack esqueleto, 01/11/2004, 17:51.
