16:00 <Phobia> bom, vou começar
16:00 <Phobia> colarei aqui os topicos da aula :D
16:00 <Phobia> Topicos:
16:00 <Phobia> -Inicio: Oque e Design
16:00 <Phobia> -Letras: Como usar a tipografia
16:00 <Phobia> -Cores: Porque a importancia e como aplicar
16:00 <Phobia> -Navegabilidade: Porque a navegabilidade atrai os usuarios?
16:00 <Phobia> -Aplicação: Limpeza, uso e Web 2.0
16:00 <Phobia> -Finalizaçao: Como digerir essa sopa de letrinhas
16:00 <Phobia> -Extra: Peixe Grande 2006
16:00 <Phobia> Agora começar
16:01 <Phobia> Design e a configuraçao, elaboraçao, e definiçao de algum objeto
16:01 <Phobia> WebDesign no caso seria para a confecçao para sites
16:01 <Phobia> como a produçao de um logo, de um layout, entre outros
16:01 <Phobia> Design grafico porem e para a confecçao visual
16:01 <Phobia> para comunicaçao visual no caso
16:01 <Phobia> um dos primeiros pontos que quero falar e sobre Tipografia
16:02 <Phobia> Tipografia e o processo de criaçao de um texto, desde a escolha da letra, ate a confecçao do mesmo
16:02 <Phobia> esse e um dos pontos em que os WebDesigners mais pecam atualmente, pois nao sabem escolher direito o tipo da fonte a utilizar
16:02 <Phobia> e tambem a cor sera atribuida
16:03 <Phobia> por exemplo, eu tenho um site de jornalismo, entao escolho usar uma fonte rosa e redondinha
16:03 <Phobia> os leitores vao achar oque?!
16:03 <Phobia> que o site do jornal esta de palhaçada
16:03 <Phobia> um jornal deve ser serio, ou seja, usar uma tipografia mais solida
16:03 <Phobia> e que seja facilmente legivel
16:03 <Phobia> As vezes pensamos que e algo simples tipografia
16:03 <Phobia> que nao precisamos nos importar muito
16:03 <Phobia> mas se bem harmoniosa com o resto do site
16:04 <Phobia> pode ter certeza que os usuarios que visitarem seu site vao gostar ;)
16:04 <Phobia> ou seja, siga conforme o contexto do site, e a localizaçao
16:04 <Phobia> exemplo, coisas em destaque geralmente ficar em negrito
16:04 <Phobia> ou numa cor de maior destaque para aquela localidade
16:04 <Phobia> mas nada tambem que faça o usuario olhar diretamente para aquele ponto
16:05 <Phobia> ou seja, nao fiquem usando negrito, italico, etc a toa, use para destacar
16:05 <Phobia> a cor nao deve nunca se confundir com o fundo, tente usar uma cor clara, exemplo, fundo esbranquiçado, um cinza bem bonito e limpo
16:05 <Phobia> nada ilegivel, claro
16:06 <Phobia> agora como ja comecei a falar de cores com tipografia, citarei cores no geral
16:06 <Phobia> as cores elas geram efeitos muito fortes nos usuarios
16:06 <Phobia> cada cor tem seu "sentido", e misturada com outras, "outro sentido"
16:06 <Phobia> por exemplo
16:06 <Phobia> o simbolo do MC Donald's
16:06 <Phobia> amarelo com um vermelho, algo bem gritante
16:07 <Phobia> mas querendo ou nao, essas cores quentes na forma com que foram aplicadas
16:07 <Phobia> elas te dao a sensaçao de fome
16:07 <Phobia> e adivinha aonde voce vai tentar saciar sua fome!?
16:07 <Phobia> no MC Donald's
16:07 <Phobia> e +- essa a aplicaçao das cores
16:07 <Phobia> nao recomendo nunca, mas nunca mesmo usar cores muito quentes no seu site
16:07 <Phobia> pois elas vao gerar uma poluiçao visual indescritivel
16:07 <Phobia> e que ira espantar as pessoas
16:08 <Phobia> tente usar cores harmoniosas e leves, tipo um azul bem clarinho nas "boxes", ou um verde
16:08 <Phobia> mas, claro, uma cor sozinha nunca e "feliz', ela sempre deve estar acompanhada de outras
16:08 <Phobia> que fique parecendo algo bonito e com bastante harmonia
16:09 <Phobia> por exemplo, marrom, amarelo e vermelho fica bonito?
16:09 <Phobia> eu acho que muitos de voces nao iriam gostar MESMO
16:09 <Phobia> de ver um site com essas cores
16:09 <Phobia> so se muito bem aplicado
16:09 <Phobia> e ainda tem o conceito de que quantos menos cores melhor, tente sempre usar numa mesma "escala"
16:10 <Phobia> muitas cores confundem o usuario
16:10 <Phobia> e claro que voce nao vai querer que seus usuarios olhem seu site e pensem
16:10 <Phobia> "caramba, site feio!"
16:10 <Phobia> o problema e que um user falando, pode citar a outros conhecidos, que citam para outros
16:10 <Phobia> e seu site ja pegou uma certa "fama" ruim
16:11 <Phobia> tambem entra o ponto da navegabilidade com as cores
16:11 <Phobia> o usuario quer ver exatamente aonde ir
16:11 <Phobia> como ir
16:11 <Phobia> se ir, porque ir e como voltar
16:11 <Phobia> se ele souber esses pontos, pode ter certeza que a navegabilidade e objetividade do seu site e boa
16:12 <Phobia> e as cores influem nisso, pois o menu deve ter um certo destaque
16:12 <Phobia> so para garantir que o suario va ver
16:12 <Phobia> *usuario
16:12 <Phobia> pense
16:12 <Phobia> voce esta num site, o menu dele tem letras pequenas
16:12 <Phobia> que sao confundidas com o resto
16:13 <Phobia> entao voce consegue finalmente achar o menu, e o local para aonde queria ir a partir dele
16:13 <Phobia> entao voce vai, mas nao tem volta!
16:13 <Phobia> vce tera de voltar pelo browser, ou caçar denovo o menu
16:13 <Phobia> isso nao e muito agradavel certo?
16:13 <Phobia> ou seja, tenha um menu claro
16:14 <Phobia> que exprima bem as localidades do sei sote
16:14 <Phobia> *seu site
16:14 <Phobia> e tenha tambem bem claro de como voltar
16:14 <Phobia> tendo isso em mente, esta tudo ok, voce ja pode considerar que ha uma boa navegabilidade
16:14 <Phobia> agora ressaltar um ponto de cores que e importante tambem lembrarem
16:15 <Phobia> sobre sites de tons escuros
16:15 <Phobia> lembram daqueles sites "raquers" com umas caveirinhas no fundo, como animaçao gif?
16:15 <Phobia> e aquelas cores bem escuras para ninguem conseguir ler?
16:15 <Phobia> e, ainda existem sites assim
16:15 <Phobia> ou seja, quando forem usar cores escuras no site, usem com cuidado
16:15 <Phobia> pois gera alem de dor nos olhos, pode gerar pouca visibilidade
16:16 <Phobia> entao tenha algo que "clareie"
16:16 <Phobia> algumas localidades que deixem mais "claro" o seu site
16:17 <Phobia> entao, com cores extremamente escuras e frias se deve tomar cuidado, tenha algo que clareie
16:17 <Phobia> exemplo o logo
16:17 <Phobia> se voce tiver um logo mais clarinho, nao muito escuro, o seu site ficara mais visivel
16:18 <tbu-off> (Phobia)~%: fonte padrao como verdana preta ou branca.. se acha que é dificl nao se enquadrar em algum tipo de site?
16:18 <Phobia> tbu-off: olha, fonte branca e um horror, voce tem que saber bota-la no lugar certo, elas sao muito berrantes
16:18 <Phobia> preto tambem
16:19 <Phobia> verdana nao e muito um problemaaa, mas e muito padrao
16:19 <Phobia> tbu-off: criatividade e um dos principais pontos que te ajudara a ter um site bom
16:19 <Phobia> tbu-off: e que seus clientes gostem ;)
16:19 <tbu-off> [Phobia]: mas eh um tipo de fonte + preto que + se adequaca a varios sites nao?
16:19 <tbu-off> [Phobia]: beleza vlw ai :)
16:20 <Phobia> como eu disse ao tbu-off, criatividade
16:20 <LsA> apesar de verdana ser padrao
16:20 <Phobia> nao use os padroes de sites que passam para voce
16:20 <Phobia> tenham criatividade, isso atrai os clientes
16:20 <Phobia> e atrai MUITO
16:20 <poste9> É possível estudar o assunto e ser um bom webdesigner?
16:20 <LsA> se vc sober usar no local e canto certo
16:20 <Phobia> eles nao gostam de tudo igual
16:20 <poste9> independente do talento
16:20 <LsA> pode ficar show
16:20 <Phobia> sim LsA
16:20 <LsA> mas como tb pode ficar horrivel
16:20 <Phobia> LsA: tem que saber
16:20 <Phobia> LsA: e algo muito padrao, fica ou bom ou ruim
16:20 <Phobia> LsA: sem meio termo
16:21 <Phobia> poste9: irei falar no final da aula
16:21 <LsA> com certeza
16:21 <Phobia> pense LsA
16:21 <Phobia> seu cliente quer um site sobre arte
16:21 <Phobia> mais especificamente arte surrealista
16:21 <Phobia> voce vai fazer um site com fontes solidas, tudo "padrao"?
16:21 <Phobia> surrealismo e o "mundo dos sonhos"
16:21 <Phobia> voce poderia fazer algo bem misturado e "louco"
16:21 <Phobia> sem fazer poluiçao visual
16:22 <Phobia> usando por exemplo rosa chocke com marrom
16:22 <Phobia> hauheua
16:22 <Phobia> ia ficar uma lambança
16:22 <LsA> ja vem em minha cabeça de nao usar nada padrao
16:22 <Phobia> voce poderia no menu por exemplo
16:22 <Phobia> voce poderia colocar um peixe esticado com cabeça humana
16:22 <LsA> 'na minha'
16:22 <hamcore> fora do $() nao pega o valor da linha com o awk
16:22 <Phobia> e nele estariam as coisas do menu
16:22 <LsA> usar algo que se encaixe
16:22 <LsA> com a arte atual
16:22 <Phobia> sim LsA
16:23 <Phobia> assim LsA
16:23 <Phobia> devemos seguir oque nossos clientes pedem
16:23 <Phobia> mas se voce conseguir "extrapolar um pouco" para deixa-lo mais alegre
16:23 <Phobia> faça-o sem medo
16:23 <Phobia> agora falar sobre a aplicaçao
16:23 <Phobia> nao darei uma aula de como fazer seu site em 10 minutos agora
16:23 <Phobia> darei dicas mesmo
16:24 <Phobia> que voces seguem ou nao
16:24 <Phobia> fica a cargo de voces, e nao meu ;)
16:24 <grego22> ;)
16:24 <Phobia> aprendam ao maximo html, nao e algo longo
16:24 <Phobia> e somente um set de tags
16:24 <Phobia> nada mais
16:24 <Phobia> aprendam CSS
16:24 <Phobia> CSS e uma linguagem para aplicaçao de "estilos" no seu site
16:24 <Phobia> definir por exemplo
16:25 <Phobia> um padrao para a tag body do html
16:25 <Phobia> (css pode ser usado tambem em xml)
16:25 <Phobia> por exemplo
16:25 <Phobia> body { background-color: #FFFFFF }
16:25 <Phobia> isso em css
16:25 <Phobia> define a background-color (cor de fundo)
16:25 <Phobia> da tag <body> do html
16:25 <Phobia> atualmente os sites mais bem conceituados usam muito CSS
16:26 <Phobia> eu ja vi sites que a css era maior que a html do index
16:26 <Phobia> voce define posicionamento e tudo mais com CSS
16:26 <Phobia> ou seja, voce faria seu site com alguns <div> s e pronto
16:26 <Phobia> isso destroi o velho monstro das <table> s
16:26 <Phobia> que deixavam o site feio, "quadrado" e e digamos, incompativel
16:26 <charps> é pode cre
16:26 <Phobia> ainda se usa muito <table, que claro
16:27 <Phobia> se bem aplicado fica bom
16:27 <Phobia> mas unido com CSS fica perfeito :)
16:27 <charps> é pode cre
16:27 <Phobia> outro ponto a ressaltar sao os padroes definidos pela web standarts
16:27 <Phobia> nao tem essa de "manjar" de webstandarts
16:27 <Phobia> e algo que voce DEVE SEGUIR
16:28 <Phobia> pode ter certeza que ou voce segue ou ta no olho da rua provavelmente
16:28 <LsA> Phobia o meu por ex..
16:28 <LsA> meu css tem 27kb
16:28 <LsA> =x
16:28 <Phobia> a w3c definiu padroes
16:28 <Phobia> que evitam dos sites ficarem incompativeis por entre os browsers
16:28 <Phobia> ou seja, e muito importante segui-los
16:28 <Phobia> se nao seu cliente vai provavelmente te dar uns sopapos de raiva
16:28 <Phobia> ele te pede um site e voce faz algo que funciona somente no IEca
16:28 <Phobia> ou somente no FireFox!?
16:29 <Phobia> que diabos de profissional e voce
16:29 <Phobia> que nem seguir o cliente segue
16:31 <dead_inside[off]> alguem com muita propriedade disse: "o bom artista é aquele que faz arte com 2 palitos"
16:31 <tbu-off> haiuhauh
16:31 <Phobia> dead_inside[off]: bom artista e aquele que nao depende somente de um programa
16:31 <Phobia> dead_inside[off]: depende da criatividade
16:31 <dead_inside[off]> resumiu o que eu disse
16:31 <Phobia> falei sobre o webstandarts
16:32 <Phobia> outra dica que acho que e otimo seguir
16:32 <tbu-off> Estudo das Cores:
http://www.nafaixa.net/v1.2/art.php?fy=ver&id=19516:32 <Phobia> e aprender uma linguagem de script mesmo
16:32 <Phobia> para complementar o seu site
16:32 <Phobia> exemplo
16:32 <Phobia> PHP e/ou ASP
16:32 <Phobia> (prefiro php)
16:32 <charps> eu tb
16:32 <Phobia> e aprender o uso de flash, ajax, essas coisas
16:32 <charps> é free
16:32 <charps> uahuahuahuha
16:32 <Deathmoniac> colorschemer.com/online.html
16:32 <Deathmoniac> bom pra kem mexe com cores no css
16:32 <Phobia> ajax e extremamente recomendado junto a flash
16:32 <Phobia> porque com ambos
16:33 <Phobia> voce nao precisa ficar dando refresh na pagina
16:33 <Phobia> para poder receber os dados
16:33 <Phobia> por exemplo, com flash posso fazer um mini-joguinho
16:33 <Phobia> com ajax eu posso fazer algo como
16:33 <Phobia> um clicke em um link do menu
16:34 <Phobia> e ja atualizou a pagina sem dar refresh nem nada
16:34 <Phobia> ja ta tudo ok, o conteudo foi atualizado, etc
16:34 <Phobia> ajax e praticamente javascript + xml
16:34 <Phobia> javascript ja era um velho conhecido nosso
16:34 <Phobia> mas ajax ele controla mais as coisas
16:34 <Phobia> muitas "crianças"
16:34 <Phobia> faziam sites usando milhoes de javascripts
16:34 <Phobia> que eram alem de porcos
16:35 <Phobia> toscos, e deixavam o site travando a cada momento
16:35 <Phobia> ou seja, ajax controla isso
16:35 <Phobia> flash ja e mais, digamos, mais voltado a audi-video eu acho
16:35 <Phobia> ou seja, nao aprenda a utilizar somente 1 dos dois
16:35 <Phobia> aprenda a usar os dois e muitas outras tecnologias
16:35 <Phobia> os investimentos na nova web (web 2.0) sao enormes
16:36 <Phobia> ou seja, a concorrencia aumenta e tudo mais
16:36 <Phobia> voce deve tentar ser mais capacitado doque nunca
16:36 <Phobia> ou ficara para tras
16:36 <Phobia> use flashs da forma correta
16:36 <Phobia> porque nao e aquilo
16:36 <Phobia> "flash e tudo pesado e lento, so vai ferrar meu site"
16:36 <Phobia> ja vi sites usando flash levissimos
16:37 <Phobia> que na minha velha internet discada eu acessava sem muita dor de cabeça
16:37 <Phobia> ajax tambem deve serusado com cuidado
16:37 <Phobia> por segurança
16:37 <Phobia> pois e client-side
16:37 <Phobia> podem ver oque ha dentro, vide que e js ;)
16:37 <Phobia> bom, citar agora so sobre o concurso Peixe Grande 2006
16:37 <Phobia> ha uma otima revista chamada Web Design
16:37 <Phobia> eles fizeram um concurso para pegar os atuais talentos na area
16:38 <Phobia> e praticamente "impulsiona-los" para o mercado de trabalho
16:38 <Phobia> nao ha mais como se inscrever
16:38 <Phobia> e ja foram definidos os vencedores
16:38 <Phobia> para quem quiser maiores informaçoes
16:38 <Phobia>
http://www.arteccom.com.br/webdesign/peixegrande/16:38 <Phobia> bom, a aula foi curta, como eu disse foi somente uma "breve introduçao"
16:38 <Phobia> uma abordagem bem leve
16:38 <Phobia> duvidas?
16:38 <Phobia> dicas, criticas
16:38 <Phobia> a, meu contato
16:39 <Phobia>
[email protected]16:39 <Phobia> para quem quiser mandar mail
16:39 <__iMorTaL__> Phobia help disk?
16:39 <__iMorTaL__> hauhauhua
16:39 <Phobia> __iMorTaL__: hauehuaheua
16:39 <Phobia> __iMorTaL__: sei la, se quiserem contactar
16:39 <Phobia> nenhuma duvida, etc?
16:39 <dead_inside[off]> tu é webdesigner?
16:39 <VoZ_> eu gostei. tá legal mesmo. dicas úteis pra todo tipo de user.
16:39 <LsA> Phobia o meu tb
[email protected] se quizer um designer blz ?
16:39 <Renato_BHZ> Phobia, este assunto precisava ser abordado mesmo foi uma boa iniciativa
16:39 <LsA> hehehehe
16:39 <LsA> :D
16:40 <Phobia> dead_inside[off]: e mais um hobby
16:40 <Phobia> LsA: que?
16:40 <Phobia> Renato_BHZ: valeu
16:40 <dead_inside[off]> quem precisar de designer
[email protected] PROFISSIONAL OK!
16:40 <LsA> Renato_BHZ :P
16:40 <__iMorTaL__> Phobia hobby?
16:40 <__iMorTaL__> ;o
16:40 <Phobia> __iMorTaL__: ahueha, nao trabalho com isso
16:40 <LsA> Phobia meu contato caso tu precise de um designer ehehehehehhe
16:40 <LsA> :P
16:40 <Renato_BHZ> LsA, :p
16:40 <Phobia> LsA: a aula foi tao ruim assim? :P
16:40 <Renato_BHZ> Phobia, nao achei ....
16:41 <Phobia> Renato_BHZ: valeu, aheha
16:41 <Phobia> __iMorTaL__: eu nao trabalho com isso ainda
16:41 <Phobia> __iMorTaL__: ou seja, ainda e um hobby
16:41 <Renato_BHZ> abordou pontos interessantes e ignorados por muitos na hora de levar um projeto a frente
16:41 <Phobia> sim Renato_BHZ
16:41 <Phobia> pontos que eu queria ressaltar mesmo
16:41 <LsA> Phobia foi nao
16:41 <Phobia> eu nao queria dar uma aula tipo
16:41 <Phobia> "faça seu site em 10 minutos com Titiu Phobia!"
16:41 <Phobia> queria so falar os pontos que foram esquecidos
16:41 <charps> uahuhauhauha
16:41 <Phobia> e que tinham que ser lembrados
16:41 <Phobia> cansei dessas revistas e sites com tutoriais
16:42 <Phobia> "faça um website rapidinho com fulano"
16:42 <Phobia> isso faz e os "webdesigners" regredirem
16:42 <Renato_BHZ> e a forma de aula em canal isto funciona bem pq e uma conversa de via dupla
16:42 <charps> mais imagina k legau
16:42 <Phobia> sim
16:42 <charps> agora fasa uma tabela para topop
16:43 <__iMorTaL__> gostei tbm
16:43 <grego22> afinal
16:43 <d4ng3rmax> pow, agora q eu cheguei e ia fazer uma pergunta!
16:43 <d4ng3rmax> rs
16:43 <grego22> sou programador
16:43 <__iMorTaL__> apesar de q soh depois do fim vcs me obedeçeram
16:43 <__iMorTaL__> saduuasduhasddada
16:43 <Phobia> dead_inside[off]: fala ai
16:43 <grego22> tava so fucando vcs rsrs
16:44 <Phobia> hauehua
16:44 <Phobia> bom, valeu pessoal
16:44 <Phobia> \I
16:44 <grego22> e isso que vc falou de "cds com 100000 templates, coisas do tipo "faca em 10min" so acaba msm com as pessoas
16:45 <d4ng3rmax> eu ia compartilhar informações de porcentagem de fontes
16:46 <Phobia> d4ng3rmax: compartilhe uai
16:46 <d4ng3rmax> aew, vou fazer um desses chatzinhos igual o phobia fez com as minhas expsriências como faço?
16:47 <d4ng3rmax> vc jah deve ter percebido q mtos websites até renomados, utilizam fonte com parâmetros de porcentagem, certo?
16:47 <Renato_BHZ> Phobia, qual sua opiniao hoje que os programadores comecaram a levar a serio os padroes porem os programadores de alguns navegadores ainda nao
16:47 <Phobia> aheua
16:47 <dead_inside[off]> <Phobia> sabe de algum concurso de design que está por vir?
16:47 <Phobia> dead_inside[off]: ainda nao sei de nenhum, mas proximo ano tera mais um Peixe Grande
16:48 <Phobia> dead_inside[off]: vou recolher infos, esse ano acho que ta "fechada a temporada"
16:48 <Phobia> dead_inside[off]: mas proximo ano vao ter
16:48 <dead_inside[off]> da revista?
16:48 <dead_inside[off]> legal!
16:48 <Phobia> dead_inside[off]: yep, peixe grande 2007 vai ter
16:48 <Phobia> Renato_BHZ: assim
16:48 <Phobia> Renato_BHZ: acho que os navegadores tinham que estabelecer um padrao
16:48 <Phobia> Renato_BHZ: pois alem dos programadores de websites
16:48 <Phobia> Renato_BHZ: os programadores dos navegadores deveriam seguir os padroes w3c
16:48 <Phobia> Renato_BHZ: pense
16:49 <Phobia> Renato_BHZ: eles ficam no bembom
16:49 <Phobia> Renato_BHZ: e a gente se mata?
16:49 <d4ng3rmax> complementanto.. axo que o webstandard deixou de ser uma opção e está cada vez mais se tornando um objetivo dos browsers.. na minha opnião
16:49 <Phobia> Renato_BHZ: injusto nao?
16:49 <VoZ_> é... quem se rala somos nós
16:49 <VoZ_> kkkk
16:49 <Renato_BHZ> e nos ralando para seguir um padrao heheheeh
16:49 <Phobia> d4ng3rmax: repete tua pergunta
16:49 <Renato_BHZ> depois encher de gambiarras para funcionar em um navegadorx
16:49 <Phobia> d4ng3rmax: tem /clear altomatico aquo
16:49 <d4ng3rmax> vc jah deve ter percebido q mtos websites até renomados, utilizam fonte com parâmetros de porcentagem, certo?
16:49 <Phobia> *aqui
16:49 <Phobia> aheu
16:49 <euzinh4__> Phobia avalia um site meu ? :)
16:49 <Phobia> d4ng3rmax: sim
16:49 <Phobia> euzinh4__: claro
16:50 <Phobia> Renato_BHZ: sim!
16:50 <Phobia> Renato_BHZ: um css multi-browser
16:50 <Phobia> Renato_BHZ: ou um php que fica vendo que browser que e
16:50 <d4ng3rmax> na minha experiência com fontes, sugiro a todos trabalharem com pixels, pois a interpretação dos browsers é diferente em termos de porcentagem
16:50 <Phobia> Renato_BHZ: e rezar para achar decentemente
16:50 <Phobia> sim d4ng3rmax
16:51 <Phobia> d4ng3rmax: por pixel e tudo igual
16:51 <Phobia> d4ng3rmax: padrao em qualquer local
16:51 <tbu-off> eh véro!
16:51 <Phobia> d4ng3rmax: pixel e unidade imutavel basicamente.
