Jump to content


Photo

Layout


  • Faça o login para participar
31 replies to this topic

#1 SlimShady

SlimShady

    OBS: Reflita

  • Usuários
  • 233 posts
  • Sexo:Não informado
  • Interesses:Edição de imagens, layouts e sites...

Posted 23/01/2004, 15:39

LAYOUT
SUA IDENTIDADE VIRTUAL
por SlimShady


Qualquer pessoa, com algum conhecimento em computação, bom gosto, paciência e dedicação pode desenvolver um web site, claro com alguns conhecimentos em design...

Ganhar dinheiro com isso pode ser mais fácil do que parece, mas vamos ver isso mais a frente...

Na vida real para que tudo tenha sucesso é preciso um planejamento, na web não é muito diferente, tudo preciso do primeiro passo.Primeiro você precisa descobrir seu publico alvo(em breve uma matéria sobre isto).Uma coisa muito importante do que deve ser feito nos layouts, e principalmente para você ter a sensação gratificante merecida é: nunca copie, expresse seu estilo no layout ; a melhor coisa de criar um site é vê-lo na internet, e você poder ver o seu reflexo nesse web site, mas claro, você também tem que pensar que o site não foi criado para você ver e sim para os internautas, o quê são milhares, e cada um com um gosto diferente, portanto ter um web site de sucesso e de agrado a todos não é uma coisa muito fácil...

Depois de ter planejado completamente seu site, você pode seguir algumas maneiras...um design bom, ou seja, um layout eficiente não sai assim do nada, sente na cadeira e comece a fazer, não é bem assim...lógico, tem gente que consegue apenas sentar na frente do computador e começar a fazer o site sem planejar nem nada, cada um tem a sua forma de fazer.Porém uma forma muito útil de planejar um layout é com duas coisas muito conhecidas: lápis e papel ; isso mesmo, uma forma muito eficiente de bolar um layout eficiente, coloque o planejamento do lado da folha e pense, pense, até sair alguma coisa no papel...Isso é uma forma, não necessariamente se você não conseguir fazer assim você é um péssimo designer, lógico que não.
Você pode claro, partir direto para o mais divertido, fazer, ou passar o layout para o computador.Pode-se usar varias ferramentas, como o Fireworks da Macromedia, ou o Photoshop da Adobe...todos muito utilizados, bom, escolha um e vamos começar a criar.
O “primeiro passo” para se criar um layout é escolher a resolução dele, se você escolher a resolução errada você pode estar excluindo milhares de internautas!Tome muito cuidado nessa hora.
Para desenvolver um layout para resolução 640x480 digite width 620 pixels e height X*
Para desenvolver um layout para resoluçãp 800x600 digite width 770 pixels e height X*
Para desenvolver um layout para resolução 1024x768 digite width 1000 e height X*
Lembre-se: você deve sempre utilizar modo RGB(se você estiver usando photoshop)
*X representa o tamanho vertical do seu layout, o que vai variar do tamanho do conteúdo.

LOGOTIPO(depois farei uma matéria sobre logotipos)
Caso você esteja desenvolvendo um web site para uma empresa, provavelmente eles já devem ter um logotipo, na maioria das vezes esta etapa não causa muitos problemas, mas as vezes pode causar problemas, por exemplo, quando o logotipo é horrível,geralmente possui todas as cores tipo arco-íris , três ou quatro fontes diferentes, alem de varias outras coisas sem conjunto.
Você sempre deve montar o web site de acordo com as cores do logotipo, então seja cauteloso.
Vejamos algumas sugestões de como resolver esta etapa:
1- Para evitar algum constrangimento, pesquise bastante sobre as cores e formas do logotipo já existente, depois procure uma paleta de cores que não comprometa o layout nem o logotipo.
2-O logotipo, é o que expressa o que é a empresa, ou web site, portanto, ele deve ficar em evidência, sempre.Não importa se é lindo ou uma aberração, sempre deve ficar exposto para fixação da marca do seu cliente(ou você mesmo).Portanto use o principio básico se não tiver mais o que fazer, alinhe o logotipo a esquerda, no topo de preferência ao lado dos banners.
3-Se o logotipo for realmente repugnante faça alguns ajustes básicos nele, como mudanças pequenas, como suavizar linhas etc, e diga ao seu cliente que foi algo necessário e que não comprometerá a marca.
4-Se o logotipo é realmente horrível, só resta uma coisa a fazer: refazer! ; refaça de acordo com a idéia do anterior, mantendo o que o cliente deseja.
MENU E NAVEGAÇÃO
Esta é uma etapa bem interessante e difícil de se fazer.
Para fazer um menu não basta você colocar as seções e pronto acabou.Não.
Se coloque no lugar do internauta, se ele chegou ao seu site por um site de busca por exemplo e seu site é de música por exemplo, ele esta a procura de programas de edição de música, se ele não vê uma categoria de programas em basicamente 30 segundos a um minuto no máximo ele vai embora e não volta mais.
Crie sub-categorias para seu menu se necessário, pense muito antes de fazer um menu.
Onde colocar o menu?
Ai depende muito, normalmente o menu fica a esquerda.Existem sites que ficam bem com o menu a direita, ou em cima.
Lembre-se sempre: não existe formula pronta para fazer um site ou um layout.Apenas use seus instintos, e seja autêntico.
DICAS PARA CRIAR UM MENU
Nunca use esses JavaScripts prontos ou de programas, FrontPage etc, para fazer botões.A não ser que seja algum javascript bem elaborado e bonito ao contrario destes....
O menu deve estar de acordo com o planejamento, ou seja, de acordo com as necessidades do seu cliente ou usuário.
1. Necessidade
2. Interesse do cliente
3. Grau de importância
O que mais importa em um menu é a organização, depois se for o caso de “cair bem” use “rollovers” ou imagens.
Caio Mora ( (e)studios AQUA )
www.estudios-aqua.com

#2 Stress

Stress
  • Visitantes

Posted 24/01/2004, 01:22

É + 1 tuto excelente, continue postando ++, ae p/ eu e outros amadores cresçam com suas idéias. q seja seus discípulos,ehehehehe.

#3 thalesalan

thalesalan
  • Visitantes

Posted 24/01/2004, 23:49

Eu adoraria ser um discípulo! heeheh! Gostei muito do artigo.. A parte dos menus ta muito interessante...

#4 Marcell Marra

Marcell Marra

    Expert

  • Usuários
  • 569 posts
  • Sexo:Não informado
  • Localidade:São José dos Campos - SP

Posted 25/01/2004, 01:42

Interessante, caro SlimShady.
m

procuro criatividade

#5 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 25/01/2004, 20:32

Cara, muito legal... Valew vc me deu vários toques...
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#6 Douglas

Douglas

    Super Veterano

  • Usuários
  • 1829 posts
  • Sexo:Não informado

Posted 07/03/2004, 16:58

resposta pra mtos users! vlw ae
quer meu msn?
não, não quer!

quer tirar duvidas no msn?
problema seu, aqui é um forum!

#7 Agente Linhares

Agente Linhares

    fuis...abraços!

  • Ex-Admins
  • 3138 posts
  • Sexo:Não informado
  • Localidade:Biritiba Mirim-SP

Posted 04/04/2004, 14:30

muito bom o tuto.

útil e bem explicado. (y)
> Busca On-line - A Busca que faltava na Internet! - Cadastre-se!
---------------------------------------------------------------------------
> BRdesign.NET - Soluções em Websites e Sistemas E-Commerce.
---------------------------------------------------------------------------
> BR-ecommerce - Sua loja virtual na internet! - Apenas R$99,90 mensais (hospedagem inclusa)!

#8 jokenorris

jokenorris

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 05/04/2004, 16:45

Valeu, SlimShady, mto bom artigo que vai me ajudar a aprender mais um (y) pouco...
Voce jamais deve duvidar do valor intrínseco de uma pessoa, por mais maculada de pecado que ela apresente.

#9 xleandro

xleandro

    Saber eh poder

  • Usuários
  • 359 posts
  • Sexo:Não informado
  • Localidade:ES
  • Interesses:Linguagens de programaçao, SO`s, hardwares e softwares.

Posted 05/04/2004, 17:03

Muito bom o artigo.

[]`s

:)
Nesta guerra jah conquistamos grandes e pequenas batalhas, desde as mais faceis ateh akelas que para qualquer outro mortal seria dita como inalcansavel, mas então, pq continuar? Simples...
Pq o mais importante não eh vencer todas as batalhas, mas sim perpetuar a guerra. ;o)

Meu fotolog: http://www.pixlog.net/xleandro
Leandro Pretti

#10 webforge

webforge

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado
  • Interesses:1- Busca Espiritual<br>2- Música<br>3- Informática

Posted 03/07/2004, 18:51

Mt bom =)

mas sem querer ser chato:

Quando vc vai postar outros????? ;)

esse já tá aí há mt tempo :D
" Onde estiver seu tesouro, lá estará seu coração" - Master Jesus

" A boca fala daquilo que o coração está cheio " - Master Jesus

#11 Malluco

Malluco

    Normal

  • Usuários
  • 86 posts
  • Sexo:Não informado

Posted 02/08/2004, 17:02

bom sim o tutorial, para iniciantes e amadores ja é um bom começo .. mais faltou você dizer da parte do conteudo das páginas e o rodapé, caso exista uma ... normalmente a maioria das pessoas usam rodapé para escrever sobre leis de copyright, sem mesmo saber para que serve. Mais to esquecendo de uma coisa, esse tutorial do cara ai foi escrito visando a parte do design, layout de um website eheheh.. bom, continue amigo, continue com seu tutorial pq esse ai ainda ta meio incompleto .. valeu, abraços !!!
$$$ I want money $$$

#12 BoNa

BoNa

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado
  • Localidade:Brasília
  • Interesses:Aprender muito.

Posted 16/09/2004, 09:18

legal mesmo, essas dicas são fundamentais, parabéns (y) (y) (y)

Edição feita por: BoNa, 16/09/2004, 09:18.

"A pior das sextas-feiras ainda é melhor do que a melhor das segundas-feiras..."

#13 LeviataN

LeviataN

    Veterano

  • Usuários
  • 1017 posts
  • Sexo:Masculino
  • Localidade:Ipatinga - MG

Posted 24/10/2004, 11:45

grandes dicas...até hoje não tinha lido esse post...meu deus, como a gente demora a perceber as coisas importantes....hehehheh

#14 primo

primo

    Turista

  • Usuários
  • 40 posts
  • Sexo:Não informado
  • Localidade:Telêmaco Borba - PR

Posted 13/03/2005, 19:10

Super show este tutorial!!! Parabéns!!!

Posted Image

#15 bycururu

bycururu

    Turista

  • Usuários
  • 28 posts
  • Sexo:Masculino
  • Localidade:Iraque

Posted 28/03/2005, 12:21

Realmente muito util ....valeu... (y) (y)


Boa
:shit:

— — — — —— — — — — — — — — — — — — — — — — — — — — — —
D e s I g u i n i m _ N o i s _ n a u m _ M a n j a _ N a D A
"Sabio Aquele q Naum Sabe Nada"

— — — — —— — — — — — — — — — — — — — — — — — — — — — —

Posted Image





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq