Jump to content

[Duvidas] WebDesign


malaquias

Recommended Posts

Boas,

- gostava de saber como fazem o design para o vosso site (se o preparam anteriormente no PS, se fazem tudo no Bloco de Notas ou noutro editor, se já vem feito lol).

- outra pergunta: como optimizo um site para um certa dimensao e para uns certos navegadores? ;)

Empathy! ;)

Link to post
Share on other sites
perdido_e_sozinho
Boas,

- gostava de saber como fazem o design para o vosso site (se o preparam anteriormente no PS, se fazem tudo no Bloco de Notas ou noutro editor, se já vem feito lol).

- outra pergunta: como optimizo um site para um certa dimensao e para uns certos navegadores? ;)

Empathy! ;)

A resposta às tuas perguntas depende do ponto de vista de cada designer. No meu caso desenho a estrutura em photoshop, recorto e salvo as imagens optimizadas em gifs e jpg's. Depois uso por exemplo o dreamweaver para montar a página propriamente dita.

Para optimizar um site para uma certa resolução e para vários navegadores é tantar usar as boas práticas de internet, definir a resolução mínima do site e testar a resolução pretendida. No caso dos browsers o dreamweaver possui uma ferramenta que detecta os erros mais comuns e o código não suportado por algumas versões de browsers.

Com os melhores cumprimentos,

Sérgio Matias

ser.gifsartim.gif

Link to post
Share on other sites

eu basicamente tb faço igual ao perdido_e_sozinho... desenho tudo no photoshop e tal como quero, recorto as imagens e gravo em gif/jpeg, a unica diferença depois, é que faço tudo a-la-pata num editor de texto. mas basicamente é isso.

mas cada um faz como quer, sempre podes desenhar aos bocadinhos e ir construindo o site ao mesmo tempo.

Link to post
Share on other sites

eu tambem faço a estrutura e botoes em photoshop. Para um site que eu estou a fxr ja tao feitos todos os que quero. Agora gostava de poder implementar isso em php. nao sei se da ou nao... Podiam-me dizer?

Link to post
Share on other sites

Eu vou fazendo em código e dps coloco as imagens que crio com o Fireworks (para mim melhor que o Photoshop para imagens com destino web. O PS é mais com destino de impressão em papel. Digam o que digam foi isso que aprendi).

Uso o editor de código do Dreamweaver, que é melhor, claro que o notepad uma vez que vai sugerindo código àmedida que escreves.

Nunca fiz dessa maneira de desenhar tudo no PS e dps montar. Mas sei que dessa forma dá melhor pra ver como fica.

Bom link esse de 250 pages sobre webdesign. Por acaso ontem andei à procura de noções de webdesign.

"Agora gostava de poder implementar isso em php. nao sei se da ou nao... Podiam-me dizer?" O PHP n tem nada a ver com o HTML.

O HTML é uma linguagem de formatação de texto e imagens tmb.

O PHP é uma linguagem de programação. Qualquer página com mais elementos que texto não-formatado em PHP tem de levar HTML senão era só texto (sem negrito, nem tipo de letra escolhido, etc).

Para meteres uma página HTML como se fosse PHP é só mudar a extensão do ficheiro para PHP. (Mas não muda nada visto que só a extensão é q é PHP, o conteúdo é HTML).

Redcodestudio - Programação Web - http://www.redcodestudio.com/

Link to post
Share on other sites
Eu vou fazendo em código e dps coloco as imagens que crio com o Fireworks (para mim melhor que o Photoshop para imagens com destino web. O PS é mais com destino de impressão em papel. Digam o que digam foi isso que aprendi).

ya, ms no fireworks n tens as mesmas potencialidades que tens no photoshop para criar todo o tipo de imagens que te vier a cabeça e teu conhecimento por photoshop te permite. podes sempre criar as iamgens no phtooshop e dps usar o fireworks para gravares as imagens optimizadas para a web, ou tb tens o imageready para isso, alias, o photoshop tem mesmo opção para "exportar para a web".

Link to post
Share on other sites

Eu vejo mais o Photoshop como editor de imagens do que como criador das mesmas. Mas sei que é mais completo que o Fireworks. Contudo, iso não quer dizer que o Fireworks não seja capaz de fazer todo o tipo de imagens que o Photoshop consegue.

A concorrência é mais fireworks vs image ready do fireworks vc photoshop. A adobe que decida o que fazer com esses programas visto que comprou a macromedia.

Redcodestudio - Programação Web - http://www.redcodestudio.com/

Link to post
Share on other sites

Eu fiz o meu site no bloco de notas tirando o logo a dizer "unknown.pt", mas tbm nao está nada de grande coisa, os do perdido_e_sozinho são mais elaborados pelo que ficam muito melhores :thumbsup:

Link to post
Share on other sites

Eu sou viciado em Photoshop, foi o primeiro programa que eu marrei, marrei e marrei para sêr Mestre.Para sêr um bom web designer é preciso saber jogar com as cores e ter creative e organização.Agora existem gaijos por ai que armam-se assim dizendo em webdesigners quando no fundo nem sabem jogar com as cores.Metem um fundo preto e por metem um côr que um gaijo nem consegue lêr o que la esta escrito.Enfim !!!

E vai mexendo no Photoshop, muitas pessoas não gostam mas acredita que é o melhor, sobretudo na parte dos Plugins, brushes, patterns etc...

Link to post
Share on other sites
Knitter

Boas!

Acho que não deverias perguntar como nós fazemos, penso que cada um tem a sua forma especial de programar/desenhar/trabalhar.

Se seguires as práticas correctas para a web acho que acabas por encontrar a tua forma de fazer as coisas.

Photoshop, Paint Shop Pro, Macromedia Fireworks, Dreamweaver, notepad, tudo isso são ferramentas, e como todas as ferramentas o resultado depende muito de quem as usa.

Pessoalmente e para responder à tua pergunta, uso notepad++, que descobri aqui no forúm, e o fireworks, que é usado no instituto onde estudo.

Para sêr um bom web designer é preciso saber jogar com as cores e ter creative e organização.

Organização é fundamental na área de informática.

Criatividade ajuda muito no caso de design, seja ele web ou não.

E conhecer os standards, muito importante, conhecer os standards W3C e as regras por eles definidas, pensar realmente nos utilizadores. Cada vez mais se dá importância ao aspecto sem preocupação com a funcionalidade.

Se estás a começar com web design, e isto é opinião pessoal, acho que deverias pensar em largar a técnica de slicing, é uma técnica que provoca muito problemas a nível de acessibilidade, um conceito muito importante no casa do design de interfaces, e é também uma técnica que o bot do google não gosta :P

Link to post
Share on other sites
aparicio

Para ser sincero uso uma folha de papel caneta preta e vamos nós!

adoro uma tabela tabela perfeita (completa sem merged cells) e uns includes.

ninguem te vai dizer como deves fazer.

desde que gostes, te sintas bem com o que fizeste. Deve estar tudo bem!

e é claro depois pergunta a alguem que conheças para te dizer o k melhorar pois nada está a 100%

um abraço

Link to post
Share on other sites

Boas!

Acho que não deverias perguntar como nós fazemos, penso que cada um tem a sua forma especial de programar/desenhar/trabalhar.

Se seguires as práticas correctas para a web acho que acabas por encontrar a tua forma de fazer as coisas.

Photoshop, Paint Shop Pro, Macromedia Fireworks, Dreamweaver, notepad, tudo isso são ferramentas, e como todas as ferramentas o resultado depende muito de quem as usa.

Pessoalmente e para responder à tua pergunta, uso notepad++, que descobri aqui no forúm, e o fireworks, que é usado no instituto onde estudo.

Para sêr um bom web designer é preciso saber jogar com as cores e ter creative e organização.

Organização é fundamental na área de informática.

Criatividade ajuda muito no caso de design, seja ele web ou não.

E conhecer os standards, muito importante, conhecer os standards W3C e as regras por eles definidas, pensar realmente nos utilizadores. Cada vez mais se dá importância ao aspecto sem preocupação com a funcionalidade.

Se estás a começar com web design, e isto é opinião pessoal, acho que deverias pensar em largar a técnica de slicing, é uma técnica que provoca muito problemas a nível de acessibilidade, um conceito muito importante no casa do design de interfaces, e é também uma técnica que o bot do google não gosta :P

Uso muito a ferramenta do Slicing tool no Photoshop CS2, mas se dizer para não utilizar o Slicing que ferramenta deveremos utilizar para dividir os botões, menus etc... ?

Link to post
Share on other sites
perdido_e_sozinho

Uso muito a ferramenta do Slicing tool no Photoshop CS2, mas se dizer para não utilizar o Slicing que ferramenta deveremos utilizar para dividir os botões, menus etc... ?

Provavelmente o que Knitter queria dizer é nem sempre é necessário usar slices, uma vez que o tableless faz pouco uso disso mesmo. O uso dos padrões trás muitas vantagens e pode ajudar a melhorar o desenvolvimento, evitando o uso excessivo de tags table, tr e td que complicam e carregam muito o design.

Lembrem-se que no webdesign há mais do que uma maneira de esfolar um gato.

Com os melhores cumprimentos,

Sérgio Matias

ser.gifsartim.gif

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.