Fireworks - A importância das cores em um projeto web

Arquivo de (Fireworks) por Felipe Cardozo em 10-07-2008 - 3,383 visualizações

Tags: , ,

a a a

Salve, salve rapaziada, estou na área com mais uma vídeo aula especial de Fireworks. Na verdade, esta vídeo aula é uma da mais importantes desde quando o MX nasceu. Iremos aprender o básico do básico para você se tornar um webdesigner. Iremos aprender a trabalhar com cores derivadas e desenvolver projetos bonitos.

Espero que gostem!

Permalink

Comentários:

#1.
FONTENELENo Gravatar comentou:
Felipe muito bom, são esses detalhes que deixam o designer muito melhor e mais profissional, valeu abraços.
Comentado em: 10 Jul, 6:23 pm
#2.
Leandro Gomes da SilvaNo Gravatar comentou:
Felipe, esse videolog demora muiro pra abrir, vocês podiam disponibilizar os videos no youtube também…
Comentado em: 10 Jul, 6:37 pm
#3.
Felipe WebNo Gravatar comentou:
Muito boa essa aula, eu estava precisando muito desse esquema aí, valew…
Comentado em: 10 Jul, 6:43 pm
#4.
Thiago Nascimento Alves RetondarNo Gravatar comentou:
Muito interressante essa matéria.

Ficou muito boa!

Parabéns!

Comentado em: 10 Jul, 6:44 pm
#5.
Felipe CardozoNo Gravatar comentou:
Fontenelle, Leandro, Felipe, Thiago, valeuuu!

Leandro, a videolog, foi a melhor solução que encontramos para por as vídeo aulas, levando em conta que o youtube so permite vídeos com no máximo 10 minutos de duração e o vídeo log não tem esse problema.

Em tempo: Fiz esta vídeo aula, gravei em um DVD, fui a uma lanhouse para poder postar, pois meu velox ainda não vou migrado.

[]´s

Comentado em: 10 Jul, 6:48 pm
#6.
Diego SantanaNo Gravatar comentou:
show de bola, muito bom!!!!
Comentado em: 10 Jul, 7:32 pm
#7.
rannyereNo Gravatar comentou:
parabens felipe muito bom, vc poderia colocar uma aula de com colocar uma busca interna em um site feito em html!!!! coloca ai velhinho. valeu !
Comentado em: 10 Jul, 7:36 pm
#8.
Franklin CostaNo Gravatar comentou:
Boa Felipe! vlw.
Comentado em: 10 Jul, 8:54 pm
#9.
RicardoNo Gravatar comentou:
Show de bola essa video aula, eu to começando agora na area da web, para mim é uma area que tende a crescer muito, sou fã do site.

Até mais

Comentado em: 10 Jul, 9:23 pm
#10.
José CarlosNo Gravatar comentou:
Como baixar estes videos no video log.. alguem sabe…
Comentado em: 10 Jul, 11:32 pm
#11.
israelNo Gravatar comentou:
Salve salve Felipe
bem legal mesmo essa matéria
muito interessante
esse assunto.
Comentado em: 10 Jul, 11:38 pm
#12.
Marcos César V. MacielNo Gravatar comentou:
Felipe, gostei muito dessa dica, realmente nessa área são coisas simples que fazem a diferença do site, tornando mais agradavel. Abção espero que sempre continue esse trabalho super legal, que tem me ajudado pakas…
Comentado em: 10 Jul, 11:39 pm
#13.
LucasNo Gravatar comentou:
Aleluia, quanto tempo sem posts..
Vlw.
Comentado em: 11 Jul, 3:30 am
#14.
Jober CostaNo Gravatar comentou:
muito interessante essa dica de cores Felipe!!! mais uma vídeo aula super importante! mas falando em cores… gostaria de saber como faço para criar aquelas tabelas com sombras e sobras por traz do site todo como eu vejo em muitos sites? um abraço!
Comentado em: 11 Jul, 9:19 am
#15.
Rfael VelosoNo Gravatar comentou:
Bacana Felipe, sabemos que o site deu uma parada mais não abandonamos o mx hehehe… estamos no aguardo mxwebtv

t+ um abraço

Comentado em: 11 Jul, 1:13 pm
#16.
Marcio FerreiraNo Gravatar comentou:
Cara, muito bom, sempre vcs são ótimos, valew!!!
Poxa pq não tem mais as vídeos aulas disponíveis para baixar???
Que pena
Abraço vcs estão de parabéns
Comentado em: 11 Jul, 1:14 pm
#17.
EduardoNo Gravatar comentou:
Felipe fiz um site é esse bem aki…http://www.funkdascomunidades.com da uma olhada e vê se ta maneiro..
Eu ja assisiiti muitas video aulas mais as suas sao as que mais aajudam…obrigado pela força de estar sempre fortalecendo geral..obrigado mesmo

Aew diz ai o ki vc axou do site..quero criticas construtivas…VLW

Comentado em: 11 Jul, 3:58 pm
#18.
Max-BH/MGNo Gravatar comentou:
Felipe blz?

Se não me engano existe um site q trata desse assunto de cores, variações e combinações. Nele, existem palhetas com muitas cores e combinações entre elas.
Vc sabe me dizer qual é?

Valew
Max.

Comentado em: 11 Jul, 5:10 pm
#19.
Lucas AlmeidaNo Gravatar comentou:
Legal mesmo o tutorial pra quem tá começando…

..Maas eu tenho uma pergunta fora do assunto…

» Que programa vocês usam pra fazer as vídeo-aulas?

Comentado em: 11 Jul, 6:11 pm
#20.
RennanNo Gravatar comentou:
É isso ai Felipe, muito boa…
Aula simples mas bem eficiente… VLW
Comentado em: 11 Jul, 7:31 pm
#21.
EDER SIOLINo Gravatar comentou:
muito bom essa dica….Parabéns mais uma vez!
Comentado em: 11 Jul, 11:08 pm
#22.
Felipe CardozoNo Gravatar comentou:
Valeu Rapaziada.

Lucas, usamos o Camtasia Studio 5.

[]´s

Comentado em: 12 Jul, 12:22 am
#23.
Felipe CardozoNo Gravatar comentou:
Eduardo, vamos lá!

Bom, primeiro erro:

1. A borda vermelha em torno do “ENTRAR” não combina com o site. Além disso, aquele azul está primitivo. Nesta vídeo aula acima eu falo disso.

2. Como seu site é um mini-portal não há a necessidade daquela introdução.

3. Aquele player de música não caiu legal acima do topo. tente colocá-lo na sidebar (Barra Lateral).

4. O conteúdo está meio embolado. Tente diagramar com um pouco mais de espaço entre eles. Por isso que eu prefiro a resolução de 1024px.

Bom, fora isso seu site está legal, porem efetuando estas alterações propostas, ficará show.

[]´s

Comentado em: 12 Jul, 12:29 am
#24.
Felipe CardozoNo Gravatar comentou:
MAX, tudo certo?

Neste blog tem um artigo interessante sobre isso: http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette

[]´s

Comentado em: 12 Jul, 12:41 am
#25.
Felipe CardozoNo Gravatar comentou:
Olá Márcio, infelizmente não estamos mais disponibilizando as vídeo aulas para download.

[]´s

Comentado em: 12 Jul, 12:43 am
#26.
EnioNo Gravatar comentou:
Cara mando super bem!
cara esse site muito bom ;]
to ficando muito mas profissional aqui.
vlw’s filipe
Comentado em: 12 Jul, 2:00 pm
#27.
Lucas AlmeidaNo Gravatar comentou:
Vlw Felipe! ^^
Era esse mesmo..tinha ouvido falar mas já não lembrava mais o nome!
…outra pergunta…Se eu fizer umas video-aulas, ces colocam aqui no mx masters? precisa nem me por como colunista..
Eu ja mecho no fireworks a muito tempo.E no dreamweaver também..
E eu também sei o básico de flash..
Comentado em: 12 Jul, 4:11 pm
#28.
NelsonNo Gravatar comentou:
Boa noite feloipe!
Eu queria saber se e muito dificil fazer, uma chamada da segunda pagina,sem mudar o topo e as laterais, eu queria que mudase so o meio , e possivel.
eu não queria que desse reflexe nessa mudança,nem no topo e as laterais
eu não sei se me expliquei direito
Antecipadamente obrigado.
ha eu ja fiz meu site tudo baseado na sua video aula, fiquei muito contente de colocar no ar. sou amador mais pretendo melhor cada vez mais.
Vlw pela ajuda FelipeAbraços
Comentado em: 12 Jul, 10:54 pm
#29.
NelsonNo Gravatar comentou:
Muito boa a video aula importância das cores,
Vlw mesmo Felipe vc esta de parabéns!
Comentado em: 12 Jul, 11:24 pm
#30.
AndréNo Gravatar comentou:
Eu achava interessante quando agente podia baixar o vídeo
Comentado em: 13 Jul, 12:09 am
#31.
AndréNo Gravatar comentou:
Felipe, me tira uma dúvida simples aqui, falar “logomarca” é correto?

o certo não é dizer Logotipo? eu li em um artigo que o correto, quando se trata de logo é dizer “logotipo”

Obrigado

Comentado em: 13 Jul, 12:39 pm
#32.
NelsonNo Gravatar comentou:
Bom Dia Felipe!
Aqui não podi perguntar mais nada para vc?
porque vc tira as minhas perguntas do ar
eu tenho uma duvida vc deve ter lido, tem algum lugar que eu possa ver sua resposta.
Antecipadamente obrigado.
Comentado em: 13 Jul, 1:48 pm
#33.
AndréNo Gravatar comentou:
escrevi aqui uma dúvida em em relação a se dizer “logomarca” e “logotipo”…será que foi apagado?

obrigado

Comentado em: 14 Jul, 12:47 am
#34.
Amilton CesarNo Gravatar comentou:
Muito boa a vídeo aula, mas cá entre nós, quem nao ter uma idéia disso que você disse na vídeo-aula ai, não esta pronto para começar, acredito eu. E outra coisa, maluco é quem usar essa ferramenta que voce mostrou por ultimo ai na aula.. hehe

mas valeu ae.. =)

Comentado em: 14 Jul, 2:34 pm
#35.
Max-BH/MGNo Gravatar comentou:
baixar do vídeo log?

ixiiiiiiiiiiiiiiii

Comentado em: 14 Jul, 3:18 pm
#36.
Max-BH/MGNo Gravatar comentou:
O negócio é comprar os DVD´s do Felipe e Aleixo.
São muito bem organizados.
Vídeo aulas com 20 minutos ou mais.
Tudo filezinho.
Não sou garoto propaganda, mas os caras merecem vender e muito!
É o primeiro site no Brasil voltado pra essa área.
Parabéns Felipe e a galera do MX.
Comentado em: 14 Jul, 3:21 pm
#37.
Philippe MeierNo Gravatar comentou:
Fala rapaz, conheci esse site faz dois dias e estou adorando as aulas. Está me ajudando bastante, tirando umas duvidas que eu tinhas, de como fazer certas coisas. Tenho algumas duvidas cruciais, ficar fazendo tudo de cabeçada é bem dificil. Quando eu conseguir assistir a todas as aulas, de todos os assuntos que são de interesse, havendo mais duidas, gostaria de manda-las!

agora, um coment fora do assunto:

Legal saber que és de Nova Iguaçu… nasci na tijuca e morei por ai durante uns 10 anos ou mais….hj moro na serra. Aliás, não sei se é o mesmo, mas se for, estudei com um rapaz do site… pois havia um Felipe Feitosa na minha sala eeheheh,,, mas tudo bem, parabéns pelo site!

Comentado em: 14 Jul, 10:38 pm
#38.
Felipe CardozoNo Gravatar comentou:
Lucas, tudo certo?

Mande o link de algumas vídeo aulas para darmos uma conferida.

Mande para contato[@]mxmasters.com.br

[]´s

Comentado em: 15 Jul, 1:40 am
#39.
Felipe CardozoNo Gravatar comentou:
Olá Nelson. bom, para mudar so o meio, sem atualizar o resto do conteúdo, somente com Ajax. Porém, com include, você consegue atualizar o centro (miolo do site), mas o restante atualiza também.

[]´s

Comentado em: 15 Jul, 1:42 am
#40.
Felipe CardozoNo Gravatar comentou:
André. Infelizmente as vídeo aulas não podem ser baixadas pelos seguintes motivos:

1. A videolog ainda não liberou esta opção.

2. Isso demanda tempo e tivemos que escolher, ou fazemos as vídeo aulas ou perdemos tempo compactando e colocando para download em servidores lentos.

[]´s

Comentado em: 15 Jul, 1:44 am
#41.
Felipe CardozoNo Gravatar comentou:
Nelson, como você pôde te visto nos inúmeros comentários aqui no MX, estes últimos dias têm sido de correria pra mim e para o Aleixo. Todos os comentários aqui no MX são autorizados (Desde que sejam comentários redundantes ou que ofenda alguém ). Peço paciência aos amigos, mas a partir de amanhã tudo entra nos eixos…
Comentado em: 15 Jul, 1:48 am
#42.
Felipe CardozoNo Gravatar comentou:
André, ambos estão corretos levando se em conta uma coisa chamada NEOLOGISMO.

O que é Neologismo?

Neologismo é um fenômeno linguístico que consiste na criação de uma palavra ou expressão nova, ou na atribuição de novo sentido a uma antiga. Pode ser fruto de um comportamento espontâneo, próprio do ser humano e da linguagem, ou artificial, para fins pejorativos ou não.

Pode também referir-se a uma nova doutrina no campo da Teologia que procura esclarecer o significado e significante das expressões presentes nas traduções bíblicas.

Ou seja, tanto um quanto o outro passam a mesma impressão linguistica e de significância.

[]´s

Comentado em: 15 Jul, 1:52 am
#43.
Felipe CardozoNo Gravatar comentou:
Amilton, com certeza, mas meu primeiro site foi um carnaval de cores primitivas e eu tenho recebido muiiiitos templates para avaliar com esse defeito. E isso é a base da base…

[]´s

Comentado em: 15 Jul, 1:56 am
#44.
Felipe CardozoNo Gravatar comentou:
Fala meu conterrâneo e quase xará! Seja bem vindo!

O Felipe Feitosa morou em Belford Roxo. Pode ser que vocês tenham estudado juntos sim.

[]´s

Comentado em: 15 Jul, 2:02 am
#45.
Frederico EngelsNo Gravatar comentou:
Como faço para baixar as videoaulas do site??
Comentado em: 15 Jul, 10:54 am
#46.
MarcianoNo Gravatar comentou:
Muito boa materia… Este site esta otimo devido sempre estar atualizado com assuntos novos e diferentes.
Comentado em: 15 Jul, 3:48 pm
#47.
Thiago Augustus de OliveriaNo Gravatar comentou:
Muito legal essa video aula.. parabéns!!!
Comentado em: 15 Jul, 4:50 pm
#48.
Thiago Nascimento Alves RetondarNo Gravatar comentou:
E o MXWEBTV?
Comentado em: 15 Jul, 5:06 pm
#49.
Felipe CardozoNo Gravatar comentou:
Frederico, tudo certo?

Infelizmente não há a possibilidade das vídeo aulas serem baixadas.

[]´s

Comentado em: 15 Jul, 8:04 pm
#50.
allison silvaNo Gravatar comentou:
aew filipão…deixando meu salve aee pra galera da mx e agradeçendo pelas video aula cara….ta me ajudando pacas e boa sorte aii com o MXwebTV.
Comentado em: 16 Jul, 12:42 am
#51.
Gustavo CarvalhoNo Gravatar comentou:
Felipe tenho uma duvida, em video aulas passadas sobre fireworks você mostrou como q mudava a fonte , cor , tamanho e etc dos textos em todas as páginas de uma vez só elo CSS, tem como eu mudar alem de textos imagens e arquivos em flash no site?
Valeu Felipe e parabens pelo MX WebTV !!!!!!!
FLW…
Comentado em: 16 Jul, 4:04 pm
#52.
Felipe CardozoNo Gravatar comentou:
Olá Gustavo, tudo certo?

Com flash não tem como, a não ser que seja integrado com xml e banco de dados. Aí pode ser feito mudanças no SWF.

[]´s

Comentado em: 17 Jul, 1:35 am
#53.
Victor DesingNo Gravatar comentou:
simplismente fantástico..
Comentado em: 17 Jul, 7:30 pm
#54.
EdsonNo Gravatar comentou:
Fala aew felipe, eu venho acompanhando seu trabalho a um mes mais ou menos, e a uma semana eu já tinha uns 700mb em vídeo-aulas suas( oq na net discada é quase um milagre). vc poderia me mandar seu e-mail?é q eu estou com dúvidas em um layout feito no fireworks e qria te pedir uma ajuda.Vlw, não esquecer de te mandar teu e-mail não. qualquer coisa meu e-mail é ebf.junin@gmail.com
Vlw
Comentado em: 18 Jul, 4:22 pm
#55.
Felipe CardozoNo Gravatar comentou:
Edson, o e-mail é contato[@]mxmasters.com.br

[]´s

Comentado em: 20 Jul, 12:10 am
#56.
Gustavo CarvalhoNo Gravatar comentou:
Felipe oque eu quiz dizer é se tem como eu mudar imagens doseite pelo CSS, tipo: Voce mostro q tem como mudar a fonte de todo o site em um unico arquico “estilo.css” . Tem como mudar as imagens de todas as paginas de uma só vez? Ex: o topo
Muito obrigado.
Comentado em: 20 Jul, 7:14 pm
#57.
Felipe CardozoNo Gravatar comentou:
Gustavo, entendi agora. Sim. Se as imagens estiverem como backgrounds no CSS, você muda tudo pelo arquivo dos estilos.

[]´s

Comentado em: 21 Jul, 12:14 pm
#58.
AbnerNo Gravatar comentou:
Muito bom dicas legais e importantes.

valeu || MXMASTERS ||

Comentado em: 21 Jul, 1:00 pm
#59.
Gustavo CarvalhoNo Gravatar comentou:
Como seria esse script pra mudar as imagens?
Comentado em: 21 Jul, 1:06 pm
#60.
Felipe CardozoNo Gravatar comentou:
Não é script. É pelo próprio CSS, no background.

[]´s

Comentado em: 22 Jul, 10:31 am
#61.
Gustavo CarvalhoNo Gravatar comentou:
Felipe estou com uma duvida muito importante, no meu site q esta em construção masi ja coloquei na net : http://www.tudownload.com.br/index.html , e o segunte fiz um menu dropdown no fireworks e exportei como html , importei o html pro dreamweaver, qnd eu aperto F12 pra ver o menu funciona direitino, hospedei o site e o menu não funciona. Voce pode me ajudar quanto a isso? Ahh ele gerou um arquivo JS. Obrigado.
Comentado em: 22 Jul, 3:34 pm
#62.
Fernanda ViscontiNo Gravatar comentou:
Parabens Meninos!! o site ta muito bom e o programa esta cadavez melhor,muito sucesso para vocês! torço por vocês!
Beijos
Comentado em: 28 Jul, 11:33 pm
#63.
Irineu L.F.No Gravatar comentou:
Felipe, és un professor nota 10, assisto tuas aulas e aprendo muito! Continue assim, abraço!
Comentado em: 15 Ago, 12:36 am
#64.
André NascimentoNo Gravatar comentou:
Fala Felipe

Brother to com uma dúvida, mas primeiro quero agradecer mais uma vez pelo ótimo material que você disponbiliza pra gente, ainda sou novato mas ja peguei meu primeiro trabalho para fazer…

A dúvida é a seguinte…

O site seria de uma psicóloga, só me diga uma coisa com relação a cores, voce disse que cores derivadas são a melhor saída para um projeto, neste caso cores claras seria a melhor?

Outra coisa, eu fiz um layout salvei ele no Fireworks, ex: layout.png, mas ao abrir ele não consigo editá-lo…. fica parecendo uma figura…. o que eu faço…..

Cara espero não estar atrapalhando e tamos ai….

Abração… e Sucesso

Comentado em: 02 Set, 10:41 am
#65.
Danilo dos Santos SilvaNo Gravatar comentou:
Concerteza Felipe as cores enfluenciam muito em um site, pra falar verdade não sou muito bom em sites mais sempre que possivel venho aprendendo algo e aqui na MX Master é minha nova escola dijital :)
Comentado em: 05 Set, 7:45 pm
#66.
Felipe CardozoNo Gravatar comentou:

André, tudo certo?
Bom, isso vai depender do projeto. Varia muito.

Fazer sites com cores derivadas, não quer dizer que o site não possa ter cores claras. Existem cores derivadas escuras ou claras.

No caso de sites de psicologia, hospital, médico, dentista e afins, o ideal é fazer sites que tragam paz, harmonia, tranquilidade, limpeza, clareza e por aí vai…

Sobre seu problema, pode ser que na hora que você foi alvar como png, esqueceu uma opçãozinha selecionada como jpg. Neste caso meu amigo, infelizmente, você perdeu o seu arquivo fonte. :(

[]´s

Comentado em: 06 Set, 3:26 am
#67.
Raul FernandesNo Gravatar comentou:
Felipe Cardoso, quero aproveitar e lhe agradecer, pois através das suas videos aulas estou conseguindo desenvolver meu site profissional e o melhor de tudo não gastei nenhum tustão pagando pra um webmaster. Estou desenvolvendo um site de telemensagens graças aos conhecimentos aqui adquiridos e em breve ele estará na rede.
Adorei essa video aula e já apliquei os conhecimentos no meu projeto, mas uma vez agradeço e desejo muito sucesso para a equipe MX.

Vlw…

Comentado em: 01 Out, 1:08 am
#68.
Filipe GoesNo Gravatar comentou:
Parabéns pelo site!
A toda equipe.
Comentado em: 08 Out, 7:26 pm