LEIA ONLINE
MATÉRIA DE CAPA
EDIÇÃO 008
falando sobre as cores
primárias AMBIENTES
PÁG. 10
desenhando uma mansão
o que é flat
design?
ESTREIA
seção “notícias” PÁG. 3
PÁG. 6
VEJA MAIS ONLINE artandraw.blogspot.com
NESTA EDIÇÃO
MATÉRIA DE CAPA
Vídeos & Tutoriais#002
Nova série baseada na página honônima do blog. Assista a vários vídeos instrutivos. Assuntos incluem: - Como desenhar um urso
O que é Flat Design?
PÁGINAS 6 – 9
- Como desenhar o Capitão América - Como desenhar o Homem de Ferro
- Como desenhar o Thor
3 NOTÍCIAS
Art and Design#007
4 DESENHO DO MÊS Grafite
10 AMBIENTES Mansões 12 ANIMAIS Cobras/Cachorro Realista
Baixe as edições anteriores desta revista e leia sobre diversos assuntos, como: - Conceito de Papietagem - A curiosa história do logotipo do Google - Seção "Cores" - Como desenhar castelos (ACESSE Art and Design > Publicações)
Notícias
Por alguns centavos, maioria dos usuários baixam software suspeito em seus PCs Métodos refinados de invasão já tomaram controle até mesmo de usinas nucleares, formaram botnets e já trouxeram prejuízo para muita gente. Mas segundo uma pesquisa de membros da Universidade de Carnegie Mellon e da Pensilvânia, bastavam alguns centavos para conseguir atingir uma boa quantidade de PCs com softwares maliciosos, sem todo este refinamento na invasão dos sistemas.
Microsoft anuncia que continuar a usar Windows XP pode causar alguns problemas A empresa avisou que, ao usar um hack que permite que alguns usuários do XP recebam atualizações de segurança, os usuários podem estar diminuindo a proteção de seu PC.
Google lança página que permite que europeus excluam links associados ao usuário A empresa americana lançou uma página na web que permite que usuários europeus peçam para que dados pessoais sejam excluídos de seu sistema de busca. Aplicação do “Direito de Esquecer” ou violação do “Direito de Saber”?
Google lança jogo que ajuda programadores a verificar falhas XSS
O Google lançou o XSS-Game, jogo que ajuda programadores a encontrar erros de vulnerabilidade XSS. Segundo Ilya Grigorik, engenheiro do Google, o jogo tem como objetivo encorajar uma prática de segurança melhor entre os web developers
Desenho do MĂŞs
GRAFITE
MATÉRIA DE CAPA uando lançaram o Windows 8, muitos ficaram surpresos com o novo design flat do sistema operacional. Mas para quem não conhece muito bem, “flat design” pode ser um termo confuso. Então vamos explicar o que é isso.
Q
Flat design, em resumo, é uma
filosofia de design…
o que é flat
design? ESCRITO POR: Kelsey Campbell Dollaghan
Pense na área de trabalho do seu computador. Ou na calculadora do iPhone. Ou o newsstand do iPad. Essas coisas foram feitas para lembrarem os análogos da vida real que eles tentam imitar. Será que realmente precisamos de todos esses elementos visuais e detalhes extras? Os defensores do flat design acreditam que não.
…que defende uma simplicidade, clareza e honestidade de materiais em interfaces de usuário…
Em vez disso, os advogados do flat design argumentam que as GUIs (interfaces gráficas de usuário) precisam deixar estilo de lado pela funcionalidade. Isso significa se livrar de bordas, gradientes, sombras e reflexos, bem como a criação de uma experiência de usuário que seja forte às interfaces digitais, em vez de limitar o usuário aos confins do mundo analógico que ele está familiarizado. Em web design, páginas “planas” raramente introduzem
dimensionalidade, sombras ou texturas, contando apenas com a rolagem e a clareza visual para se comunicar. Um bom exemplo de flat design é o Google Now, que usa um sistema parecido com cartões para mostrar as informações. Em vez de separar as informações dentro de ícones estáticos, o Now exibe os dados em um cartão de tamanho padronizado que é fácil de ler e fácil de descartar ao deslizar para o lado. Outro exemplo? O Windows 8, descendente da linguagem de design Metro da Microsoft, que valoriza a tipografia – ou a entrega da informação – por cima de gráficos que ajudam o usuário a entender qual tipo de conteúdo ele está lendo.
…geralmente formulada como uma reação aos
problemas de design skeumórfico… Para entender o flat design, você precisa entender o outro lado: skeumorfismo. Skeumorfismo se resume a truques visuais, ou uso de talhes e ornamentações para
fazer uma coisa parecer como outra. Em arquitetura, fachadas falsas são skeumorfismo. Em designs de carros, painel de madeira falsa é skeumorfismo. O skeumorfismo no design de interface de usuário geralmente se refere a um elemento digital projetado para parecer como algo do mundo físico. Isso pode ser do mural do Pinterest ao couro rico do Find My Friends.
…que usa gradientes, texturas e outros detalhes para fazer objetos digitais
parecerem “reais”. Skeumorfismo no espaço digital vem de longe, desde a primeira GUI da Apple de 1984, que introduziu o conceito de “área de trabalho” e ícones que pareciam como pastas e pedaços de papel. Naquela época interfaces de computador eram conceitos totalmente estranhos para a maior parte dos usuários, o que fez o skeumorfismo uma ferramenta útil. Permitiu que designers criassem metáforas visuais entre objetos velhos e familiares (uma pasta de arquivos) e ferramentas novas e
confusas (um arquivo digital). O skeumorfismo no ajudou a aprender. Mas com a popularização dos computadores, menos pessoas precisavam desses truques visuais para entender a função de um ícone ou botão. O skeumorfismo se tornou um estilo exagerado, cheio de detalhes desnecessários. Então se tornou ruim para uma nova geração de designers – aqueles que já não lembram como era o mundo sem computadores. Isso deve parecer bastante familiar. Modernistas defenderam as mesmas ideias desde a virada do último século: não coloque detalhes exagerados que não ajudam funcionalidades. Seja honesto com materiais e estruturas. Não crie uma frente falsa para fazer usuários se sentirem seguros. É o mesmo grito de guerra dos designers modernos desde que Le Corbusier veio a mundo. De certa forma, “flat design” não é nada novo – é apenas uma versão contemporânea do modernismo.
E o que vem depois do flat? Apesar do mundo estar caminhando para se tornar flat, ele não vai ser flat para sempre. O flat design vai se estabelecer e algo virá depois – considerando o último século, cada onda do modernismo veio para se opor à que chegou antes. Por exemplo, depois do modernismo de Bauhaus e da International Style nos anos 1930, uma segunda geração de designers introduziu o conceito de Regionalismo Crítico na discussão, argumentando que a crença de um tamanho para tudo era muito redutiva. É provável que a mesma coisa aconteça com design de interfaces. Depois do radicalismo do flat design, provavelmente designers vão introduzir cuidadosamente dimensionalidade onde for necessário. Mas ainda vai demorar alguns anos para isso. Por enquanto, vamos ter que esperar para ver se a Apple abraça o flat design, ou se ela se revolta – neste caso, as coisas se tornariam bem mais interessantes.
Ambientes
MANSÕES sonham em morar em uma Todos mansão. Aprenda a seguir como desenhar uma!
enquanto olha para o monitor do seu computador ou pode imprimir essa página para ver mais detalhes de cada passo.
Esta mansão é uma visão espetacular de uma rua da vizinhança - ou do seu caderno de desenhos. Nossos passos simples tornarão possível que você desenhe sua própria mansão dos sonhos. Nessa edição, nós mostraremos como desenhar mansões. Você pode desenhar à mão livre
Passo 1: Esboce vários retângulos para criar o formato básico da casa. Desenhe uma linha horizontal em cada lado dos retângulos esquerdo e direito para o solo.
Passo 2: Acrescente outras linhas ao retângulo superior. Desenhe o telhado com duas linhas retas e duas linhas diagonais que se encontram. Esboce linhas horizontais compridas ao longo do centro para os corrimãos. Conecte-as às laterais com linhas retas.
Passo 4: Acrescente parapeitos com linhas duplas verticais curtas. Finalize as colunas com figuras irregulares em formato de U no topo. Use retângulos para as vidraças das janelas. Desenhe retângulos que se conectam para as escada e duas linhas diagonais para a calçada. Use retângulos e quadrados para os painéis das portas.
Faça os detalhes da parte inferior da casa com mais linhas horizontais. Use uma linha horizontal e duas linhas diagonais para criar o formato básico das escadas. Acrescente o telhado esquerdo com linhas retas que se encontram.·.
Passo 3: Desenhe duas chaminés com linhas retas. Acrescente colunas com linhas verticais duplas. Esboce as janelas com retângulos. Acrescente um conjunto de linhas no exterior de cada janela para as venezianas. Desenhe quatro conjuntos de linhas verticais duplas com arcos duplos sobre elas para a porta. Repita a mesma figura acima da porta. Acrescente arbustos com linhas onduladas.
Passo 5: Sombreie o telhado com linhas horizontais desiguais. Faça os detalhes das chaminés com linhas diagonais. Acrescente linhas horizontais curtas para todas as venezianas. Sombreie os arcos e as janelas laterais com linhas escuras em ziguezague Seu desenho está pronto! Mesmo que você não acerte na primeira vez, continue praticando até estar satisfeito com o seu desenho. Uma grande catedral nos remete a uma linda cidade européia. Aprenda na próxima edição como desenhar uma catedral.
Animais
COBRAS Cobras geralmente representam algo ruim e traiçoeiro, mas elas também podem ser inofensivas, Desenhe sua própria cobra usando esses passos fáceis!
1
Desenhe duas formas ovais de mesmo tamanho, uma sobrepondo a outra. Elas devem ser um tanto finas, horizontais e ligadas nas bordas por uma linha curva.
2 3
Desenhe mais duas ou três formas iguais, porém menores, acima da primeira. Este efeito parecido com bolo de casamento fará o corpo da cobra. Desenhe um retângulo curvado saindo da estrutura superior. Desenhe mais uma forma oval na parte de cima do retângulo.
4
Desenhe dois círculos para os olhos e dois pontos para o nariz. Deve ser feito na parte superior do círculo que você fez no passo anterior, com os olhos saindo um pouco pra fora do círculo.
5
Dê à sua cobra um sorriso típico de cobra (tímido). Adicione a língua, que possui uma bifurcação na forma de um "V" invertido na ponta.
Desenhe uma cauda próxima à parte de baixo do primeiro círculo. Deve ser apenas uma forma curvada saindo pelo lado esquerdo do corpo.
6
7 8
Esboce os detalhes. Faça círculos e listras se quiser, ou crie seu próprio padrão para as escamas. Contorne e pinte sua cobra. Geralmente cobras são pintadas de verde, que é uma cor comum para cobras, mas use sua imaginação!
CACHORRO REALISTA As vezes fazemos um desenho de um cachorro que fica meio cartum. Como fazê-lo realista? Desenhe seu próprio cachorro usando esses passos fáceis!
1
Desenhe dois ovais. Eles devem ficar lado a lado. Faça um deles ligeiramente maior que o outro, e certifique-se que não fiquem muito distantes. Este é o segredo nesse desenho.
2
Faça um contorno. Desenhe uma linha que passe por baixo e depois por cima dos ovais. Então faça o começo das patas, como na imagem abaixo. Faça as linhas inferior e superior irem pra cima, então um círculo para o começo da cabeça. Desenhe o nariz fazendo um oval parcialmente conectado com a cabeça. Desenhe linhas contornando a cabeça. Faça com a cabeça o mesmo que você fez com o corpo. Após isso, apague os ovais e círculos do corpo e da cabeça. Adicione orelhas à cabeça que sejam longas e soltas, ou curtas e pra cima. Depois acrescente um rabo longo ou curto. Nesta altura, é bom ter uma raça já definida, já que agora você deve colocar todos os detalhes.
3
4
Apague todos os círculos e ovais internos. Adicione pelagem desenhando babados no contorno. Seu cachorro deve ficar bem realista!
DAQUI A DOIS MESES... Águias são pássaros enormes e poderosos. Elas têm bicos grandes em forma de gancho para rasgar a carne de sua presa. O próximo tutorial lhe mostrará como desenhar estas aves.