23°C 16°/ 24°
Mobile · Android · Eventos · Google/YouTube

Google apresenta novo design para Android, Chrome OS e Web

50 Comentários

Da Keynote da Google, que pode ver aqui na integra, surgiram já bastantes novidades da conferência anual I/O 2014, a primeira respeitante ao design.

A Google revelou um novo design para Android, Chrome OS e Web, uma nova imagem que se enquadra naquilo que será a “teoria unificadora de um espaço racionalizado e de um sistema de movimento”.

io_google_design

A Google Design apresenta-se assim como a nova linguagem aplicada à nova interface. No vídeo é possível ver esta nova interface em acção, com aplicações Google radicalmente redesenhas tanto no Android como Web, incluindo o Gmail ou o calendário.

Com esta nova interface, a Google pretende que os dispositivos com que o utilizador interage sejam um seguimento das acções da vida real.

“Our material is grounded in tactile reality, inspired by our study of paper and ink, yet open to imagination and magic”

O novo design representa desta forma uma mudança real à anterior interface Holo UI introduzida no Android 4.0 em 2012, onde as cores brilhantes e as transições animadas são a grande aposta.

Estão assim lançadas as directrizes e ferramentas para os programadores criarem as suas apps para Android e Web. Esta nova interface virá integrada já no final do ano com o lançamento da nova versão do Android “L”, mas está disponível para os programadores a partir de hoje.

Google Design

 
 

Outras novidades do Google I/O 2014
Autor: Maria Inês Coelho
Partilhar:
Tags:
design Developers Google/YouTube I/O interface
Novos router TP-LINK com suporte para 802.11ac
Artigo anterior

Novos router TP-LINK com suporte para 802.11ac
Google leva o Android para o carro com o Android Auto
Próximo artigo

Google leva o Android para o carro com o Android Auto
Também pode gostar
PUB

Comentários

50

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

  1. Avatar de ANDROID +1
    ANDROID +1

    Muito bom, na minha opinião ao mesmo nível do IOS8! Pela primeira vez dou-vos os parabéns Gooogle, a nível de design é claro, a outros niveis eu ja gostava muito

    Responder
  2. Avatar de roberto
    roberto

    gostei, bom design, bastante simplificado.

    Responder
  3. Avatar de Cátia
    Cátia

    Parecido ao metro no windows 8 e wp

    Responder
    1. Avatar de Nelson
      Nelson

      Nops…

      https://www.youtube.com/watch?v=cO3rsfE7GM0
      =
      https://www.youtube.com/watch?v=Q8TXgCzxEnw

      LOL!

      Responder
      1. Avatar de Nuno Vieira
        Nuno Vieira

        Se tu o dizes…

        Responder
      2. Avatar de jm
        jm

        aqui o nelse é quem faz secçao do humor do pplware

        Responder
    2. Avatar de DansVC
      DansVC

      Não é bem igual, no metro UI não existe circulos, é basicamente tudo quadrado (exeto no botão de andar para trás). Este design tem sombras o metro UI não. E se reparares bem é parecido com o design que a Google tem adotado ao longo dos últimos anos.
      A metro UI é mais simples e rígida, é simplesmente quadrados ou retângulos com bordas finas sólidas e que privilegia imagens de fundo sólidas também.
      Existe sim parecências significativas como a interface Metro UI, mas é a que está na moda.

      Responder
  4. Avatar de DavidSalgueiro
    DavidSalgueiro

    Metro UI?

    Responder
    1. Avatar de João Pereira
      João Pereira

      Penso que consegue ser mais bonito.

      Responder
      1. Avatar de Silva
        Silva

        É mais bonito porque é da google…

        Responder
  5. Avatar de Nuno Dias
    Nuno Dias

    Ao ver a imagem do artigo pensei logo: cópia descarado do metro da Microsoft, mas em feio.

    Responder
  6. Avatar de Diogo
    Diogo

    Se navegarmos pelo site deles, vemos claras semelhanças entre as imagens do site e as que circulam pela net sobre as alterações de design ao gmail (tanto mobile e desktop) 🙂

    http://www.google.com/design/spec/material-design/introduction.html#

    https://ppl.sitedev.pt/informacao/surgem-novas-imagens-da-alteracao-que-a-google-prepara-no-gmail/

    https://ppl.sitedev.pt/informacao/google-anda-a-fazer-experiencias-com-a-interface-do-gmail/

    Um exemplo é a localização do botão para criar um novo mail.

    Responder
  7. Avatar de J.P.
    J.P.

    Gostei. Tudo muito ao género WP e Modern UI.

    Responder
  8. Avatar de Renato Paupério
    Renato Paupério

    Está muito agradável de se ver aparentemente.
    Talvez algo parecido com o design do Windows, o que para mim é um bom caminho a seguir.

    Responder
  9. Avatar de Pedro
    Pedro

    http://material-design.storage.googleapis.com/videos/animation-meaningfultransitions-view_contact_large_xhdpi.webm

    Alguem reparou nisto na pagina do google designs???

    Responder
    1. Avatar de Marco
      Marco

      Notifications do iOS lol

      Devem ter usado o modelo para mostrar as novas app google no ios, e esqueceram se de mudar para mostrar a app contacts do google.

      Fica uma imagem como deve ser:
      http://material-design.storage.googleapis.com/images/style-typography-8_large_mdpi.png

      Responder
    2. Avatar de Bruno Miguel
      Bruno Miguel

      O icon do sinal de rede foi inspirado num tema miui

      Responder
  10. Avatar de Pedro Dias
    Pedro Dias

    Muito windows xD

    Responder
    1. Avatar de Diogo
      Diogo

      Se não me engano o Google Now sempre mostrou informação neste formato de “cartões”. Simplificando esse conceito podemos dizer que são “quadrados com informação”, e isso já existe há muito na Google. Portanto não vejo o porquê de se dizer “Muito windows”. Falo do Google Now como podia ser outra coisa. Esse design não é propriamente novo. Simplesmente remodelaram e tornaram-no a base para o desenvolvimento para qualquer tipo de dispositivo/ecrã.

      Responder
      1. Avatar de Nelson
        Nelson

        O Google Now saiu depois do Windows mostrar a interface metro…

        Responder
  11. Avatar de Blop
    Blop

    Funny.. apple copia android ou vice-versa: ui o mundo desaba, fanboys para todo o lado! alguem copia algo do windows mobile: ya até esta fixe, tudo pacifico… lol humanidade

    Responder
    1. Avatar de Marco
      Marco

      Nao vejo assim tantos quadradinhos, vejo e mtas bolinhas 😛

      Responder
      1. Avatar de pois
        pois

        Flat design é flat design e a Microsoft revitalizou esse estilo para o mundo da tecnologia, bolinhas ou quadrados, isso são questões interpretativas. A essência está lá, é só abrir os olhos não é muito difícil ver que estão a seguir o que a Microsoft já utilizava com visão pioneira e continuará a ser neste campo. Os consumidores é que escolhem o que sempre tiveram.

        Fica aqui esta imagem se ainda houver duvidas:
        http://media.tumblr.com/5d5f4f74ba049623b42e7144d1a28e8a/tumblr_inline_n7qnpytWef1qzvm1l.png

        Responder
      2. Avatar de Silva
        Silva

        Copia nao, melhora 🙂
        Tudo que é feito pela Google é bom e lindo.
        E pela Samsucks é inovador e essencial.

        Responder
  12. Avatar de JJ
    JJ

    Como já disse anteriormente, volto a dizer.

    Apesar de muitos falarem mal da Microsoft, é a Microsoft que marca as tendências das modas do mundo web e tecnológico, a nível de desgin.

    Os redondos, as sombras, os efeitos 3D e afins, até a vinda do Vista, pouco eram vistos em sites, programas e afins. Depois do lançamento do Vista, esses aspectos gráficos passaram a ser o destaque.

    Agora feito o Win8, com um desgin muito criticado, mas gradualmente os sites, programas e afins, começam a utilizar esse tipo de grafismo, e agora o Google.

    Na minha opinião, acho bem, pelo video ficou bonito.

    Responder
  13. Avatar de Nelson
    Nelson

    Apesar de ser parecido com outros designs, como o do iOS 7, Metro UI, e, principalmente, com o Facebook Pop… acho que a Google tem já as ferramentas para serem criadas App’s com esta linguagem, as mais avançadas…

    Está muito bom!

    Responder
    1. Avatar de ANDROID +1
      ANDROID +1

      +1 Concordo 🙂

      Responder
  14. Avatar de larterpt
    larterpt

    Não dirias estilo windows UI, diria mais estilo flat…
    https://www.youtube.com/watch?v=Q8TXgCzxEnw#t=31 😉

    Responder
  15. Avatar de Cabral
    Cabral

    Primeiro foi a Apple a imitar o design dos Lumias, agora é a Google a imitar a interface Moderna do Windows 8/Phone…

    Tão difamada que foi a aposta da Microsoft… e agora a concorrência vai espreitando e imitando. É caso para dizer…

    Haters gonna hate!

    Maldizem por maldizer até que as suas marcas favoritas abracem as mesmas linhas orientadoras, aí já passa a ser um produto de qualidade… haja paciência.

    Responder
    1. Avatar de filipe
      filipe

      Nem mais! Concordo plenamente.

      Responder
    2. Avatar de Nelson
      Nelson

      Mais um lunático…

      A Apple já desenhava assim os iPod’s

      http://www.everymac.com/systems/apple/ipod/specs/ipod-4th-generation-4g-nano-specs.html

      Responder
      1. Avatar de Sergio
        Sergio

        Não tem muito haver o design do iPod com o do iPhone 5C/Lumia 620.

        Quanto à noticia, com mais círculos ou menos círculos a ideia do W8 está lá (curioso é que tanto criticaram essa ideia).

        Pega-se umas ideias do iOS e umas ideias do metro UI e temos “inovação”. No entanto parece interessante este novo aspecto, já fazia falta…

        Responder
      2. Avatar de Nuno Vieira
        Nuno Vieira

        Eu quando olho para o 5C, a ultima coisa que me vem à cabeça é o iPod Nano. As únicas coisas que têm em comum é serem coloridos e ambos serem da Apple. Talvez a primeira coisa que me vêm à cabeça é mesmo o Lumia 620.

        Responder
    3. Avatar de tavares
      tavares

      É esse um dos motivos pelo qual sou um cliente “fiel” da Microsoft…a quando do lançamento de qualquer produto “diferente” chovem as críticas.Pouco depois TODOS seguem a “moda”…significa que com produtos da Microsoft/Windows estou sempre na vanguarda!!kkkkkkkkkkkkkkkkk

      Responder
    4. Avatar de pois
      pois

      E vai ser ainda mais daqui para a frente. iOS com snap view, tablets para produtividade, PCs com touch, Apps de telemóveis no PC (Chromebooks), TabletPCs etc. O mal é as pessoas olharem sempre para os mesmos produtos. Neste momento a Microsoft está a inovar mais do que a Apple e a Google junta.

      Responder
  16. Avatar de Ai este povo
    Ai este povo

    Pois é…e de repente a Microsoft ditou as regras! Ninguém gostava do Janelas 8 agora , a pouco e pouco todos vão lá buscar inspiração.

    Responder
    1. Avatar de Marco
      Marco

      Continuo a nao gostar.. lol agora vais me dizer que a windows inventor o flat style? que eu saiba e a única coisa em que o novo estilo do android se baseou..
      Espera ate por os dois sistemas lado a lado e vocês vem as diferenças.. santa paciência digo eu.. conversas sem fundamento.

      Responder
  17. Avatar de Marco
    Marco

    está muito bom visualmente, já faltava isto. gostei de ver aquela integração com o chromebook, já se adivinhava, mas foi bom ver que o investimento da google no chromeOS não é para se deitar fora (microsoft e Apple tenham medo).

    Responder
  18. Avatar de jm
    jm

    A ui nao é assim tao parecido com o windows. As cores vivas é que dão essa impressão. No entanto essas cores já estao na moda à muito tempo no design.Já estavam na altura do WP, por isso é que eles usaram.
    o que aconteceu foi um redesign geral como aconteceu no ios 7. Ao passo que o windows phone surgiu mais tarde que os outros dois OS e portanto teria necessariamente que ser mais contemporaneo.
    quem disse mal do design do WP é porque nao percebe chebo.

    Responder
    1. Avatar de Marco
      Marco

      Eu nao gosto do design do WP, no entanto gosto do IOS e do android. e todos adoptaram o estilo flat.

      Responder
      1. Avatar de jm
        jm

        naos estou a falar do User experience. isso acho que todos podemos concordar que é dferente em todos

        Responder
  19. Avatar de NewJ
    NewJ

    Será que finalmente vou ver a minha Tablet nexus com o estilo windows/wp8.1 que tanto queria?

    Responder
  20. Avatar de Scheldon
    Scheldon

    Em 2012 o Google fez varias criticas ao desing adotado pelo WP, hoje eles vem com essa, quando eu penso que o Google não pode ficar pior.

    Responder
    1. Avatar de roberto
      roberto

      TRUE!!!

      Responder
  21. Avatar de Vitor Martins
    Vitor Martins

    A imagem da noticia engana imenso e leva as pessoas a pensar que vai ser identico ao metro UI.
    Não tem nada a ver. Quem assistiu à keynote saberá que o que foi introduzido é o chamado material design onde se dá importância à profundidade dos elementos interactivos das apps, com sombras dinâmicas em realtime e transições. Haverá botões “flutuantes” para as diversas acções. O conceito de pixel levado às 3 dimensões.
    Cá para mim é um avanço bem interessante e não acho que seja copia da concorrência.

    Responder
    1. Avatar de Marco
      Marco

      Concordo lol, check estas imagens
      http://material-design.storage.googleapis.com/images/Style-Color-Themes-theme-02_large_mdpi.png
      http://material-design.storage.googleapis.com/images/style-typography-8_large_mdpi.png
      http://material-design.storage.googleapis.com/images/Style-Color-Themes-theme-01_large_mdpi.png
      http://material-design.storage.googleapis.com/images/components-buttons-usage-raised-1a_large_mdpi.png
      http://material-design.storage.googleapis.com/images/components-buttons-mobile-dropdowns-1b_large_mdpi.png
      http://material-design.storage.googleapis.com/images/components-chips-contactchips-chips_03a_large_mdpi.png
      http://material-design.storage.googleapis.com/images/components-dividers-image-based-1a_large_mdpi.png
      http://media.idownloadblog.com/wp-content/uploads/2014/06/Multitasking-Android-L.jpg

      Agora onde e que isto ta a haver com o Windows8 lol…

      Responder
  22. Avatar de DSpinola
    DSpinola

    Casamento entre iOS e MetroUI? Huum…

    Responder
  23. Avatar de Ridelight
    Ridelight

    Toda a gente criticou o design do Windows 8, agora a Google imitou e já é bonito…
    Haja bom senso…

    Responder
  24. Avatar de João Ramiro
    João Ramiro

    sou o único a achar isto parecido com o OS da Jolla?

    Responder
  25. Avatar de Vítor Pombeiro
    Vítor Pombeiro

    “Things began to change once ex-Palm design head Matias Duarte joined the Android team back in 2010.”

    “Duarte famously criticized Microsoft’s Modern design language calling it “airport lavatory signage” and “too starkly systematic.””

    Sem comentários

    http://www.wpcentral.com/android-tries-find-identity-through-new-material-design-ui-

    Responder
Aviso:

Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. A administração deste site reserva-se, desde já, no direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.