Jump to content


Photo

Duvidas No Dedsenvolvimento De Design Para Sites


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

#1 erickcouto

erickcouto

    Doutor

  • Banidos
  • PipPipPipPipPipPipPipPip
  • 709 posts
  • Sexo:Não informado

Posted 02/10/2003, 16:24

ola

quero saber qual a função do web designer quero saber se na hora de fazer um layout eu devo fazer pagina por pagina exemplo usando o fire eu faço apagina por pagina e salvo exemplo salvo pagina1.png pagina2.png e assim vai deepois fatio uma por uma ??

quero saber tudo que o web design tem que fazer para depois mandar para o programador e como facilitar a vida do amigo programador


me deem umas dicas boa por favor

#2 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 04/10/2003, 18:49

erick, cada um tem seu jeito, mas organizado, outros nem tanto..

Algumas dicas:

Manter os arquivos com nome relativos à pagina é uma boa, por ex.:
pagprodutos.htm(l) pagtal.htm (pag de página), vc não se perde depois...

é bom manter um padrão visual de página para q a identidade visual do site seja preservada. crie um template para manter o padrão e mude só necessário diferenciando as páginas, ok?

Qdo tiver muitos arquivos tipo fotos: fotofestaboate01.jpg , fotofestaboate02.jpg e por aí vai... mas pode abreviar, pra vc poder identificar pelo nome.

Manter unidade de cores, de preferência os da empresa, tbem mantém a unidade do todo.

fatiar uma a uma... é o jeito (quem sabe colocam um fatiador automático, mas é difícil...)

Faça sempre um esboço no papel da estrutura do site (links q levam a tal pag) como um organograma, saca? isso ajuda muito no projeto do site.

Para o programador é bom q ele saiba do funcionamento do site, pegar o "espírito da coisa"(site)

minimizar o máximo de tamanho de arquivos, salvando gráficos (desenhos e imagens chapadas) em .gif e fotos em .jpg

ajudou um pouco? espero q sim! (y)

falow então! :D

#3 sabrina

sabrina

    Normal

  • Usuários
  • 64 posts
  • Sexo:Não informado
  • Localidade:Concórdia - SC
  • Interesses:Tocar guitarra, assistir seriados ou filmes, falar inglês, ler, tirar fotos, ouvir música, desenhar, escrever, pintar, tudo que tem alguma relação com arte ou filosfia..

Posted 04/10/2003, 19:08

Pen, outra coisa legal que a gente pode indicar ao Erick é em relação ao uso das pastas, não deixar tudo largado numa pasta só.

Assim; se for um site de festas, tu faz uma pasta com o nome "fotos", aí várias dentro dessa: "mixclub", "tulipabar", "ryde", sabe?
Aí tu cria um esquema de categorias e sub categorias.. que facilita a organização e localização dos elementos do site.

Espero que isso seja útil! :D

Edição feita por: sabrina, 04/10/2003, 19:47.

"A Arte é uma mentira que nos ensina a compreender a verdade, pelo menos a verdade que - como homens - somos capazes de compreender"
(Pablo Picasso)


Portishead • Massive Attack • Garbage • Evanescence • Björk • Nirvana • Chemical Brothers • White Stripes • Coldplay • Radiohead • Travis • Moby

"The darkness, the blackness, forever.."

#4 PenDragon

PenDragon

    Super Veterano

  • Ex-Admins
  • 2192 posts
  • Sexo:Masculino
  • Localidade:Brasília - DF

Posted 04/10/2003, 19:41

Sabrina, exatamente!

boa dica! mais organizado :D (y)

#5 [FeNriS]

[FeNriS]

    j u s t . a . c u b e

  • Usuários
  • 364 posts
  • Sexo:Não informado
  • Localidade:Bauru-SP

Posted 05/10/2003, 04:35

Tipo, o lance é sempre vc ter o SEU padrão, saca?

Eu trampei um ano e meio com isso, e quando vc tem 5 projetos rodando ao memso tempo, cada um dum jeito diferente, c vc não tiver um padrão e uma linha de trabalho organizada, já era amigo.

Me usando como exemplo: um layout normal, feito no PS, recortado e trabalhado num editor HTML.

Dentro da pasta do site ficam SOMENTE os arquivos HTML, PHP ou o q seja.... aí eu crio uma Subpasta IMAGENS, onde ficam as figuras relativas ao site, dentro dela uma pasta FLASH pra banners e etc, outra FOTOS, outra WALLPAPERS, dependendo do site... e sempre a pastinha PSD, que não é uploadeada, contendo os arquivos fonte do site.

Outra pasta que eu sempre crio é a RESOURCES, que é onde ficam as folhas de CSS, JavaScript e todo tipo de INCLUDE possivel que eu possa usar no site.

E outra chamada OUTROS, essa eu não faço upload, que é a pasta onde eu ponho arquivos txt com atualizações, senha do cliente, e qualquer tipo de informação que vc costuma a esquecer rapidamente

Pra figuras, o lance que eu uso é sempre separar por qual parte do site ela se refere, por exmeplo "menu_produtos.jpg", "menu_produtos_over.jpg", "topo_esquerda.jpg", "topo_baixo.jpg"

Esse tipo de WORKFLOW é essencial pra vc manter um eskema de trampo organizado e nunca se perder... mantenha sempre os mesmos nomes, não tenha medo de criar pastas, enfim.... tudo que te ajudar e facilitar seu trabalho é bem-vindo.

Já pra "facilitar pro programador" como você disse.... bem, se vc trampa numa empresa é simples, vc cria as tabelas destinadas à onde irão os conteúdos dinâmicos, e insere COMENTÁRIOS (aqueles que começam com "<!--" e terminam com "-->", no HTML) do que se destinam às tabelas...

aí, se a empresa tiver um esquema bem feitinho, a programação do site é feita toda por includes... assim não arrisca do developer devolver seu layout todo estourado.

Bom, espero ter ajudado compartilhando minha experiência.
"Quem pensa pouco, erra muito." - DaVinci

"Toda experiência é válida!" - Henrique Behr

#6 Greenboy

Greenboy

    Normal

  • Usuários
  • 100 posts
  • Sexo:Não informado
  • Interesses:Photoshop, Fireworks, Dreamweaver, Design, Mulher e Mergulho

Posted 07/10/2003, 08:45

Bem, a galera já falou praticamente tudo.

Citaram a palavra include... na minha opinião isso deveria ser mais explorado, pois nada melhor que um include para padronizar algo.

Include é uma espécie de tag q permite colocar um html dentro de "outro". Outro está entre aspas, pois uma vez que vc tenha um html dentro, este terá de ser em shtml. É preciso saber se o seu servidor está configurado para receber esses arquivos.

Falando um pouco sobre as facilidades do SSI (server side includes).

Se vc tem várias páginas em html e coloca um texto no rodapé da página, endereço por exemplo. Aí vc se muda. Imagine q vc vai ter q mudar o endereço em todas as páginas. Tá lascado!!!! hehehehehe

Aí vc analisa no croqui (boneca, ou seja o rascunho do site) e vê o q vai ficar sempre estático. Informações q serão necessárias, mas q não terão muita atualização. Como por exemplo: topo, menu e rodapé. Vc pode criar includes para cada um destes e colocar no site. Aí qdo houver qualquer alteração vc faz só no arquivo necessário e automaticamente ele estará em todos os outros. Imagine vc incluir mais um ítem no menu e atualizar em todos.

O SSI proporciona muitas outras facilidades. Essas utilidades q mencionei não são necessárias nenhum conhecimento em programação, só um pouquinho de html e olhe lá, pois o dreamweaver tem uma atalho pra inserir SSI q é uma beleza.

Há ainda umas funções mais avançadas, mas não me sinto à vontade de falar sobre elas.

Vale a pena pesquisar e aplicar a técnica. Facilita bastante grandes sites.


Espero ter ajudado.
Maybe you only need to be yourself!

#7 doublebr

doublebr

    Novato no fórum

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

Posted 19/01/2004, 12:27

ai gente é assim eu fatio as imagens no fireworks mais na hora de prgramar no dreamweaver eu naum consigo. EX: Queru Botar Um Formulario Dentro De Um Quadrado Que Fiz No FireWorks?...
POrfavor mi ajudem

#8 Kenshin

Kenshin

    Damage Inc

  • Ex-Admins
  • 621 posts
  • Sexo:Não informado
  • Localidade:São Paulo - Zona Leste

Posted 19/01/2004, 13:00

ai gente é assim eu fatio as imagens no fireworks mais na hora de prgramar no dreamweaver eu naum consigo. EX: Queru Botar Um Formulario Dentro De Um Quadrado Que Fiz No FireWorks?...
POrfavor mi ajudem

Aqui não é lugar para perguntar isso...vá até a seção Fireworks, e poste sua dúvida. (y)
Posted Image

#9 oindigente

oindigente

    Novato no fórum

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

Posted 21/01/2004, 10:26

Primeiramente temos que fazer a diferenciação entre WEBDESIGNER e PROGRAMADOR-WEB.
A priori, a função do webdesigner é de criar toda a identidade visual do site, já o programador-web deverá estruturar o site através das LP`s disponíveis e melhor empregáveis em cada projeto.
O webdesigner deve ter em mente uma idéia de como o teu layout será montado e transformado num site propriamente dito, ter algum conhecimento em relação à usabilidade e navegabilidade de sites para melhor viabilizar seu layout sem que haja perda quando este for "construído".
Quanto a segunda pergunta, o webdesigner deve construir seu site mantendo sempre uma identidade visual entre sua página principal e seus "sub-sites", ou seja, manter uma harmonia visual entre os diferentes blocos de informações contidos no site e estabelecidos em sua largura e profundidade!
Lembrar sempre que o design deve ser construído com fundamento, ou seja, utilizar a tipografia e as cores de forma racional e com bases na idéia do site.
Um boa fonte de estudo para manter a harmonia visual do site, seria ler pelo menos superficialmente algo sobre as Leis da Gestalt e outras mais, para se ter um bom embasamento teórico!
Abraço,
Luís Eduardo
(Webdesigner, NÃO! curioso e mexedor, SIM)
" Pessoa criativa não é àquela que olha as estrelas e diz os nomes destas, mas sim os desenhos que estas formam entre si. "


Adobe Photoshop 7.0 Certified pela WOC [ Photoshop 7.0 Aplicado ]




1 user(s) are reading this topic

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

IPB Skin By Virteq