Ir para conteúdo
  • Cadastre-se

Daniel Leal Freitas

Membros
  • Total de itens

    11
  • Registrou-se em

  • Última visita

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

Conquistas de Daniel Leal Freitas

  1. Nunca houve uma época tão excitando para ser um webdesigner, mas sendo membro dessa profissão acelerada e em persistente mudança, eu provavelmente irei falar isso todos os anos até o fim da minha carreira. Mas com a industria de webdesign eufórica com as novas especificações como HTML5 e CSS3, e com novas fronteiras quebradas como a internet em portáteis, eu não pude evitar de imaginar como será o futuro e os próximos anos. Eis 4 previsões sobre o futuro do webdesign. Jacob Gube é fundador e editor chefe do Six Revisions, um website de desenvolvimento web e design popular, e vice editor da Design Instruct, uma revista online para webdesigners. Ele tem mais de sete anos de experiência profissional como desenvolvedor web e escreveu um livro sobre JavaScript conecte-se com ele através do Twitter. 1. Web em portáteis ganhará grande importância. A internet em aplicativos portáteis está sendo o assunto principal em webdesign nós últimos dois anos. Um pequena olhada no Dribbble, uma rede-social desenvolvida para designers compartilharem seus projetos, e você verá quantos de nós designers estamos trabalhando em aplicativos e interfaces para celulares e outros gadgets móveis. De qualquer forma, ainda da pra se dizer que a maioria dos websites não dá grande importância para sua presença em dispositivos portáteis. A maioria das instituições que realmente alteraram e deram importância para sua presença nesses dispositivos foram grande corporações, centros de técnologia e websites como Amazon.com, Google, e Digg. e outros websites aqui e ali que receberam essa atenção devido ao comprometimento de seus webdesigners. O que isso nos diz ? Se grandes empresas estão tomando esse cuidado e dando importância para sua presença em dispositivos móveis não irá passar muito tempo até que pequenas e médias empresas passem a enxergar que necessitam estar também em dispositivos móveis, então se você é webdesigner é uma boa opção se especializar nesse tipo de nicho pois haverá um grande mercado para ele hoje e no futuro (essa parte não é do artigo original, é uma adição do tradutor Daniel Leal Freitas) Aonde não vemos preocupação em implementar seus websites em dispositivos móveis hoje ? pequenas e médias empresas, ongs e websites governamentais não estão presentes nesses dispositivos e se não mudarem isso logo irão ficar para trás ao invés de estarem na linha de frente. De qualquer forma, companhias estão começando a enxergar os benefícios de estarem em dispositivos móveis. E nós próximos anos, nós veremos um grande aumento de websites em dispositivos móveis. Já existem várias ferramentas para lhe ajudar a criar websites para dispositivos móveis ; já é hora das empresas tomarem consciência e começarem a investir nessa área. 2. Veremos cada vez mais especialistas em determinadas áreas do Web Design Webdesigners estão diariamente recebendo mais funções e tendo que aprender coisas novas e diferentes. O que antes se limitava ao design HTML e CSS hoje se extendeu a desenvolver soluções para dispositivos móveis, aplicativos web, “rich internet”, aplicativos (RIA), gerenciadores de conteúdo (CMS) e muito mais. Nós estamos sendo obrigados a criar layouts que funcionem de maneira harmônica em monitores de grandes resoluções e ao mesmo tempo versões menores para dispositivos móveis e smartphones carregando Android. Isso nos leva a duas coisas. Segurança no trabalho é uma, pois isso abre a possibilidade de nos especializarmos em uma área e nos tornarmos especialistas em determinada área. No futuro, haverá uma grande estratificação do webdesigner. Nesse momento, designers de aplicativos web, designers de aplicativos para dispositivos móveis e designers tradicionais estão aprisionados ao título de “web designer”. Assim como em profissões como médicos e toda a área da medicina possui sub-áreas como oncologia, odontologia e neurologia, nos estamos próximos de ver uma divisão similar no ramo de web design. Eu posso ver especializações como “mobile web designer” (webdesigner de celular), webdesigner CMS (com outras subdivisões como WordPress, Drupal, etc…) e webdesigners especializados em interfaces RIA estão cada vez mais próximos de se tornar uma realidade comum. 3. Estética simples para websites. Está ocorrendo uma mudança de tendências na maneira que novos websites estão sendo projetados. Webdesigners estão esquecendo layouts complexos e exagerados, e estão optando por layouts simples e limpos com uma atenção maior nos pequenos detalhes, uma grande ênfase em tipografia – com ajuda das fontes para web e a chegada de formatos de fontes para a web (WOFF) – e interações mais fortes e ricas com a experiência do usuário 4.Webdesign irá substituir o Design Gráfico (ainda mais) Designers gráficos costumam produzir identidades visuais como logotipos, papéis timbrados, cartões de visita e outros materiais impressos. De qualquer forma, as empresas estão percebendo as oportunidades e a eficácia de fazer negócios através da internet. Empresários estão cada vez mais dedicados a colocar e melhorar a imagem de suas empresas na internet. Cartões de visita estão sendo substituídos por perfis no Twitter ou Facebook. Cartas, panfletos e papéis timbrados estão sendo substituidos por e-mail marketing, e newsletters feitos em HTML. Nós estaremos presenciando um futuro aonde isso irá acontecer cada vez mais. ferramentas de marketing tradicionais e impressas serão substituídas por novas ferramentas on-line. O que você vê no futuro do webdesign ? Se você é um webdesigner ou em uma profissão relacionada, que mudanças você acha que veremos no futuro ? Se você não é um webdesigner, que coisas você gostaria de ver nos websites do futuro, e que coisas você quer que vire história ? Compartilhe suas idéias nos comentários. Esse post é uma tradução e adaptação livre feita por Daniel Leal Freitas você pode ver o post original em http://www.novaz.com.br/blog/2011/01/4-previsoes-para-o-webdesign-de-2011/ e o original em inglês em http://www.novaz.com.br/blog/2011/01/4-previsoes-para-o-webdesign-de-2011/ inglês em http://mashable.com/2010/12/30/web-design-predictions/ Gostou do artigo ? Leia mais artigos destinados a webdesigners em www.novaz.com.br/blog
  2. Todos nós conhecemos ou somos geeks, mas o fato é que os geeks de hoje evoluiram e atingiram novas classes e definições, conheça as classes mais famosas e descubra em quais delas você se enquadra. eu pessoalmente sou um DESIGN GEEK. Post original: Novaz - Artigos e tutoriais intermediários e avançados Veja também : Como fazer um webdesigner pirar
  3. Confira nesse vídeo produzido por Daniel Leal Freitas a importância do manual da marca e como utiliza-lo. YDW9AMMPNA4 Fonte - Novaz: Manual da marca – Como utilizar e porque
  4. A importância de ter um logotipo de qualidade não pode ser subestimada. Um logotipo é a cara da empresa – é a primeira coisa que o cliente vê, e nós sabemos que a primeira impressão é a que fica. Com isso em mente, existem algumas características que todo logotipo deve ter, e essas características são bem conhecidas pela maioria dos designers novatos ou experientes. Na minha opnião existem 3 características que as boas logos compartilham: elas são flexíveis, elas são memoráveis e elas são simples. 1. Flexibilidade A maioria das empresas utilizam suas empresas em uma grande variedade de mídias. Algumas pequenas empresas tem somente um cartão de visitas e website. Mas futuramente pode aumentar sua publicidade colocando adesivos em sua frota de carros ou talvez faça publicidade em outdoors, o fato é que um logotipo pode ir em várias locais diferentes, e cada local suporta uma quantidade de cores e efeitos diferentes. Por causa da variedade aceita por esses locais – em questão de cor, formato, tamanho e interação com o cliente – fica claro uma coisa logotipos tem que ser flexíveis. Eles precisam ser bonitos em uma cor só. Eles precisam ser bonitos em preto e branco. eles precisam ser bonitos em pequenos tamanhos e em tamanhos maiores. Um logotipo que não passa por todas essas recomendações não pode ser uma boa logo. 2. Ser memorável A maioria dos logotipos famosos de grandes marcas como McDonald’s, Apple, NBC, etc – são memoráveis ou seja elas são fáceis de ser memorizar e fáceis de descrever. Criar uma logo memorável não é uma tarefa fácil, mas é algo que deve estar sempre em mente ao criar logotipos. logotipos desnecessariamente complexos e logotipos sem qualquer ligação ao negócio ou público-alvo são os logotipos que têm um árduo caminho a memorização. evite criar logotipos complexos e seu trabalho estará a um passo de ser memorável. 3. Simplicidade Talvez a forma mais efetiva para conseguir ser memóravel e flexível é seguir a regra numero 3: Simplicidade. Novamente olhe os logotipos de maior sucesso entre as marcas famosas McDonald’s, Apple ou NBC. Elas são acima de tudo simples, e são fáceis de lembrar. Logotipos muito complexas dificultam a interpretação do público e dificultam o logotipo de ser memorável. logotipos complexas demais não são algo para se orgulhar. Logotipos complexas desnecessariamente. com milhões de pequenos detalhes não são como desenhos ou pinturas com muitos detalhes. Logotipos complexos tendem a perder característica quando apresentados em pequenos formatos ou vistos de longas distâncias. Muitas cores irão prejudicar a visualização também e pode dificultar o trabalho ao criar layouts de materiais para impressão. lembre-se, simplicidade leva a uma logo memorável e flexível. Criar um logotipo é um trabalho árduo e exige muito do designer, ela é uma parte muito importante da identidade visual de uma empresa. Não existe uma fórmula pronta para desenvolver um logotipo de qualidade mas seguir essas 3 dicas com certeza irá facilitar o seu trabalho. Veja o post original - Novaz - 3 dicas rápidas para criar um logotipo Esse post é uma tradução livre, você pode ver o post original clicando aqui http://www.paper-leaf.com/blog/2010/11/3-quick-tips-for-great-logo-design/
  5. Entenda o processo criativo para a criação de um logotipo, do briefing a escolha do cliente. Video produzido por Daniel Leal Freitas. Não conseguiu ver o embed ? Clique aqui para ver o vídeo
  6. A propriedade text-shadow está por ai a algum tempo já e é usada para recriar efeitos de Drop Shadow comuns do photoshop, adicionando sombras, e ajudando a criar profundidade, dimensão e sobresair os elementos da página. Esses efeitos comuns não são todas as propriedades que a propriedade Text-Shadow é capaz, sendo criativo e brincando um pouco com as cores, offset e blur nós podemos criar alguns efeitos bem bonitos e interessantes. Saquem só esses seis efeitos de vintage/retro, inset, anaglyphic, fogo e board game nesse demo, então copie os códigos abaixo para criar esses efeitos em seus projetos. É necessário citar que você precisa de um browser moderno (Safari, Chrome, Firefox) para ver os efeitos em sua total gloria. Veja a demo Como o Text-Shadow funciona A propriedade text-shadow do CSS é usada para adicionar sombras a qualquer elemento do HTML. A sintase inclui valores para X-offset, Y-offset, quantidade de blur e finalmente a cor da sombra. Mas, você não precisa necessáriamente criar apenas uma sombra, você pode criar multiplas sombras adicionando mais valores e criar alguns efeitos realmente interessantes. Efeito de texto Vintage / Retro text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070; Como funciona: O efeito de texto vintage é feito de duas sombras, a primeira sombra é feita da mesma cor que o background, de maneira que faça parecer que a segunda sombra (a sombra fina preta) está mais abaixo do que realmente está. Lembre-se de escolher a cor correta do seu background para a primeira sombra, e use a mesma cor do texto para a segunda sombra. Veja a demo. Efeito de texto Neon text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; Como funciona: O efeito de texto neon é feito de 8 níveis de sombra. O texto é preenchido com a cor branca, e então é dado um valor maior e maior de blur para cada uma delas e ao mesmo tempo a cor vai ficando mais escura em cada uma delas. isso faz a sombra bem brilhante proxima do texto e cada vez mais escura a medida que se afasta. Veja a demo Efeito de texto Inset text-shadow: 0px 2px 3px #666; Como funciona: O efeito inset no texto é um dos mais comuns feitos com text-shadow. A sombra é projetada com um valor bem pequeno no Y-axis para dar a impressão de profundidade. Em background escuros sombra deve ser feita com uma cor mais clara, em background claros a sombra deve ser feita no topo do texto com uma sombra de cor escura. Veja a demo. Efeito de texto Anaglyphic text-shadow: 8px 8px 0 rgba(255,0,180,0.5); Como funciona: O efeito de texto anaglyphic recria um ótimo efeito de imagens 3D antigas. O efeito é recriado usando uma combinação de text-shadow e coloração RGBa. Usando RGBa no texto e nas sombras com valor alpha de 50% de transparência para que as sombras sejam vistas através do texto. Veja a demo Efeito de fogo no texto text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; Como funciona: O efeito de fogo no texto é outro efeito que utiliza vários níveis de sombra. Cada sombra tem um offset diferente e em diferente direções, ele utiliza varias configurações de blur combinadas com uma serie de cores dando a impressão da chama. Essas cores variam de brancos para amarelos passando por laranjas e tons ambar. Veja a demo Efeito de texto Board Game text-shadow: 10px 10px 0 #ffd217, 20px 20px 0 #5ac7ff, 30px 30px 0 #ffd217, 40px 40px 0 #5ac7ff; Como funciona: O efeito de texto board game é mais simpls, ele utiliza as sombras com valores cada vez maiores de offset, e utiliza cores alternadas. Não é utilizado blur para que as sombras se mantenham com contornos bem definidos e sejam reproduções do texto original. Veja a demo Esse artigo foi traduzido por Daniel Leal Freitas veja o post original[/url Esse post é uma tradução livre, você pode ver o original em inglêsclicando aqui
  7. A Microsoft lançou um conjunto de fontes com o Internet Explorer 5 que ficou conhecido como "Microsoft Core Fonts". Por que elas eram encontradas em computadores com Mac OS X e Windows, elas são chamadas pelos designers como "Fontes segurar para a web". Portanto essas fontes acabaram sendo as fontes mais utilizadas da internet algumas mais conhecidas que as outras... confira aqui essa lista de fontes seguras para a internet... Clique aqui para ver o artigo original ou veja ele logo abaixo Andale Mono (regular) Arial (regular, italic, bold, bold italic) Comic Sans (regular, bold) Courier New (regular, italic, bold, bold italic) Georgia (regular, italic, bold, bold italic) Impact Times New Roman (regular, italic, bold, bold italic) Trebuchet (regular, italic, bold, bold italic) Verdana (regular, italic, bold, bold italic) Webdings Esse post é uma tradução livre você pode ver o original em Microsoft Core Fonts for the Web
  8. Quem é que nunca teve aquele cliente que leva você a querer arrancar o cabelo da própria cabeça, nesse post conta uma historia dessa aonde um cliente faz o webdesigner simplesmente pirar de maneira bem humorada em forma de quadrinhos geniais do Oatmel Clique aqui par aver o artigo
  9. Acabo de traduzir um artigo do website Shashing Magazine: HTML 5 os fatos e os mitos Você não pode escapar. Todo mundo está falando sobre HTML5. Talvez uma das mais “hyped” tecnologias desde que as pessoas começaram a colocar cantos arredondados em tudo que é lugar e usar gradientes desnecessários. Em fato, muito do que as pessoas chamam de HTML5 é na verdade tecnologia antiga DHTML or AJAX. Misturada com alguma informação ou falta de informação, então aqui, um expecialista em Java Script Remy Sharp e Opera’s Bruce Lawson avaliam alguns mitos e algumas verdades geralmente mau compreendidas. Veja o artigo completo clicando aqui
  10. CSS é sem dúvida uma das mais importantes linguagens que nós usamos. Enquanto html fornece a estrutura que pode ser inconsistente e imprevisível entre browsers diferentes ou antigos. CSS funciona para resolver essas diferenças , e muitas vezes temos que ser criativos para resolver essas inconsistências. Abaixo está uma lista fantástica com 25 trechos de CSS que eu tenho certeza que serão extremamente úteis. Sendo você um desenvolvedor de web veterano ou se ainda está dando os primeiros passos no CSS. 25 trechos de CSS incrivelmente úteis
  11. Estava navegando por ai e encontrei um artigo escrito por Cayo Medeiros intitulado Por que me contratar E como também trabalho na área e achei muito interessante a forma com que ele abordou essa questão peguei as mesmas perguntas e respondi por conta própria você pode ver o resultado clicando aqui Obviamente dei os devidos créditos ao Cayo Medeiros e o parabenizei pela criatividade.
×
×
  • Criar Novo...