Dicas de Informática

Tendências em Web Design para 2011

2011-03-18T18:25:00.000-07:00

Web design é uma indústria instável. Assim como todas as outras formas de expressão artística, web design tem sofrido uma evolução contínua e surpreendentemente rápido.Depois de um parque infantil para os entusiastas, que se tornou agora um meio maduro rico com apelo estético e funcional forte. De fato, estamos experimentando o que poderia ser a era de ouro de Web design - ou pelo menos um período melhor até agora. Temos novas e poderosas ferramentas à nossa disposição (CSS3, HTML5, a incorporação de fontes, etc), uma infinidade de recursos disponíveis livremente, uma comunidade forte do projeto e também (se você precisasse de mais nada!) Suporte confiável dos padrões Web nos principais navegadores.

Nós estamos vendo a interação design melhor e esteticamente mais agradável projetos. E nós estamos vendo mais, atraente e memorável sites pessoais, também. Mas o que exatamente está fazendo a diferença? Que novos rumos é Web design posição hoje em dia? Quais as novas técnicas, conceitos e idéias estão se tornando importantes? Neste artigo, apresentamos algumas observações sobre o estado atual de Web design. Nós descrevemos existentes e as tendências futuras e explicar como Web design pode evoluir nos próximos meses e anos. Também vamos falar sobre o que nós, como os Web designers devem estar prontos para manter a par dos novos desafios e oportunidades.

Por favor note : este artigo é o primeiro de nossa série sobre o estado atual do web design. Para se certificar de que você não perca a segunda parte, assine o nosso feed RSSe siga-nos no Twitter .

1. Design para o prazer

Como designers, nosso trabalho é comunicar eficazmente as idéias. Para cada mensagem em particular, criamos um contexto em que a mensagem poderia funcionar melhor, orientando os usuários para a realização das suas tarefas, ganhando sua confiança e convencê-los de tudo o que estamos comunicando. É claro que existem infinitas maneiras de criar este contexto. Um deles é a concepção de estética visual, surpresa, alegria, felicidade - projeto para o prazer; projeto para ser inesquecível e marcante .

coisas atrativo trabalhar melhor e ajudar a focar e manter a atenção do usuário. Memorável design excitação aumenta para produtos e marcas, levando a um maior envolvimento. De fato, uma forte relação de confiança emocional entre seus clientes e seu público pode ser a melhor coisa que já acontece com a sua carreira.

Brizk estúdio de design tem um design esteticamente deslumbrante, com animações sutis, tipografia bonita e um layout limpo. Quando você passa o mouse sobre o pássaro vermelho no rodapé, uma pequena caixa de Twitter é revelado. Primeira classe de design que é um puro deleite.

Embora a grande maioria das marcas ainda estão em silêncio, passivo e impessoal, nós observamos mais sites se esforçando para envolver os nossos sentidos, seja através de um forte apelo estético, através de animações espirituoso no bloco de conteúdo ou simplesmente através de uma atenção extra para pequenos elementos de design na página "Sobre". Tais projetos são bonitas de se olhar, o divertimento para navegar, mas, mais importante, memorável - pela simples razão de que eles são diferentes. Ao adicionar delicioso toque pessoal às suas criações, você se destacar da multidão e dar aos visitantes algo para falar e compartilhar com amigos e colegas. E isso é um bom começo.

Você pode obter prazer em uma variedade de configurações: na sua página de modo de manutenção, na página de erro 404, em seu pre-loader, e todo o resto. A idéia é surpreender os visitantes, dando-lhes algo agradável para falar.

Bounty Bev
Bev Bounty é uma empresa de bebidas com um belo design de uma página. Além de seus efeitos hover sutil e animações, o site tem alguns recursos extras: se você rolar a página manualmente, com a roda do mouse, um pequeno pop-up aparece perguntando se você precisa de um elevador. A tipografia é forte e memorável, eo projeto é lúdico. Simples, claro e pessoal, o site deixa uma forte impressão positiva.

Analog.coop
Analógico fornece uma experiência muito pessoal para os visitantes. Quando você visitar a página, ele exibe onde você está localizado e informa os membros da equipe que estão mais próximas de você (no nosso caso, Alan e Jon, que são cerca de 500 quilômetros de distância em Bristol). O site tem um belo par de ovos de Páscoa que não são visíveis à primeira vista. Você pode querer brincar com o cabeçalho e as fotos da equipe. A página é apenas diversão para explorar.

Forrst
Lindo design atraente com elementos visuais e de navegação original - um projeto que consegue fazer uma boa impressão duradoura. Observe como o fundo da área superior da página muda quando a janela do navegador é redimensionada (Parallax-efeito). O "log in" caixa é bem legal também. Surpreendentemente, o formulário é construído com tabelas por algum motivo.

Billy Tamplin
Em seu blog, Billy Tamplin incide sobre as pequenas vitórias em sua vida. Cada post registra uma realização pessoal, exibindo um mérito crachá personalizados e uma explicação sobre a conquista. Billy usa esta metáfora por todo o site, falando do "super habilidades Web" (Agile CSS, PHP-preparados, IE6 reforçado, etc) e "design forças heróicas" (objetivo humano-amigável, detalhe criativo afiado, etc.) Ele também tem uma carteira pessoal no site. Observe bem o esquema de cores se encaixa no tema. O projeto é simples e bonita, e "conquista" da torção é incomum e inesquecível.

MIX
laboratórios MIX, um blog da comunidade para designers e desenvolvedores Web, não tem características escondidas, apelando animações ou efeitos hover impressionante. Em vez disso, ele tem um projeto consistente e visualmente atraente: você consegue identificar onde e quantas vezes círculos coloridos são repetidas em todo o site? O projeto enfatiza o conteúdo e tem um toque pessoal. Simplesmente lindo.

Sky Blue Currículos
Este site de uma pequena equipa de escritores currículo tem um casal de bom extras incomum no design: o cabeçalho contém uma animação em Flash nuvem que se encaixa perfeitamente a marca da empresa. O site também tem animações sutis e efeitos hover macio. E a página "Sobre" apresenta cada colega de trabalho de uma forma bastante original e memorável.

MailChimp
MailChimp fortemente incorpora a metáfora do macaco em todos os aspectos da sua concepção. Para informar os clientes sobre as recentes atualizações, MailChimp apresentar uma animação ASCII que informa ao usuário algo está acontecendo no fundo, esse detalhe legal é surpreendente e discreto. A empresa também utiliza uma linguagem pessoal, amigável e, talvez, ocasionalmente, nerd, ao abordar as necessidades do usuário. Esta é a parte da imagem que MailChimp pensativo preserva na sua aplicação web.

Versão Grande

Leitura

52 Semanas de UX: Design de Delight
Este artigo explica a importância do design para prazer e apresenta alguns sites que tentam envolver os sentidos do usuário.
Em defesa do Eye Candy
A pesquisa mostra que as coisas funcionem melhor atrativo. Como pensamos não pode ser separada da forma como nos sentimos. A próxima vez que um chefe, cliente ou colega de trabalho ridiculariza a noção de que beleza é importante interface design, apontar seus peepers aqui.
Matéria olha porque nós todos temos sentimentos
Discute a importância das emoções e da estética no design.

2. Keypress Navegação

Como designers tentam fazer seus projetos mais intuitiva, não é nenhuma surpresa que os sites estão se tornando mais ágil. Não só isso se aplica a interfaces de usuário em aplicativos da Web moderna (que estão se tornando tão robusto como aplicativos de desktop - e muitas vezes mais inteligentes), mas com a ampla adoção de bibliotecas JavaScript, "clássico" sites estão se tornando mais robusto e interativo, também. Uma forma de tornar os sítios Web mais ágil é através da "navegação keypress", que não tem sido amplamente adotada até agora. Mas ultimamente temos observado mais projetos de execução com sucesso. A definição mais popular para a navegação seja em sites de fotos como o Flickr ou FFFFOUND.

A ideia geral é dar aos usuários os atalhos de teclado que ajudam a executar tarefas tediosas, como navegar entre os posts do blog, movendo-se através de imagens em uma apresentação de slides, mudando a visão atual (por exemplo, a partir de uma grade horizontal para vertical) gosto de artigos, e navegar entre as seções de um website.Keypress navegação é comum em projetos baseados em Flash, mas agora estamos vendo que se aplicava a projetos baseados em CSS, também. Google Reader é um excelente exemplo de navegação keypress avançados, mas outros sites têm boas implementações, também.

Fazem Apps
Um par de meses atrás, eles fazem Apps começou a oferecer aos usuários a navegação pelo teclado liso e avançado como uma alternativa para a rolagem clássico. Usuários podem alternar entre os modos usando um menu drop-down na barra de navegação principal da página. Em "modo de navegação do teclado", os usuários utilizassem as setas do teclado para navegar entre os blocos de conteúdo, o "Retorno" chave acionou a visão detalhada e "Escape" retornou para a página principal. Por alguma razão, esta navegação não está disponível por mais tempo.

Fonte da imagem

Mad-ar.ch
site Marc Anton Dahmen é baseado em Flash, e sua navegação é bastante avançado: os usuários podem saltar para o formulário de contato com "c", imagens de escala com "-" e "+", e, em seguida, navegar e classificar imagens e rolar texto vertical teclas de seta.

Fonte da imagem

9GAG
9GAG é uma imagem social bookmarking site. Os usuários podem navegar para a imagem seguinte e anterior, através de "j" e "k", respectivamente. A imagem atual pode ser votado até usando o "l" (o amor): não necessárias de rolagem do mouse. Neste caso, um atalho para a exibição de grade seria útil também.

FFFFOUND!
Uma das primeira imagem social bookmarking sites, FFFFOUND oferece atalhos para ir para o topo da página ("h"), alterar a exibição das imagens ("v"), ver imagens ("k" e "j") e pular para a próxima página ("l").

Feta
Contudo um outro site baseado em Flash que permite que você use as teclas de seta para a esquerda e direita para percorrer os itens de uma seção, a tecla para baixo para selecionar a tecla para cima e para voltar.

NY Times: Times Skimmer
A página do New York Times 'visão geral tem muito avançados de navegação keypress. Os usuários podem usar as setas para navegar seções, zoom em usar "Shift", voltar ao topo com "t", atualizar a seção atual com o "r" e selecionar usando artigo "a" e as setas.Aprender as chaves é um pouco demorado, mas uma vez que você tem deles, ao navegar na página é muito mais fácil.

Pictory
PictoryMag, uma revista dedicada a histórias de fotografia, tem também "j" e "k" de navegação para ver as imagens.

Templates Grátis para lojas de E-commerce

2011-03-17T18:25:00.000-07:00

Para donos de sites que estão avaliando soluções de comércio eletrônico, existem várias boas opções para sites de alimentação e carrinhos de compras. Independentemente de qual opção você escolher, de decidir sobre um projeto traz consigo decisões ainda mais a fazer. É claro, um design personalizado é sempre uma opção, mas para aqueles que querem manter os custos baixos, os modelos são uma escolha popular. temas Premium e-commerce são fáceis de encontrar, mas podem ser caros. Livre comércio eletrônico modelos são difíceis de encontrar, e modelos de qualidade gratuitamente são ainda mais difíceis de encontrar.

Nós fizemos a pesquisa para você, e neste post, apresentamos 35 do gratuito de e-commerce da mais alta qualidade de modelos disponíveis. Existem modelos especialmente para o WordPress, Prestashop , osCommerce , Magento , Zen Cart , CubeCart e CRE Loaded, bem como uma série de e-commerce em geral modelos. Favor notar que esses modelos não são destinados a ser utilizados 1:1, mas deve ser usado como um esqueleto para a sua própria loja e, consequentemente, poupa muito trabalho, porque senão você teria que começar do zero.

1. Modelos WordPress

CleanBlue

et-preta

PrestaThemes
Uma coleção de templates de alta qualidade para PrestaShop.

Clean Blue
Uma coleção de livre CubeCart 3 Skins. grátis CubeCart Mais skins .

7. CRE Loaded Templates

Eletrônicos Loja | Download

Loja de roupas | Download

8. Geral E-Commerce Modelos

Os seguintes modelos foram criados com a finalidade de comércio eletrônico, mas não construiu um sistema específico. Se você pretende usar uma delas, ele teria de ser adaptada e integrada na solução de comércio eletrônico de sua escolha. Modelos com código HTML válido são marcados.

Ferramenta Shop | Download (HTML válido)

Pet Shop | Download (HTML válido)

Auto Peças | Download (HTML válido)

Roupas Coleção | Download

Gadgets Modelo | Download (HTML válido)

Online Movie Store | Download (HTML válido)

Livros on-line | Download (HTML válido)

Beleza Companhia | Download (HTML válido)

Loja de roupas | Download

Hardware Store | Download

Online Store | Download

Computer Store | Download

Mobile Phone Shop | Download

Oi-Fi Store Technics | Download

Eletrônicos Loja | Download

contato

2011-03-12T11:10:00.000-08:00

Valores de Publicidades:

****** Banner 468×60 (Topo) ******

Espaço: 2 anunciantes

Mensal: R$ 90,00

Semanal: R$ 25,00

****** Banner 728x90(Topo) ******

Espaço: 2 anunciantes

Mensal: R$ 90,00

Semanal: R$ 25,00

*****Baner 250 x 250

(Topo lateral) ******

Espaço: 2 anunciantesMensal: R$ 80,00

Semanal: R$ 25,00

*****Baner
160x600 ( lateral) ******

Espaço: 2 anunciantesMensal: R$ 80,00

Semanal: R$ 25,00

****** Link Na Barra (Topo) ******

Espaço: Indeterminado

Mensal: R$ 60,00

Semanal: R$ 20,00

****** Postagem (1ª Postagem) ******

Espaço: 1 anunciante

OBS: Será um artigo que ficará na primeira postagem no site, fazendo com que a publicidade tenha uma boa visibilidade. No artigo poderam conter texto, imagens e até flash se necessário.

Mensal: R$ 150,00

Semanal: R$ 40,00

****** Postagem (2ª Postagem) ******

Espaço: 1 anunciante

OBS: Será um artigo que ficará na segunda postagem no site, fazendo com que a publicidade tenha uma boa visibilidade. No artigo poderam conter texto, imagens e até flash se necessário.

Mensal: R$ 100,00

Semanal: R$ 25,00

Forma de Pagamento: Depósito/Transferência Bancária, PagSeguro e PayPal.
OBS: A publicidade iniciará logo após a confirmação do pagamento.

Observação:

- A criação da imagem será de responsabilidade do anunciante.
- Sendo que nesta imagem não poderá conter imagens pornográficas.

Aprenda a Ganhar Dinheiro com Afiliados Kit Ganhe Dinheiro On-Line.

2011-03-05T17:25:00.000-08:00

Do Dani Edson

muito simples! Primeiro você precisa adquirir o meu Kit Ganhe Dinheiro On-Line. Depois de adquirir o Kit, você deverá se cadastrar como meu afiliado. Ao se cadastrar como afiliado, você deverá informar o Número do seu Pedido de Compra do Kit e o endereço de e-mail que você usou para fazer sua compra do Kit. O sistema verificará se esses dados conferem com os dados da sua compra do Kit e em caso afirmativo, liberará o seu cadastro como afiliado.

Após fazer seu cadastro, você receberá os seus links personalizados para divulgar o meu KIT e o programa de afiliados na Internet. Daí por diante, comece a promover ao máximo tanto o Kit como o programa de afiliados, usando sempre os seus links personalizados (mas sem fazer SPAM!). Você pode atrair muitos interessados usando as estratégias de marketing que eu ensino no meu e-BookMARKETING PODEROSO NA INTERNET, que faz parte do KIT GANHE DINHEIRO ON-LINE.

Como afiliado, você terá a sua Área Restrita de Afiliado, onde terá acesso aos seus dados cadastrais e aos links e banners que poderá usar para divulgar o Kit e o Programa de Afiliados. Além disso, na sua área restrita de afiliado você também poderá acompanhar as estatísticas de suas atividades no programa: número de visitas que você enviou ao meu site, quantidade de pedidos e vendas gerados, entre outras.

Como Você Receberá seus Pagamentos

Você pode escolher entre três formas de receber seus pagamentos:

PagSeguro da UOL: Sistema brasileiro, somente para afiliados que moram no Brasil. Você pode abrir uma conta gratuitamente clicando no link. O PagSeguro descontará algumas pequenas taxas quando você receber cada pagamento e os pagamentos recebidos normalmente ficam bloqueados por 14 dias antes de ficarem disponíveis na sua conta. Depois desse período, você pode sacar seu dinheiro transferindo-o para uma conta bancária.
PayPal: Sistema internacional, para afiliado de qualquer parte do mundo. Você pode abrir uma conta gratuitamente clicando no link. O PayPal também descontará algumas pequenas taxas quando você receber cada pagamento e os pagamentos recebidos geralmente ficam dispníveis imediatamente para saques que podem ser feitos por meio de transferência para uma conta bancária ou creditados no seu cartão de crédito. Verifique no site do PayPal quais as formas de saque (ou resgate de fundos) que estão disponíveis no seu país.
Depósito em Conta Bancária do Banco Bradesco: Somente para afiliados que moram no Brasil que possuam conta no banco Bradesco. A conta pode ser corrente ou poupança. Você pode abrir uma conta POUPANÇA apenas para receber seus pagamentos. Para isso, dirija-se a uma agência do banco ou a uma agência dos Correios, já que existe uma parceria entre o Bradesco e os Correios. Na minha opinião pessoal, para quem mora no Brasil esta é a melhor maneira de receber seus pagamentos, pois não há desconto de taxas a cada pagamento recebido e o dinheiro estará disponível imediatamente para saque.

Ao se cadastrar como afiliado, você deverá informar por qual dos métodos acima deseja receber seus pagamentos e então fornecer os dados necessários sobre a sua conta para recebimento. Você será responsável por manter os seus dados de recebimento sempre atualizados para que não ocorram extravios de pagamentos.

Quando os Pagamentos são Feitos

As suas comissões serão creditadas na sua conta entre 15 e 25 dias após cada venda que você gerou. Por exemplo, se você gerou uma venda do meu KIT no dia 3 de um determinado mês, sua comissão por essa venda será depositada na sua conta entre os dias 18 e 28 do mesmo mês, e assim por diante. Esse prazo é necessário porque o demora 14 dias para creditar os pagamentos na minha conta. Não é necessário solicitar pagamento e não existe um valor mínimo para você receber seus pagamentos. Os pagamentos são feitos regularmente dentro dos prazos estipulados acima, desde que você tenha algum valor a receber do Programa.

Clique aqui para se cadastrar no Programa de Afiliados.

Aprenda a Ganhar Dinheiro com Blogs, Blogspot e WordPress.

2011-02-27T16:24:00.000-08:00

Como ganhar dinheiro com um Blogspot e WordPress?
Bom, é um sonho de muitas pessoas começar a ganhar dinheiro com blogs, a maioria acaba por ganhar alguns centavos e desiste. Mas é perfeitamente possivel, as vezes a paciência é a alma do negocio. Comecei a ganhar dinheiro usando o blogspot / blogger, há quem prefira owordpress mas o importante é escrever sobre algo que você goste, para depois não perder o interesse ( a maioria peca é aí ).

Vou fazer um breve rusumão simplificado...

Tutorial de como montar um site ou blog e ganhar dinheiro com ele !!!

1) PASSO - Nome
Isso é importante, vai influênciar nas pesquisas do google, recomendo usar este site para ver o nível de procura das palavras

Há varios por ai, recomendo o keyworddiscovery

2) PASSO - Domínio
Não é um pre-requisito esenssial, mais deixa mais profissional sem sombra de dúvidas.
Não quer gastar dinheiro em registro de domínios??
Fique tranquilo, achei um que ofecere dominios de graça, rapidamente você registra seu domínio e já pode ultilizá lo.
Se chama Co.CC, clique aqui para vê-lo

3) PASSO - Hospedagem
Hospedagem, você pode optar por usar o blogger ( blogspot ) ou o wordpress, mas haverá horas que se arrependerá por algumas falhas em seus serviços...
Recomendo terem uma conta em um "servidor separado", há muitos bons por aí, porem a maioria é pago e quando não é possui uma infinidade de propagandas.
Eu uso um gratuito e que não tem uma propaganda se quer, o espaço que me oferecem dá e sobra, por ser gratuito tenho 3 cadastros nele para separar melhor as coisas, e tambem como uma espécie de backup.
Realmente recomendo, Hospedagem gratis, clique aqui

4) PASSO - Ganhar dinheiro !!A maioria usa paypal para o recebimento, agora você tem uma infinidade de possibilidades. Irei citar aqui algumas daqui mais me deu dinheiro.

*Criar um blog com um unico conteudo especifico e usar o ADSENSE do google fazer o papel dele.

*Criar um blog de Downloads e "upar" alguns dos variados tipos de programas que agente acha na internet, particularmente acho este um dos jeitos mais faceis. Você irá ganhar dinheiro toda vez que alguem baixar alguma coisa, use o easy share para hospedar seus arquivos.

* Usar o Usercash para toda vez que alguem clicar em um de seus links você ganhar um dinheiro, o Ucash oferece mais, porem ultimamente andou dando o cano em muita gente.

* Use e abuse de programas de afiliados, recomendo o Aonde Namoro e o próprio000Webmaster ( sim, alem de um servidor de hospedaem profissional e gratuito ainda dá pra tirar uma grana com ele.

5) PASSO - Divulgaçao
Indexe seu blog no google,

Divulgue para amigos ( mas não seja spam )

Faça parcerias com outros blogs

Dicas de Informática

Tendências em Web Design para 2011

1. Design para o prazer

Leitura

2. Keypress Navegação

Templates Grátis para lojas de E-commerce

1. Modelos WordPress

3. Modelos osCommerce

4. Magento Templates

5. Zen Cart Templates

6. CubeCart Modelos

7. CRE Loaded Templates

8. Geral E-Commerce Modelos

contato

Forma de Pagamento: Depósito/Transferência Bancária, PagSeguro e PayPal.OBS: A publicidade iniciará logo após a confirmação do pagamento.

Aprenda a Ganhar Dinheiro com Afiliados Kit Ganhe Dinheiro On-Line.

Como Você Receberá seus Pagamentos

Quando os Pagamentos são Feitos

Aprenda a Ganhar Dinheiro com Blogs, Blogspot e WordPress.

Forma de Pagamento: Depósito/Transferência Bancária, PagSeguro e PayPal.
OBS: A publicidade iniciará logo após a confirmação do pagamento.