E UM OBRIGADO ESPECIAL A

Todos foram bons amigos para mim e para o blog.

9 GIFs que explicam Responsive design

Não pode diferenciar um site responsivo do que meramente adaptativo? Estes GIFs vão ajudá-lo!

O que é design responsivo? A maioria das pessoas vagamente entende que isso se refere a sites que funcionam tão bem em desktops quanto em smartphones, mas há muito mais do que isso.

O design responsivo é aquele onde todo o conteúdo é flexível, se reposicionando conforme o ambiente do usuário, como tamanho da tela, orientação (horizontal ou vertical) e plataforma.

Já o design adaptativo é basicamente o o que se utilizava a alguns anos atrás, onde tinhamos um conjunto de código para cada tipo de dispositivo que acessava o site. Hoje ele ainda é utilizado quando faz-se necessária limitação de funcionalidades para determinados dispositivos, ou mesmo para atender à parte de marketing, podendo ajudar nos funis de conversão.

Responsivo vs adaptativo:

O design responsivo expande de forma fluída, enquanto o adaptativo aguarda o navegador ou viewport terminar a expansão.

Usar unidades relativas vs estáticas:

Posicionando os elementos usando píxels, faz com que ele funcione em apenas uma tela. Use medidas relativas, como porcentagem da tela ao invés de medias estáticas.

Com ou sem breakpoints:

Veja com breakpoints que podemos manter a mesma largura nas coisas, sem o breakpoint as coisas tendem a diminuir e não manter a mesma visualização em telas diferentes.

Design fluído vs estático:

Olhe quando você define uma altura fixa, diferente de quando você mantêm o design sem altura definida podendo ela aumentar conforme necessidade.

Agrupar coisas ou não?

Veja que os elementos que estão aninhados, elas tendem a se mover em conjunto, facilitando assim a colocação de um menu lateral caso seja necessário.

Fontes padrão ou webfonts?

Olhe a diferença de carregamento das fontes padrão comparado com as fontes carregadas pela web.

Usar ou não largura máxima?

Veja que ao usar a largura máxima, o site pode ainda manter uma barra lateral em cada lado, isto se aplica quando a tela é muito grande, assim mantemos, por exemplo, o conteúdo em boa qualidade de leitura. Inclusive no próximo layout do Oficina da Net, que pretendemos lançar em breve, usamos esta técnica para manter uma boa leitura do conteúdo.

Quem vem primeiro, desktop ou mobile?

A diferença em pensar o layout primeiro para desktop ou primeiro para celular?

Use vetores quando imagens são dispensáveis.

“Seu ícone tem muitos detalhes e alguns frufrus aplicados? Se sim, use um bitmap. Se não, considere o uso de uma imagem vetorial.” Uma imagem do vetor pode mais adequadamente se adaptar a diferentes resoluções.

Informações: FroontBlog, Fastcompany e Oficina da Net

Mark Rober, Digital Dudz e a Morth Costumes

Já ouviu aquele papo de que design não da dinheiro? Pois bem para Mark Rober esse pensamento é furado. Esse engenheiro mecânico deixou seu emprego na NASA, a agência espacial mais famosa do mundo para se tornar um designer de fantasias.

Trabalhar com criatividade e ser bem sucedido só é possível quando você é bom no que faz e é inegável que Mark é uma dessas pessoas. Desde jovem ele sempre foi inventivo, como quando aos 5 anos usou óculos de proteção para cortar cebolas. Ele alega que suas ideias são tão simples que sente medo de que outra pessoa já tenha as feito quando decide por elas em prática.

Atualmente o ex engenheiro da NASA cria fantasias, de Halloween em sua maioria, mas produzindo também material natalino e com temática de desenhos animados e quadrinhos, que interagem com smathpones ou trages simples que criam em você a ilusão de uma fantasia completa.

A Digital Dudz produz apps disponíveis para Android e iPhone que uma vez instalados podem interagir com as roupas que Mark faz. Levemente assustadoras e muito divertidas as roupas de marca Morth Costumes tem se tornado fenômeno e rendendo fama para o ex-engenheiro.

Além das camisas com celulares embutidos a Morth tem uma linha de trajes-fantasia e de acessórios que surpreendem e divertem.

E aí, te deu algumas ideias para o carnaval?

Morth Costumes

Digital Dudz

Mark Rober

Brunettes Shoot Blondes – Knock Knock

Atari tenta voltar a ativa

Atualmente, uma pequena empresa de entretenimento digital, com 11 funcionários, a Atari tenta crescer nos próximos anos. Investindo em nichos como o mercado LGBT e jogos de aposta online, com foco especial em produtos mobile.

Fundada em 1972, a primeira gigante dos videogames reinou quase absoluta até o começo dos anos 80. Até hoje, a Atari detém o recorde de empresa com crescimento mais rápido na história dos EUA (foi de US$ 75 milhões de faturamento em 1977 para US$ 2 bilhões em 1980), num período em que chegou a registrar mais de 3000 empregados (Steve Jobs chegou a ser um deles). Tudo ia bem, até o nefasto “Crash de 83”, quando não só a Atari quase deixou de existir, mas quando toda a industria de games por pouco não desapareceu. A gota d’água foi o fracasso do jogo E.T. para o console.

Mas a empresa não acabou e tentou se reerguer. Na verdade, passou os últimos 30 anos tentando se reerguer e, agora, num dos momentos mais delicados de sua história, espera voltar a viver as glórias do passado, olhando quase que exclusivamente para o futuro.

Antes de tudo é preciso esclarecer que a Atari que fabricava o querido console Atari 2600 e que encantava jogadores do mundo todo com títulos como “Pong” não é a mesma Atari que tenta se reinventar em 2014. Não mesmo.

A empresa passou por vendas e fusões, tudo tentando novamente voltar a glória.

Mas e agora?

Agora, a Atari se descreve como uma companhia de produção de entretenimento interativo, com grande foco em plataformas mobile. Algumas das marcas mais famosas da empresa, como “Pong”, já estão disponíveis nos mercados de aplicativo de celular.

Uma oportunidade que a Atari abraçou foi a atenção e suporte à causa LGBT. A empresa, que manteve os direitos de “RollerCoaster Tycoon” mesmo depois da falência, vai lançar “Pridefest”, jogo que troca o parque do game original e o substitui por uma parada do orgulho gay.

Gostamos de nos ver como uma marca muito inclusiva, uma companhia inclusiva. E procuramos oportunidades de mercado, que possam nos beneficiar comercialmente, além de ser a coisa certa a fazer

Analisou Todd Shalbetter, diretor financeiro da nova Atari, mais um dos 11 funcionários da empresa.

Além de “Pridefest”, a Atari recentemente foi uma das empresas que apoiaram e patrocinaram a Gaymer X2, convenção que celebra a diversidade e a comunidade gamer LGBT.

A companhia também tem tentado aproveitar as poucas marcas clássicas que ainda tem sob seu controle. Na verdade, a primeira ação da nova Atari foi licenciar versões de “Asteroids”, “Breakout” e “Centipede” para a rede de lanchonetes norte-americana Denny’s, rebatizando os jogos como “Hashteroids”, “Take-Out” e “Canti-Pup”.

“Transformar nossas marcas clássicas em produtos retrô é uma decisão natural para apresentar a Atari a uma nova geração, além de impactar nossos fãs antigos de uma forma divertida e única”, defendeu o CEO, Fred Chesnais.

As novas versões dos jogos substituem o enredo de ficção científica, os inimigos alienígenas e as naves espaciais por temas relacionados ao restaurante, como entrega de condimentos e temperos, uma garrafa de xarope mágico que transforma tudo que toca em ovo frito e uma muralha de comida.

Associar a marca Atari a produtos não é uma tentativa desesperada da empresa, pelo contrário. Ao longo dos anos a Atari se tornou um ícone pop. Camisas e produtos com a marca da empresa são reconhecidas imediatamente como algo “maneiro”, assim como a nintendo. Algo que não acontece por exemplo com a Ubisoft.

A mais polêmica das novas empreitadas da empresa é o “Atari Casino”, uma espécie de universo virtual com elementos de MMO para apostas online, que a Atari desenvolve em parceria com a FlowPlay. Ao melhor estilo “Second Life”, jogadores poderão realizar uma série de outras atividades entre uma aposta e outra, como passear por shopping virtuais e relaxar em piscinas digitais.

“Foi um pequeno passo rumo ao universo de apostas, com ‘Atari Casino’, porque é algo muito fácil pra gente. É um passo natural, de jogos para apostas”, analisou o CEO Chesnais.

As iniciativas podem parecer pouco ligadas, em uma primeira análise, mas tudo faz muito sentido para o novo manda-chuva da Atari.

“Eu só quero ter uma equipe forte de executivos. Pense, por exemplo, na indústria do cinema. Se alguém diz que faz filmes, e cuida de tudo, desde a filmagem até a distribuição às salas de cinema, parece loucura. Não precisamos de desenvolvedores internos, só precisamos contratar os melhores de fora”.

“Quando eu escuto gente falando ‘você não sabe o que está fazendo’, eu não me importo. Acho que sabemos o que estamos fazendo. Vamos cometer erros, mas vamos construir coisas grandes, também”, profetiza o CEO.

informações Uol Jogos

2014 — O Ano Da Interação e Movimento

Estamos na metade do ano e já foi percebido que esse é o ano da animação nos aplicativos. A nova tendência pede para que os apps agora sejam não somente intuitivos, mas auto explicativos através do movimento, promovendo sentido atavés dele. Agora motion design é uma habilidade necessária para designers.

O Google anunciou muitas melhorias no Android, como um modo de economia de bateria e notificações na tela de bloqueio; algo que será muito bem vindo.

Mais usos do sistema operacional Android surgiram: Wear Android, Auto Android e TV Android. Um smartphone não vai ser a única coisa que virá à mente quando alguém disser que é Android. Será uma família de telas para sofá, carro e até para o pulso.

Bom as novidades não são exclusividade da Android, a Apple, por exemplo, anunciou sua nova plataforma CarPlay em março deste ano, um recurso que integra serviços como Siri e Mapas da empresa no painel de veículos.

Com tais produtos sendo usados em mais contextos tornou-se necessário dar um passo atrás vorazmente e repensar seu design. Não há tempo para tutorias e walkthroughts quando se está dirigindo por exemplo.

A Android este ano deu um passo interessante pensando nisso e assim os produtos do Google estão utilizando uma linguagem de design visual que foi apelidado de Material Design.

Em grande estilo, esse material apresenta contairners para construir um framework no qual facilita decisões de design não apenas para a empresa, mas para designers e desenvolvedores.

No entanto, a grande notícia não é sobre Android ou Material Design em si. A Google anunciou implicitamente que motion design é agora um componente importante necessário para criar um ótimo software para dispositivos móveis, desktop e dispositivos portáteis. Este que, anteriormente, era um evento focado no desenvolvedor.

“Se você é um designer, por favor aprenda habilidades de motion design. A 60fps existem 58 frames que você precisa projetar entre Mock A e Mock B” #io14

— Paul Stamatiou (@Stammy) 26 junho 2014

Bom, se agora animação é necessária, onde criar ela? Qual o procedimento? O que é aconselhado? Aí está a beleza da coisa, está valendo praticamente tudo. Ainda não há um processo ou ferramenta indicado para isso, então de After Effects, códigos ou até mesmo Flash tudo é válido para criar os frames necessários para uma animação de uma aplicação ou software Google. Não se sabe necessariamente como movimento se aplicará nas regras rigorosas da Apple, mas com certeza essa não ficará para trás nas novidades, uma vez que a Android vem inovando cada vez mais.

Contar a história de um projeto de forma interativa, facilita a compreenção tornando tudo muito mais atrativo. Essa é a grande premissa.

Não entrando em detalhes de como o material de design define a animação, podemos dizer que é requerido ler authentic motion, responsive interaction, meaningful transitions, delightful details.

“Motion design cuidadosamente coreografado pode efetivamente direcionar a atenção do usuário e concentrá-lo através de várias etapas de um processo ou procedimento; evita confusão quando layouts mudam ou elementos são reorganizados e melhora a beleza total da experiência.”

Movimento pode e deve ir além de um incremento ou divertimento. É uma outra forma para adicionar personalidade, educando os usuários sobre como interagir com elementos particulares e para a criação de uma história para o usuário.

Alterar uma página inteira entre um clique ou um toque obriga o usuário a re-examinar tudo para ver o que mudou. Isso proporciona uma oportunidade para coreografar, ou encadear várias transições para fornecer o contexto em torno do que está mudando.

Por exemplo, a Google descreveu muito do seu movimento em termos de coreografia de ondulação: usando uma seqüência de pequenas transições, executadas em uma dança sequencial para expressar a transferência de energia do usuário para o sistema. Ao ligar ações do usuário para a mudança resultante pode melhorar a compreensão do usuário sobre a relação entre espaços. Causa e efeito.

Junto a animação a sensação de planos, profundidade estão sendo usadas para tornar a experiência ainda mais acreditável e interessante. Sombra, cantos arredondados, isso integrado ao flat design.

Estamos falando de um movimento que toma conta de toda a tela, acontece ondularmente em cada item afetado pela interação, me arrisco a dizer que não a animação individual de um ícone está em jogo, mas toda uma sequência de animação, muito semelhante a que ocorre em animações de desenhos animados, literalmente contar uma história.

As animações individuais devem ser flúidas, talvez até metamórficas, isso não só ajuda esteticamente, como ajuda na percepção de quem observa o que está acontecendo.

Foi percebido também este ano o aumento do uso de cores, tons, sobretons, uma linda composição que tem contruído os apps. A liberdade de expressão e possibilidades sendo implementadas com menos restrições.

É um grande momento para ser um designer. Nunca tivemos tantas plataformas capazes de desenvolvermos, nem tantas maneiras de usar os nossos produtos e sobre tantas novas categorias de dispositivos.

Quanto mais nós designers pensamos em movimento, mais nós teremos necessidade de boas e melhores ferramentas, assim será mais fácil construir o que desejamos. E com isso nós vamos ter produtos mais agradáveis e fáceis de usar.

Design é comunicar claramente por todos os meios que você pode controlar ou dominar. – Milton Glaser

Pesquisa:
Google Design, Paul Stamatiou Website, Android Police

ICQ ressurge das cinzas

Se a a notícia da morte do Orkut fez você sentir que o mundo como conhecemos mudou e que estamos velhos prepare-se, talvez se animem com a ressurreição do ICQ, outro serviço que faz parte da “velha guarda” da internet. O grupo Mail.Ru, que detém o aplicativo, anunciou uma série de novidades.

Disponível para computadores e dispositivos móveis, o ICQ ganhou um novo design, suporte a chamadas em vídeo, conversas em grupo e acesso via número de telefone, o que o coloca em pé de igualdade com o WhatsApp. Se cuida Whatsapp, além do Viber e afins agora está de volta um titã da internet.

Para a empresa, a maior novidade são as chamadas em vídeo, que podem ser feitas de forma gratuita e simples, bastando ligar a câmera durante uma conversa. O chat em texto também funciona de forma dinâmica: para falar com mais gente, basta adicioná-las no meio da conversa e ela se torna um bate-papo em grupo.

Outra coisa interessante da nova versão é a possibilidade de trocar mensagens a quem não é usuário do ICQ. Basta selecionar o contato e enviar o conteúdo, que será entregue como SMS gratuitamente. As respostas da pessoa aparecerão na janela de bate-papo, e não no app de SMS.

Além de fotos, áudio e vídeo, dá para trocar qualquer tipo de arquivo pelo serviço, incluindo DOCs e PDFs (aleluia!). Também há stickers (que tem uma usabilidade bem mais elegante que o viber) e um sistema de pesquisas interno que permite buscar imagens para enviar aos amigos, o que é sensacional! Quem não sente falta de ilustrar a conversa com uma imagem bem específica?

A versão desktop apresenta uma interface clean, porém nem tão simples de se encontrar certas funções de configuração. O design não tem nada de inovador e a cor da uma sensação não muito elegante, porém as funções e a usabilidade são ótimas e convenhamos, é ICQ, a marca tem peso. Nessa versão é possível conectar seu ICQ com seu telefone, que importa sua lista de contatos para o software, é possível também conectar-se com sua conta ICQ e ainda conectar suas redes sociais como Facebook, Google+ e Yahoo ao programa, tendo em um único lugar uma lista de seus amigos de bate-papo das redes. Desconectar as redes por outro lado não é simplesmente clicar no botão em que você usou para adicioná-la, essa função fica em configurações, clicar nos ícones das redes te redireciona para elas. O que pode ser algo legal afinal de contas, atalhos.

Uma vez conectado as redes sociais, você recebe as notificações delas em qualquer versão do ICQ, software ou mobile. Administrar as conexões só é possível pela versão desktop.

Enquanto o programa parece bom, o site do ICQ apresenta alguns erros ainda, provavelmente por estar se adaptando as mudanças.

Para a versão mobile o ICQ veio com tudo. Ele está disponível para iPhone e Android. A interface está moderna, clara e bonita. A usabilidade se assemelha a do Viber e do Whatsapp, mas melhor arquitetada. Ela se mostra mais interessante que a interface básica do Whatsapp e com mais incrementos, porém menos confusa e sobrecarregada que o Viber. Uma coisa que podemos sentir falta é a ausência de uma opção para gravar áudio, tal qual o Whatsapp e o Viber possuem.

Nos chats é possível utilizar papeis de parede de forma bem legal e as opções padrão são variadas e interessantes, evitando que o fundo compita com as informações em tela. Ainda é possível escolher seu próprio background. As chamadas de vídeo são simples e os controles claros. Na versão android ainda da para utilizar um widget para visualizar seus chats. E o famoso barulhinho “O-Oh” marca sua presença toda vez que alguém te chama no app.

Se você já possui uma conta ICQ da pra vincular ela ao seu telefone. Uma sacada legal é que cada usuário ICQ possui um número, igual antigamente. Aquele número que as pessoas se orgulhavam de ter, “Qual o seu ICQ? Uau, seu número é bem antigo”.

E quando pensamos que acabou por aí as novidades, escute essa, o ICQ tem uma versão Windows 8. Ela é bem mais básica e tem somente as funções essenciais, mas prova que o pessoal do ICQ não quer deixar ninguém de fora.

Com todas essas novidades o ICQ é um forte candidato a fazer o que outros aplicativos como o Telegram e o Line não conseguiram, desbancar os apps mais visados de comunicação.

Para baixar o ICQ clique aqui.

Guia: como acessar arquivos do seu PC pelo smartphone ou pela nuvem

Se você possui um computador com Windows, pode ser que, de qualquer outro lugar da casa, você queira acessá-lo mas não queira ir até ele com um cabo USB para pegar seus arquivos. Este guia vai ensinar como fazer isso, utilizando dispositivos iOS ou Android, sejam eles smartphones ou tablets. O método funciona se os aparelhos estiverem na mesma rede local, ou seja, por wi-fi ou cabo ethernet.

Compartilhe suas pastas

Utilizando o Windows Explorer, clique com o botão direito na pasta que deseja compartilhar na rede, clique em “Compartilhar com”, e logo depois, “pessoas específicas”.

Na tela que aparecerá, escolha “todos” e dê permissão para “ler” os arquivos. Caso você queira gravar arquivos nesta pasta, utilize a opção “ler/escrever”.

Sua pasta estará compartilhada com senha. Para remover esta senha (o que só recomendamos que você faça para sua rede residencial), basta abrir o menu iniciar, digitar “central de rede” e clicar em “central de rede e compartilhamento”.

Clique em “opções de compartilhamento avançadas”.

Desça a tela e desligue a proteção de compartilhamento por senha.

Pronto. Após clicar em OK seus arquivos estão compartilhados em sua rede wi-fi e podem ser encontrados por outros usuários.

Encontrando os arquivos via Android

Para isso, é necessário um gerenciador de arquivos que tenha suporte à descoberta de redes locais. Recomendamos o ES File Explorer File Manager.

Conectado à mesma rede wi-fi, basta abrir o ES File Explorer e tocar o ícone superior à esquerda.

Logo depois, clique em rede e, em seguida, em LAN.

Na parte de baixo da tela, o ícone “procurar” mostrará, com um toque, todos os computadores da rede com pastas compartilhadas.

Basta escolher seu computador com o IP correto (isso envolve um pouco de tentativa e erro, caso haja mais de um computador na rede) e pronto. Suas pastas estarão ali, para que você copie os arquivos ou os utilize direto da rede.

Encontrando os arquivos via iOS

Para o iOS, será necessário utilizar um gerenciador de arquivos, que pode ser baixado da App Store. Para este exemplo, utilizaremos o File Explorer Free.

Com o app aberto, clique no “+”, no canto superior direito e escolha “Windows”. Uma lista de opções irá aparecer e, na parte inferior da tela, uma lista dos computadores com os arquivos compartilhados.

Pronto, basta utilizar os arquivos diretamente da rede.

Outras alternativas

Caso você não seja fã de mexer com redes e isso tudo lhe parece muito complicado, podemos sugerir aqui outras alternativas. O uso da famosa “nuvem”.

Usar a “nuvem, significa que o armazenamento de dados é feito em serviços que poderão ser acessados de qualquer lugar do mundo, a qualquer hora. O acesso a programas, serviços e arquivos é remoto, através da Internet – daí a alusão à nuvem.

O inconveniente é que esses serviços oferecem espaço limitado para ser utilizado, em alguns casos esse espaço pode ser expandido através de compra, compartilhamento do serviço ou convidando amigos.

O Dropbox é uma pasta que é criada após instalar essa ferramenta. Ela pode ser criada direto no seu computador ou em um dispositívo movel, e é acessível também no site.

O barato dessa ferramenta é que uma vez criada, você pode acessá-la facilmente de qualquer lugar em que esteja instalada e utilizar, mover, excluir, adicionar seus arquivos, praticamente tudo que uma pasta local em seu computador faz.

Para utilizá-la é simples, coloque um arquivo dentro da pasta Dropbox.

O ícone azul significa que o arquivo está sendo sincronizado com a nuvem.

É isso aí! O ícone verde significa que o arquivo terminou de ser salvo a seus outros computadores e site do Dropbox. Agora que o arquivo está no Dropbox, todas as alterações feitas a ele serão detectadas automaticamente e atualizado para o outros computadores.

As pastas que você cria podem ser compartilhadas com outras pessoas que também utilizam o Dropbox e essas por sua vez poderão alterar o conteúdo das pastas. É um serviço bem prático.

Você pode comprar mais espaço no seu Dropbox ou ganhá-lo, fazendo coisas como tuitar sobre a ferramenta, convidando amigos, vincular conta ao facebook… são várias opções.

Assim como o Dropbox, o Google Drive permite que você armazene arquivos e acesse-os em qualquer lugar: na Web, em seu disco rígido (onde ele cria uma pasta) ou enquanto você se desloca através de um dispositivo móvel.

Quando você altera um arquivo na Web, no computador ou em um dispositivo móvel, ele também é atualizado em todos os seus dispositivos em que o Google Drive está instalado. Compartilhe, colabore ou trabalhe sozinho: os arquivos são seus, e a escolha também.

Os primeiros 15 GB de espaço é gratuito e seus arquivos do Gmail, Fotos e do Google+ também utilizam o espaço do Drive.

Conforme for enchendo seu Google Drive, é possível adquirir mais espaço de armazenamento comprando no site da Google.

O interessante dessa ferramenta é ela permite criar documentos online com formatos específicos da Google.

O sistemas de gerenciamento de arquivos do Drive é um dos melhores, permitindo a criação de documentos de texto, formulários, planílhas, desenhos, tudo online. O único incoveniente é que nem sempre ele se mostra muito prático.

Os arquivos podem ser utilizado por várias pessoas ao mesmo tempo, compartilhando esses documentos. na verdade é bem legal, nos documentos exclusivos da ferramenta é possível ver quem está online naquele nele e que alterações a pessoa está fazendo, tudo isso em tempo real.

A ferramenta se mostra indicada pra trabalhos remoto que necessitam de interação constante.

Se você é usuário do Windows em suas versões mais recentes, então provavelmente você já possui o One Drive, mas não se assute! O recurso não é invasivo.

O One Drive, antigo SkyDrive é um recurso de compartilhamento da Microsoft, ela foi obrigada a mudar o nome do serviço depois de perder uma disputa judicial por violação de marca no Reino Unido, iniciada pela empresa britânica British Sky Broadcasting Group (BSkyB).

Ryan Gavin, gerente da Microsoft, disse que a transição de nome “não foi fácil”, mas representa um conceito mais interessante. Com a nova marca, a empresa aproxima o OneDrive de outros produtos, como o Xbox One e o OneNote.

Tal qual as opções anteriores, através dessa ferramenta é possível acessar e compartilhar arquivos pela web, em uma pasta em seu computador ou por um aplicativo em seu dispositivo móvel.

Os usuários cadastrados poderão armazenar 7 GB de conteúdo grátis. Quem ativar o backup das imagens da câmera para salvar fotos automaticamente ganha mais 3GB de espaço.

Enquanto a pasta desktop e o aplicativo se mostram relativamente fáceis de usar, o acesso online é um tanto mais complicado. A interface e a usabilidade do OneDrive não é das melhores, porém se você já é um usuário Outlook (Hotmail) pode ser uma vantagem usar o OneDrive.

As principais áreas do design

Design é uma área de trabalho ampla, com uma enorme variedade de disciplinas. Para quem está estudando, começando a entrar no mercado ou simplesmente não entende o que um designer faz (as mães que o digam), aqui está um guia para entender as principais áreas do Design.

Design Gráfico

Design Gráfico muitas vezes é chamado apenas de “Design” por ser a área mais conhecida.

O Designer Gráfico trabalha diretamente com o visual dos produtos: sejam imagens para um site, material gráfico, fotografias, infografia, sinalização, diagramação, tipografia, embalagens, etc.

Muitos profissionais de outras áreas (fotógrafos, ilustradores, estilistas, etc) também podem ser designers gráficos ou acabam atuando na área mesmo sem formação. Isso torna o Design Gráfico o segmento mais popular e genérico do design, o que muitas vezes dificulta a valorização do trabalho, e por isso é sempre bom que o profissional se especialize.

Ferramentas: Photoshop, Illustrator, fotografia, Corel Draw.

Diferenciais: Saber desenhar bem, ter ótima percepção de cores, tipografia.

Design de Interface

Engloba uma área grande de atuação. O objetivo do design de interface de usuário é tornar a interação do usuário o mais simples e eficiente possível, em termos de realização dos objetivos do usuário. O processo de design deve equilibrar funcionalidade técnica e elementos visuais para criar um sistema que não é apenas operacional mas também útil e adaptável para alterar as necessidades do usuário.

Quando falamos de interface podemos pensar em todo tido de interação humana com uma interface ou sistema. Painéis de carros, secretárias eletrônicas, softwares (que pode ser considerado uma área do design a parte – Design de Software), a internet e mais recentemente os celulares e tablets criaram um segmento de mercado enorme para a criação de interfaces.

O profissional deve pensar em como um usuário leigo vai utilizar o produto, sempre procurando facilitar o uso, porém sempre levando em conta que toda pessoa possui capacidade para entender coisas mais complexas também. O Design de Interface combina elementos de programação e principalmente estudo do comportamento.

Ferramentas: Illustrator, Photoshop, Dreamweaver, Flash, entre outros.

Diferenciais: Ter muito conhecimento de interação e comportamento, saber programar.

Web Design

Este é um segmento que se mistura ao Design Gráfico e de Interface. O Web Designer é o profissional que desenvolve web sites, hot sites, blogs, lojas virtuais, etc.

Antigamente fazer sites era um trabalho muito manual e focado no código. Era um processo lento e demorado. Hoje, o foco do Web Designer é a praticidade, a segurança, o visual e a navegação dos sites.

É importante nesse segmento do design que se entenda como funciona a programação, o código por trás da interface. O designer aqui não necessariamente precisa ser um programador, mas deve ser um desenvolvedor web, o que significa que ele precisa entender a mecânica, conhecer o que é possível ou não fazer e saber integrar seu layout a um código.

Ferramentas: Aplicativos, softwares de programação Web e programas para Design Gráfico.

Diferenciais: Saber programar e conhecer bem as tendências de desenvolvimento web.

Motion Graphics

Motion Graphics é a criação de animações digitais com vídeo, efeitos e imagens, também conhecida como “multimídia”. É um segmento forte do design porque possui aplicações no cinema, na música, na publicidade e em diversas outras áreas.

Trabalhar com Motion Graphics significa criar animações, efeitos especiais, gráficos e arte digital em vídeo.

O legal de trabalhar com vídeos é que o resultado é muito bacana e impactante. Mas apesar de ser um trabalho bem visual, o processo de criação é demorado e muito minucioso.

É interessante procurar alguma especialização em Motion Graphics, como animação de personagem, efeitos visuais ou 3D. Se conseguir mergulhar em um desses assuntos, com certeza terá mais base para suas criações.

Ferramentas: After Effects, Cinema 4D, Photoshop, Maya, Flash.

Diferenciais: Conhecimento de animação tradicional.

Game Design

Enquanto nos anos 80 e 90 as pessoas curtiam os games sem nem imaginar que poderiam colaborar com suas idéias, hoje existem milhares de pessoas lançando jogos. Criar games deixou de ser algo exclusivo das grandes produtoras.

Trabalhar com design para games é uma mescla de Design Gráfico, animação, programação, modelagem 3D e Design de Interface.

O desenvolvimento de games é dividido em várias áreas e exige muito conhecimento técnico. É difícil um game ser desenvolvido por apenas uma pessoa (a não ser um jogo mais simples) e por isso é muito bom saber trabalhar em equipe e ter um conhecimento geral do processo.

Ferramentas: Varia bastante de acordo com a plataforma.

Diferenciais: Ter muito conhecimento de games e bastante criatividade.

Design de Interiores

Design de Interiores é uma área bem ampla que envolve estudo, projeto e criação de ambientes levando todos os aspectos em conta: iluminação, conforto, temperatura, texturas e materiais. Cuidado para não confundir um Designer de Interiores com um Decorador.

O designer não vai simplesmente decorar o ambiente – ele vai combinar elementos com base em um projeto detalhado do espaço, materiais, temperatura e iluminação.

Ferramentas: AutoCAD, Sketchup, Revit, Photoshop.

Diferenciais: Ter ótima noção espacial e conhecimento de arquitetura, iluminação e materiais.

Design de Produto

Esse é um segmento que voltou com força total depois da popularização das impressoras 3D. Design de Produto envolve todas as etapas de criação de um produto, passando pelo rascunho, protótipos e produto final.

Atualmente é fácil modelar em 3D e criar produtos básicos sem muito conhecimento técnico. Mas quem quer se especializar como um Designer de Produto deve estudar bastante e conhecer a fundos os programas de modelagem.

Ferramentas: Alias Design, Solidworks.

Diferenciais: Ótima visão espacial, conhecimentos de geometria e de materiais.

Design de Moda

Design de Moda é a aplicação do design na criação de roupas e acessórios. É uma área que mistura elementos gráficos com o aspecto técnico da construção de roupas.

Trabalhar com moda exige conhecimento histórico e o acompanhamento incessante de tendências.

E não adianta fazer apenas ilustrações bonitas. Mesmo quem trabalha apenas fazendo estampas de camiseta precisa ter o conhecimento técnico de como as roupas são feitas, estampadas e finalizadas.

Ferramentas: Programas de Design Gráfico e ferramentas manuais.

Diferenciais: Conhecimento técnico e muitas referências.

Mobile Design

Talvez o mais novo de todos os seguimentos. Mobile design é uma área relativamente jovem, que muda muito rápido e está diretamente ligada a tecnologia. Trata-se de criar aplicativos, jogos, web apps… ferramentas que irão rodar em um dispositivo móvel como um celular ou um tablet.

Ser um desenvolvedor mobile é entender que estamos lidando com interação em uma interface com recursos limitados por tamanho e/ou processamento, no entanto a tecnologia tem permitido muitas melhoras nesse aspecto.

Tal qual um web design, para ser um desenvolvedor mobile é preciso entender a programação por trás da plataforma, não necessariamente ser um programador, mas conhecer e entender os limites e necessidades de um código. A programação do sistema muda de acordo com a plataforma: IOS (apple), Android (com suas versões de doces como Kitkat e Jelly Beans), Windows Phone, etc.

Além de códigos, é impotante saber que criar uma interface mobile vai depender de para qual plataforma você está desenvolvendo. Cada plataforma tem suas especificações de funcionamente determinadas por sua empresa responsável, que normalmente concede guias e downloads que permitem entender sua configuração e permitindo que seu layout siga essas premissas.

Ferramentas: Photoshop, Illustrator, softwaresd e programação e outros.

Diferenciais: Saber trabalhar em equipe, entender comportamento humano, estar antenado com as novidades tecnológicas.

Android: 35 comandos de voz do Google Now que você precisa saber

No início do mês passado, a Google fez a alegria dos internautas brasileiros ao adicionar comandos de voz em português no Now, o assistente pessoal do sistema operacional Android. Com isso, torna-se possível conversar livremente com o serviço usando a nossa língua nativa – até então, só era possível operar o utilitário através da língua inglesa.

Para usar esse recurso, basta atualizar seu Now para a última versão disponível e abri-lo normalmente através do app “Google”. Em seguida, toque no pequeno ícone de um microfone (localizado no canto superior da tela, ao lado da barra de pesquisa) e diga o comando que você quiser.

Se você não está acostumado a usar assistentes pessoais e precisa de ajuda para começar a interagir com o Google Now, confira nossa lista com alguns comandos básicos que você pode experimentar para iniciar a diversão.

Comandos essenciais

Vá para [endereço do site]
Ex.: Vá para tecmundo.com.br.
Pesquise [palavras-chave]
Ex.: Pesquise Android Google Now.
Abra o [nome do aplicativo]
Ex.: Abra o Gmail.

Produtividade

Me lembre de [descrição da tarefa na agenda]
Ex.: Me lembre de comprar um cabo USB amanhã, às 10 horas da manhã.
Crie um alarme para [horário]
Ex.: Crie um alarme para a sexta-feira, às 3 horas da tarde.
Crie um evento no meu calendário: [detalhes do evento]
Ex.: Crie um evento no meu calendário: aniversário da Ana, amanhã, às 5 horas da tarde.
Crie uma nota: [detalhes da nota]
Ex.: Crie uma nota: lembrar de estudar para a prova de inglês.

Comunicação

Ligue para [nome do contato]
Ex.: Ligue para o Ramon.
Envie uma mensagem para [nome do contato]: [mensagem]
Ex.: Envie uma mensagem para o Ramon: vou chegar atrasado na reunião.
Enviar email para [nome do contato ou endereço de email: [mensagem]
Ex.: Enviar email para Ramon: que horas será a reunião?

Navegação

Navegar até [endereço]
Ex.: Navegar até a Av. Paulista, nº 1373.
Rotas para [endereço ou nome do local]
Ex.: Rotas para a Praça da Sé.
Onde fica o [nome do local]
Ex.: Onde fica o Parque Ibirapuera?
Onde fica o [restaurante, shopping, cinema etc.] mais próximo?
Ex.: Onde fica a sorveteria mais próxima?

Informações gerais

Eu preciso de um guarda-chuva amanhã?
Como estará a temperatura [dia e horário] em [local]?
Ex.: Como estará a temperatura amanhã de madrugada em São Paulo?
Onde [pessoa] nasceu/morreu?
Ex.: Onde o Michael Jackson nasceu?
Quando [pessoa] nasceu/morreu?
Ex.: Quando o Elvis Presley morreu?
Qual é a idade do [pessoa]?
Ex.: Qual é a idade da Xuxa?
Qual é a altura do [pessoa]?
Ex.: Qual é a altura do George Obama?
Qual é a altura do [nome de um prédio]?
Ex.: Qual é a altura da Torre Eiffel?
Quem é [nome da pessoa]?
Ex.: Quem é Dilma Roussef?
Quem inventou o [invenção]?
Ex.: Quem inventou o telefone?
Quem escreveu [obra]?
Ex.: Quem escreveu “Crepúsculo”?
Qual foi o resultado do jogo entre [nome do time 1] e [nome do time 2]?
Ex.: Qual foi o resultado do último jogo entre o Corinthians e o Botafogo?

Quais são os pontos turísticos de [nome da cidade]?
Ex.: Quais são os pontos turísticos de São Paulo?
Converter [quantia da primeira moeda] em [nome da segunda moeda]
Ex.: Converter 10 euros em reais
Converter [primeira medida] em [segunda medida]
Ex.: Converter 10 metros em pés
Somar/subtrair/dividir/multiplicar [primeiro número] por [segundo número]
Ex.: Multiplicar 8 por 5.
Qual é a população de [cidade/país]?
Ex.: Qual é a população de Nova York?
Quem é o presidente do [país]?
Ex.: Quem é o presidente do Cazaquistão?
Quando é o [nome do feriado]?
Ex.: Quando é o Dia dos Pais?
Qual foi o último episódio de [nome do seriado/novela]?
Ex.: Qual foi o último episódio de Avenida Brasil?
Filme: [nome do filme]
Ex.: Filme: “Malévola” (para saber informações básicas sobre o longa-metragem)
Qual é o elenco de [filme]?
Ex.: Qual é o elenco de “Malévola”? (para ter a lista de atores)

O que não conseguimos fazer?

Vale observar que, durante os nossos testes, não conseguimos usar alguns dos comandos de voz em português sugeridos pela própria Google. Falhamos, por exemplo, ao pedir que o celular reproduza músicas (“Ouvir: [nome da música]”), identifique a canção que está sendo reproduzida no ambiente (“Que música é esta?”) e mostre o menu de restaurantes/lanchonetes locais (“Me mostre o cardápio do [nome do estabelecimento]”).

Se você conhecer algum comando interessante que não foi citado nessa lista (ou conseguiu fazer alguma das frases falhas acima funcionar), não deixe de avisar usando o campo dos comentários!

Via TecMundo