1) Praticar o olhar analítico, percebendo as propriedades visuais das imagens, no dia-a-dia

“Temos a tendência em ‘fechar’ a Gestalt rapidamente, atitude responsável por ‘pasteurizar’ muitas criações nossas. Precisamos ser hábeis em mudar de paradigma perceptivo para explorarmos novas possibilidades de gestalt além das óbvias – e para isso vamos desenvolver o olhar analítico – sem deixar de trabalhar o olhar livre, criativo – até porque a habilidade analítica nos deixa muito mais à vontade, seguros para ‘soltar a mente’ no olhar criativo, livre. A pressa acelera ainda mais a velocidade da gestalt – é preciso desacelerar esse processo, aumentando o tempo de percepção da imagem – desprendendo-se do automatismo sensorial e enxergando novos valores, ainda que a partir de uma imagem
velha.”

2) Identificar posições etnocêntricas e praticar a visão global

“É fundamental se posicionar como radar de pensamentos, idéias e tendências, fazendo o máximo esforço para compreender a diversidade em que vivem as pessoas, principais razões do webdesign, da comunicação, da arte. É preciso compreender as realidades alheias, por mais que, muitas vezes, não concordemos nem compartilhemos de algumas atribuições predicativas (ruim, errado, certo, bom, mau etc.) a respeito de qualquer objeto, ser ou situação. É assim que nos transformamos em poderosas antenas de percepção sensorial/criativa, gerando nossas próprias opiniões, mas aceitando que nossos valores, nossas idéias, não são nem piores e nem melhores do que as dos outros, e sim, diferentes. É importante nos policiarmos para buscar compreender as situações e idéias das quais discordamos ou nutrimos alguma aversão, tentando vê-las do ponto de vista de quem as defende.”

3) Laboratório usando interfaces colaborativas

“Criar comunidades o mais impensáveis possíveis e vídeos com potencial viral, no YouTube. Aproveitar a facilidade e a visibilidade desses ambientes para projetar experiências livres.”

4) Registro de qualquer idéia ou fragmento

“Nunca usar o computador sem um arquivo aberto em algum editor de texto ou e-mail, para evitar a preguiça de abrir o software, achando que a idéia ou o fragmento serão percebidos novamente. Idéias e observações interessantes sobre qualquer assunto do nosso interesse pessoal e profissional devem ser registrados. O próprio ato de anotar cria vínculos mnemônicos entre fragmentos de idéias, aumentando a habilidade de produzir novos fragmentos, que vão dar origem às grandes e boas idéias.”

5) Imagens sensoriais

“Registro e observação, análise, de imagens de qualquer natureza, baixadas no decorrer do dia; imagens que gerem interesse suficiente para que as baixemos, não estando relacionadas necessariamente a projetos. Isso vai gerar reflexos mnemônicos pouco previsíveis quando retornarmos a elas, posteriormente.”

6) Brief-feeding

“Leitura do material por três vezes. Imersão e percepção total do material primordial de trabalho.”

7) Interface updating

“Pesquisar semanalmente novas extensões para o Firefox, para o Gmail, enfim, para as interfaces que você utiliza regularmente, mantendo-se atualizado, aproveitando os novos facilitadores que surgem a cada dia.”

8) Tomada de posições / lapidar opiniões em “estado bruto”

“Uma das etapas mais importantes do esforço sinergético é, sem dúvida, o estudo de referências. Mas como fazer um bom estudo de referências se não somos hábeis em tomar posições? Quero dizer que, opiniões como ‘acho bacana’ ou ‘esse layout é legal’, expressam sentimentos válidos, mas se esses são os únicos atributos que você encontra em
web design, design gráfico ou artes plásticas, está mostrando que esses seus sentimentos estão em estado bruto, ou seja, aquela comunicação visual ‘mexeu com você’, mas você não encontra mecanismos para desconstruir essa impressão, definindo exatamente o que mexeu com você e por que. Design pode ser muito bacana por razões bem definidas, e isso é importantíssimo para nós que criamos e desenvolvemos.

Para apurarmos nosso senso crítico visual, é fundamental que nos comportemos como artistas. O design é capítulo fundamental na história da arte, e nós, que vivemos a pós-modernidade, fazemos parte dessa história. Diferente das artes plásticas, que trabalham focalizando a expressão do artista, o design, ou ainda, o web design é um desafio diferente: precisamos distribuir nossa atenção para os aspectos práticos, comerciais ou utilitários, enquanto expressamos nossa arte. No dia-a-dia das agências, infelizmente, os designers não têm tempo para essa auto-avaliação e acabam por receberem o rótulo de ‘peões digitais’, isto é, uma força de trabalho capaz de operar software. Se for o seu caso, puxe o freio de emergência agora.”

9) Estudo teórico/prático de assuntos relacionados ao web design/arte

“Por rodízio. Exemplo: segunda-feira: tipografia / terça-feira: história da arte / quarta-feira: programação Flash etc.”

10) Leitura livre recreativa ou vídeo por, pelo menos, 30 minutos

“Videoarte, literatura, poesia, quadrinhos, romance, qualquer tipo de leitura de qualidade.”

11) Aprender a amar o que deve ser amado, sem se apegar ao objeto/pessoa/situação amado, e com isso, amar sem medo

“Isso nos dará confiança para perceber novas possibilidades na vida, não apenas visuais, com tranqüilidade.”

Via: Revista Webdesign

Veja também:

• Tag PRE ♥ Tag CODE
• Interatividade. Eu escrevo, logo existo!
• Colocar Rodapé fixo no bottom
• Pensar com Tipos – Livro
• Biblioteca JavaScript conserta bugs do Internet Explorer

Comece por escolher um local tranquilo e conformtável, bem iluminado. E não se apavore em caso de não entender tudo de imediato. No entanto, não se deve interoper demais a leitura. Por isso, conforme-se em aprender o significado geral. A leitura, para ser mais produtiva, pode ser dividida em fases:

- Faça um reconhecimento do texto para saber de que assunto se trata.

- Procure isolar as informações principais. Para isso, é bom sublinhar ou assinalar passagens.

- Ao encontrar expressões especializadas (de medicina, direito, etc) procure conhecer e anotar seus significados.

- Procure separar os fatos, das interpretações que deles faz o autor. Assim, você estará pronto para estabelecer suas próprias idéias sobre o texto. Mas lembre-se: o trabalho intelectual exige rigor. Por isso, nunca é demais voltar ao texto, reler e aperfeiçoar a leitura.

Assuntos relacionados:

• Como limpar monitores de LCD?

Links de âncora servem pra auxiliar na navegação de páginas longas, faz com que um link redirecione direto à um ponto específico, posicionando-o no topo da página, pode ser usado dentro da mesma página ou em outra. É muito útil para quem se preocupa com a Usabilidade e Acessibilidade dos sites.

Como fazer?

LINK PARA DENTRO DA MESMA PÁGINA:

No link coloca-se o seguinte:

<a href="#ancora"> ... </a>

P.S: #ancora é o nome da sua âncora, é para onde o link vai levar.

No local pra onde vc quer que o link vá, coloque:

<a name="ancora"> ... </a>

Ainda não entendeu? Veja o exemplo:

<a href="#ancora">LOCAL DO LINK</a> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <a name="ancora">Você vai parar aqui!</a>

LINK PARA OUTRA PÁGINA:

Também dá pra fazer um link de âncora para uma outra página. Exemplo:

<a href="endereco.php#ancora"> ... </a>

P.S:
- endereco.php é o nome do arquivo;
- #ancora é o nome da sua âncora, é para onde o link vai levar.

Boa sorte!! :)

Assuntos relacionados:

• Mestre Yo – Desenho em CSS
• Biblioteca JavaScript conserta bugs do Internet Explorer
• Gerador de Formulário PHP
• Tag PRE ♥ Tag CODE
• Aprenda HTML

At vero eos et accusamus et iusto use fontes maiores qui blanditiis praesentium voluptatum deleniti atque corrupti o conteúdo é mais importante que o design excepturi sint occaecati a cor de fundo deve ter um bom contraste com a cor da fonte cupiditate non provident, similique sunt in culpa Quer mudar? Consulte um arquiteto. Qui officia deserunt mollitia animi, IA Rocks! Id est laborum et dolorum fuga.

Eu adorei a idéia e vou utilizar a mesma técnica para deixar “mensagens” para os programadores dos sites que eu codifico. Educação subconsciente, vão aprender Tableless sem perceber. rsrs…

Veja também:

• Wallpaper – Papel de Parede [2]
• Google Calculadora e Dicionário
• SEO Google Guia para Iniciantes e Manual para Webmasters
• Menu com efeito Fade usando CSS
• As Cores na Mídia a Organização da Cor-informação no Jornalismo – Livro

Você usa o Google como sua página principal? Eu uso, sempre usei.

Outro dia me deu um surto de feminilidade e saí configurando meu computador todo de cor-de-rosa (minha cor favorita), dai que eu abri o navegador e vi aquela coisa branca e sem graça, e decidi que queria que o Google fosse cor-de-rosa.

Então eu fiz uma versão do Google Cor-de-Rosa e ela faz pesquisa perfeitamente, você pode usar avontade.

Como eu não sou egoísta, coloquei na página a possibilidade de trocar a cor do layout, ou seja, você também pode ter sua página inicial do Google com a sua cor favorita :D

Tá, vcs podem perguntar “Pq vc simplesmente não usa o iGoogle que é mais bonito e é original?” rs.

Eu respondo: Pq o iGoogle só pode ser usado por pessoas cadastradas no Google e o tema colorido/bonitinho só aparece se a pessoa estiver logada. Já essa versão que eu fiz vc pode usar, qualquer pessoa pode usar, em qualquer computador, quantas vezes quiser!!!

ACESSE E ADICIONE COMO PÁGINA INICIAL DO SEU NAVEGADOR

Assuntos relacionados:

• [SEO] Novos critérios para resultados de buscas Google
• Google Marketing – O Guia Definitivo do Marketing Digital – Livro
• As Cores na Mídia a Organização da Cor-informação no Jornalismo – Livro
• SEO Google Guia para Iniciantes e Manual para Webmasters
• 20 dicas de como otimizar o SEO de suas imagens

Vai que acontece que vc precise fazer vários print screens um atrás do outro e não dá pra esperar abrir um editor de imagem, colar, salvar e fazer de novo e colar, salvar e… aff…

Seria maravilhoso se a cada print screen a imagem fosse salva em uma pasta né???

Graças a Deus existe o Gadwin PrintScreen pra te ajudar a fazer isso

Baixar

Assuntos relacionados:

• Gerador de Formulário PHP

Nerdice do Kasem, invenção da Lía

Nerdice do Cristian, invenção da Lía

Assuntos relacionados:

• Mestre Yo – Desenho em CSS
• Homens com barriga

Achei de bobeira fuçando o site do Opera, o Opera Mini, e lá tem um simulador desse navegador que me deixou boba. Ele possui a navegação identica á de um celular, tanto na tela como no teclado.

Daí eu sai entrando em um monte de sites pra ver se eles tinham a folha de estilo handheld… e descobri que pouquíssimos sites e portais preocupam-se com essa questão da acessibilidade por outros dispositívos, mas td bem… não posso falar nada pq meu blog tbm ainda não está adaptado.

Fui navegando sem usar o mouse ou teclado… fiz td pelo simulador, pra ver como os usuários se sentiriam/sentem quando estão navegando.

Os sites mais legais e fáceis de navegar, que eu achei, foi o Google (logicamente) e o Flick-r. Inclusive tem algumas informações que eu encontrei, de forma mais rápida, na versão mobile do Flick-r, do que no modo tela de pc. rsrs…

Adorei, adorei, adorei

http://www.operamini.com/demo/

Assuntos relacionados:

• Mobile Nina – Site de Jogos de Celular só para Meninas
• O que é Web Mobile 2.0?
• 10 Browsers Mobile mais utilizados

Assuntos relacionados:

• Logos com duplo sentido

Logos com mensagens subliminares. “[...]Só que os seus criadores não imaginaram o que poderia acontecer caso as pessoas pusessem a logo na posição vertical[...]”

Será mesmo que eles não imaginavam? Não acredito na ingenuidade dos designers. rsrs…

1- Nova logo da Office of Government Commerce. Com sede em Norwich, a OGC foi desenvolvida no governo Tony Blair como um exemplo de eficiência no controle de gastos públicos.

2- Instituto de Estudos Orientais, da Universidade Federal de Santa Catarina:

3- Farmácias Kudawara, do Japão:

4- Centro Pediátrico de Arlington:

Assuntos relacionados:

• E se essa empresa tivesse aquela marca?

Esse extintor de incêncio é fruto de um trabalho de transformação estética… acabou virando papel de parede. 

Assuntos relacionados:

• Wallpaper – Papel de Parede
• Resources de Design para Photoshop estilo Web 2.0
• Idéia conceitual de Laptop do Futuro
• Gerar ícones .ICO com Photoshop
• Stickers, Badges e Stamps Web 2.0

Coloque isso dentro do <head>:

<script type="text/javascript"> function addFav(){ var url = "http://www.liasiqueira.com.br"; var title = "Repositorio da Lia"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all) {window.external.AddFavorite(url, title);} } </script>

Coloque isso no link:
<a href="javascript:addFav()" title="Add nos Favoritos">Add nos Favoritos</a>

Atenção:
- Você precisa alterar o endereço da página em “var url” e o título em “var title”
- Preste atenção nas aspas e aspas duplas se for copiar o código dessa página, algumas vezes elas ficam com formatação diferente e faz o código não funcionar. Delete-as e digite-as novamente se nescessário.

Testado e aprovado: Adicionar aos Favoritos

Assuntos relacionados:

• Desabilitar ActiveX em sites com JavaScript
• Banner com DIV Flutuante e Transparente
• Link para voltar à página anterior
• Retire a borda do SWF no InternetExplorer

O fotógrafo Kjell Sandved teve sua atenção chamada, certa vez, para uma borboleta que tinha a letra “F” desenhada na asa interna. A partir desse encontro ele passou 24 anos viajando pelo mundo todo, fotografando borboletas. E veja só o que ele encontrou: todas as letras do alfabeto romano e os númeoros de 0 a 9. Dá pra acreditar?

♥ Veja fotos grandes de todas as letras. 

♥ Galeria com fotos de Sandved.

♥ Nesse site você pode gerar seus próprios textos com o “alfabeto borboleteano”

Assuntos relacionados:

• Mestre Yo – Desenho em CSS
• Wallpaper – Papel de Parede [2]
• Imagens Grátis – Aurora Boreal
• Wallpaper – Papel de Parede

Assuntos relacionados:

• Mestre Yo – Desenho em CSS
• Wallpaper – Papel de Parede [2]
• Asas, letras e números
• Wallpaper – Papel de Parede

Com o Photoshop é possível fazer e editar todo tipo de imagens, desenhos, vetores, que vc possa imaginar, até criação de layouts e interfaces digitais. Talvez por isso hoje ele seja o software de edição mais poderoso e mais utilizado.

A Adobe fez uma versão básica e grátis do Photoshop, chamada Photoshop Express que é dirigida à nova geração de usuários que editam, armazenam e compartilham fotos on-line (em blogs, flogs, etc) mas não são profissionais, portanto não necessitam da versão tradicional do software.

A versão on-line traz as funções básicas de edição de fotos e alguns efeitos e para usar você precisa se cadastrar no site www.photoshop.com/express . Ainda oferece opções para montar galerias e 2GB para armazenamento de imagens.

Assuntos relacionados:

• Gerar ícones .ICO com Photoshop
• Stickers, Badges e Stamps Web 2.0
• Resources de Design para Photoshop estilo Web 2.0
• Evolução do Photoshop
• Wallpaper – Papel de Parede [2]

Tarde de quinta inspiradora…

Eu não sei porque usei o Verde, não é das minhas cores favoritas… mas até que achei que ficou fofo!!

Assuntos relacionados:

• Wallpaper – Papel de Parede [2]
• Resources de Design para Photoshop estilo Web 2.0
• Idéia conceitual de Laptop do Futuro
• Gerar ícones .ICO com Photoshop
• Stickers, Badges e Stamps Web 2.0

Nenhuma empresa pode prescindir de design, mas a imensa maioria dos pequenos negócios brasileiros não conta com este recurso[..] (Caroline Fulep)
Se ainda não chegou a hora de contratar um designer para trabalhar pela sua empresa, preste atenção à algumas dicas básicas e essenciais do design.
Nenhuma empresa é visível sem um logotipo ou um cartão de visitas. Então, alguém teve que fazer isso. Se quem criou tudo foi você mesmo ou algum grande amigo que sabe usar perfeitamente o computador, verifique se os dez itens abaixo estão de acordo com o que tem sido feito para sua empresa. Senão, é hora de rever o que você está querendo dizer para o seu consumidor… ♥ LER ARTIGO♥

Assuntos relacionados:

• Idéia conceitual de Laptop do Futuro
• Resources de Design para Photoshop estilo Web 2.0
• Site com navegação sem cliques
• Pensar com Tipos – Livro
• Ergonomia e Usabilidade – Conhecimentos, Métodos e Aplicações – Livro

Baseado no cartaz acima, o Luli Radfahrer fez uma interessante explicação sobre Gestalt (bem melhor do que as cansativas aulas na faculdade). Ele analisou cada conceito da teoria, aplicado no cartaz.

Acesse o link e confira, vale a pena!

Assuntos relacionados:

• Idéia conceitual de Laptop do Futuro
• Resources de Design para Photoshop estilo Web 2.0
• Site com navegação sem cliques
• Pensar com Tipos – Livro
• Ergonomia e Usabilidade – Conhecimentos, Métodos e Aplicações – Livro

Referencia nacional em termos de CSS e (X)HTML!!!

Quem nunca leu o site do Maujor inteiro quando estava aprendendo CSS, ou pelo menos já cruzou com alguns artigos e tutorials sobre XHTML e CSS. Poisé, o Maujor agora saiu da tela e pode ir para a sua prateleira.

Assuntos relacionados:

• Colocar Rodapé fixo no bottom
• Refresh apenas no CSS da página
• Mestre Yo – Desenho em CSS
• Banner com DIV Flutuante e Transparente
• Biblioteca JavaScript conserta bugs do Internet Explorer

O ideal para retirar marcas de dedo ou impressões digitais, de acordo com a assistência técnica HCL Eletrônica, autorizada da Sony e Panasonic, é usar um pedaço de algodão levemente umedecido com água e passá-lo suavemente na tela. Para limpar a poeira deve-se usar apenas um pano macio, como uma flanela. Jamais utilize objetos ásperos ou pontiagudos para remover sujeiras da superfície.

Outra dica importante da Philips é, caso espirre acidentalmente algum líquido na tela, limpe-a imediatamente. Não deixe secar porque o tempo de exposição a líquidos pode causar deformações na superfície. Os fabricantes também alertam para prestar atenção a mudanças bruscas de temperatura que podem causar estragos aos monitores. O ar pode condensar na tela e umedecê-la. Isso resulta em danos como manchas ou marcas, além de prejudicar componentes elétricos.

E para limpar telas de plasma?

Os cuidados a serem tomados com monitores de plasma são os mesmo indicados para o caso de LCD, já que as duas tecnologias são similares. A diferença fundamental entre os dois tipos de tela é que as de plasma emitem luz individualmente em cada ponto da tela, graças a “células” de gás neon e xenônio. Já o LCD depende do backlight, fonte de iluminação posicionada atrás da tela, para emitir luz.

Fonte: W News

Assuntos relacionados:

• Dicas de como ler bem