Duvidas No Dedsenvolvimento De Design Para Sites
#1
Posted 02/10/2003, 16:24
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
Posted 04/10/2003, 18:49
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!
falow então!
#3
Posted 04/10/2003, 19:08
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!
Edição feita por: sabrina, 04/10/2003, 19:47.
(Pablo Picasso)
Portishead • Massive Attack • Garbage • Evanescence • Björk • Nirvana • Chemical Brothers • White Stripes • Coldplay • Radiohead • Travis • Moby
"The darkness, the blackness, forever.."
#4
Posted 04/10/2003, 19:41
boa dica! mais organizado
#5
Posted 05/10/2003, 04:35
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.
"Toda experiência é válida!" - Henrique Behr
#6
Posted 07/10/2003, 08:45
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.
#7
Posted 19/01/2004, 12:27
POrfavor mi ajudem
#8
Posted 19/01/2004, 13:00
Aqui não é lugar para perguntar isso...vá até a seção Fireworks, e poste sua dúvida.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
#9
Posted 21/01/2004, 10:26
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)
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)