Home

Share this Story

Here are Android “L” App Design Screenshots for Maps, Settings, Music, Keyboard, and More

Android L Header

Everyone is waiting patiently for Google to release the Android L preview build tomorrow, but hopefully these screenshots can help ease the impatience.

Android L, from what we can see so far, is a major redesign for the OS. App color schemes and various layouts are changing considerably inside of system applications, which might have Android L as one of the most distinguishable updates the OS has ever received. For example, colors for system volumes are now going to be a bright yellow instead of Holo Blue, and many other apps and lists seem to be much more vibrant. 

Google Keyboard will also see a nice update at some point, more than likely through Google Play, which looks to bring a very minimal and flat appearance.

Google has posted an entire walkthrough of their new design language, so take a peek if you want to dive deeper into Android L.

Below, we have posted a few of the big UI update screenshots we have seen on the site.

Share your thoughts below.

Gallery

components-buttons-persistant-footer-4b_large_mdpi components-buttons-usage-flat-do_large_mdpi components-cards-content-card_books_large_mdpi components-dialogs-content-dialogs_03a_large_mdpi Style-Color-Themes-theme-02_large_mdpi

style-imagery-integration-imagetypegallerya_large_mdpi style-imagery-integration-imagetypeheroa_large_mdpi style-imagery-integration-imagetypeherob_large_mdpi style-imagery-integration-introduce_scalea_large_mdpi style-imagery-principles-delight_large_mdpi

style-imagery-principles-information_large_mdpi style-typography-8_large_mdpi style-typography-24_large_mdpi style-typography5_large_mdpi style-typography7_large_mdpi

ViaGoogle Design
  • bennythejetrodriguez

    It has that ios 7 simplicity with unique android elegance. I like the direction as well

  • If anyone wants to see a video of this. You can watch is here:
    http://youtu.be/aXFXEku1HCw

  • Pankaj Saharkar

    great new android version

  • duke69111

    Are those buttons at the bottom really what they’re going with. That’s not going to work.

  • Wall Breaker

    Finally, the calendar app actually looks decent for Once.

  • Wall Breaker

    Google Has Done a beautiful Job evolving Android Over the years, it is really starting to feel more complete and Unified.

  • Riz Virani

    Am I the only one who thinks the flatness is getting pushed too hard?

  • chris125

    Those software buttons look like the ugly buttons on old moto devices. Not sure what was wrong with the current software buttons.

  • MikeSaver

    i never understand why google doesn’t work its primary color scheme into android more. Lotta black n stuff. Wheres that white, yellow, blue green and red? Shouldn’t they really try to put more of a google branded mark on the os?

  • jordeninghamego

    my classmate’s
    mother makes $81 hourly on the internet . She has been out of work for 6
    months but last month her income was $15910 just working on the internet for
    a few hours. see wℴℛks77.ℂℴ­­­ℳ

  • Razma

    I hope the Moto X jumps onto this quickly like it’s been doing in the past

  • LTEasy

    These are the new on screen buttons for version “L”? ugh that sucks….i dont even want the update anymore its that bad

  • MacNificent

    Nexus 9….

  • Frank Claycomb

    Yet they will leave the dialer untouched…

    • grumpyfuzz

      the dialer got a redesign, again. what are you talking about?

      • Frank Claycomb

        It was a joke… I know they updated it and it looks great.

        • grumpyfuzz

          My bad, for a second I thought you were joking then my final thought was that you weren’t, so I typed up that reply. And I agree it does look good, but Google will probably change the design very soon, they keep changing the design for the dialer.

          • Frank Claycomb

            Yeah I was throwing back to how they killed all holo blue except for in the dialer. Would it kill them to allow it to go landscape as well?

  • frhow

    I honestly absolutely love this new fresh UI. As long as Google stays consistent throughout their apps. Im extremely excited. Now time for a new phone that can take full advantage of this new clean UI.

  • Count Sana

    the navigation keys are really ugly! it’s like kindergarten! i really hope that they are something like prototype or something like that! 😐

    • Wall Breaker

      remember its an early preview that could change.

  • Fresh360

    BEAUTIFUL.
    *I invite your wrath Internets, do your worst*

  • AJ McKay

    Jesus Christ, are those really the soft nav keys? Is this a Playstation phone?

  • These toggles in settings menu look just… yagh…

  • burkett375

    Holy pastels, batman!!!!

  • lynford marrett

    I hope they are adding battery percentage to the notification bar in android L

  • walterramsey12

    my
    friends uncle just got a stunning black Lexus RX 350 SUV just by part-time
    work from a laptop. Visit Website

    …………………………………………….

    w­w­w.W­­O­R­K­S­­7­7.c­o­m

  • Joleen McCurdy

    my co-worker’s
    step-sister makes $69 every hour on the internet . She has been without a job
    for 9 months but last month her check was $15089 just working on the internet
    for a few hours. see this here wℴℛks77.ℂℴ­­­ℳ

  • KristinaMessilyv

    like
    Jacqueline implied I’m taken by surprise that a mom can earn $8130 in 1 month
    on the computer . see post F­i­s­c­a­l­p­o­s­t­.­C­O­M­

  • Brandon

    I don’t like the bright colors, I’m all about stuff being blacked out with the holo blues. I love all the animations though.

  • Joe J

    android is going ios/w8.1 and ios is going android

  • Dave S.

    I like the new on-screen navigation buttons…triangle, circle, square…but even though they each probably (mathematically) take up the same area/space, they look/feel off a bit. The triangle and square look/feel a tad larger than the circle.

  • The Dude

    My thoughts –

    1. there is too much wasted space up top before content. e.g. in photos app, almost 1/3rd is empty space
    2. please give us a global light/dark theme choice instead of each app/setting page/dialer not being consistent
    3. Multitasking UI is less usable – can’t see all apps at once
    4. Don’t want app tabs in there. Can you imagine having 5-10 tabs open and trying to find an app? Single page != app
    6. Playstation buttons mean nothing to a new user
    7. Make this stuff configurable for advanced users. This isn’t locked down iOS
    8. And please please add global backup/restore!!

    • SVem26

      Are you… me?

  • master94

    no joke, I had a dream that was how android would look one day. Even made some date encoded renders just in case and it happened. So cool. Great minds think alike

  • bored_guest

    Only If the the navigation bar was transparent. Also, not that much of a fan of the home buttons.

  • True Radiant Free

    On my Sony Z Ultra GPe:

    • Cool story bro? Not sure how this relates to the topic.

      • True Radiant Free

        Because I got the new wallpaper that was shown on L

        • That’s a bit of a stretch, don’t ya think? Yes, this topic is about L, but that background isn’t even in this topic at all.

          I really don’t care though. It is a lovely wallpaper 🙂

  • cryosx

    the giant blue block in the my files app needs some fixing

    • Shaggy723

      Noticed the same thing. Yeah, it really takes up way too much space.

    • Joshua Rewerts

      I suspect that the block will hide much like Chrome browser’s controls do as soon as you start scrolling.

  • Marcus Allen

    I just want android L on my nexus 4, but im afraid I might be out of luck

  • ali jawad

    Anyone think this will be installable/flashable on the Motorola Xoom tablet? Anyone remember it? Lol.

  • Adrynalyne

    Can’t wait to see all this beauty covered by touchwiz.

  • Garrett Kramer

    overall I like it. Looks like Google Now all over, which is fine with me.

  • Gideon Waxfarb

    Anybody have pics of the do not disturb mode settings? Wonder if it’s terriblely hobbled like the one on the Moto X (where you can’t set a different time on weekends, can’t turn it on manually, and can’t whitelist anyone but favorites).

  • OneForTheGoodDays

    The yellow volume buttons… so lemon merengue?

    • deepen915

      Ladoo.. Indian sweet. Or Lassi, Indian mango smoothie lol

  • sooo…flat

  • the new navigation buttons scream SONY buttons to me. Anyone else?

    • Adrynalyne

      Yup.

    • nino

      they are shapes…

    • You and every single other person on the internet/galaxy

  • Thomas Wolfe

    Am I the only one who sees some design language mimicked from Sense 6.0?

    A lot of these pics and UI layout look just like the One M8 I just left for this Nexus.

  • jamaall

    So can anyone flash the preview onto say, a nexus 7?

  • landon

    I called the tinted status bar

  • graem nyaks

    Lack of innovation is creeping at Google. Nothing really to expect from what we heard so far. Am I the only one to feel this way.

    • Adrynalyne

      Yup…

  • Why is there so much space above and below the icons? It will make it that much harder to see at a glance signal strength and battery stats.

  • Tristan the Marine

    Iiii… Am not such a big fan of this

  • I’ll reserve judgement until I’ve actually used it, but… I really don’t like the flatness. I like Android being markedly different from WP or iPhone. Fortunately we have the flexibility of changing the UI. I’m sure “throwback” theme packages will exist 🙂

    • I (respectfully) disagree. I like how it is flat now, but will have a level of depth and shadows. Seems like a nice, albeit ironic in a way, twist. Just pumped to actually see it all tomorrow!

  • Itsme

    I feel that Google’s design lacks energy and enthusiasm. The color seems to be boring and do not bring up any feelings to users. I completely do not like Apple’s products but its design show me something different. I do hope that Google should be better.

  • Jason Eddings

    Why don’t we just start calling it LAndroid?

  • Setting screenshot is a mockup.

    • Humberto Hernandez

      WAY better.

  • Obviously

    Amazing! Every time they release it makes me fall in love with android all over again

  • Trysta

    Kind of torn right now. I had a really busy day so I haven’t had time to watch any google i/o coverage. Thus far from the screen shots I think some things look cleaner but others look needlessly simplified potentially to the detriment of function. This will definitely be an update that I try on my nexus 7 before my nexus 5.

    But I’m willing to wait and see what the final product will look like. I imagine that like ICS this new redesign won’t really come into its own until version 2.0 (aka ICS > JB).

  • Hunter

    I need that new music app now

  • Aaron Birnbaum

    Yellow!?!?

  • nosedive94

    I feel like the entire “material design” thing feels like if Mattel made a phone. It looks childish, not professional.

    • josuearisty

      Way more atractive than before. This is what android needed years ago, but I hope they change nav bar icons in the final release.

    • Adrynalyne

      Do you feel the same about iOS7 and 8, and windows phone?

      • George264

        I feel the same with iOS and I’m getting deja vu here. iOS 7 was like the 4.0 release and iOS 8 is the 4.1
        There’s the redesign with the bizarre changes and then there’s the minor and feature packed bug fixer. Kind of like Leopard and Snow Leopard and Vista and Win7. Cool. I love the Material Design, it looks awesome and actually looks a lot like Sense 6.

      • nosedive94

        I think Windows Phone is gorgeous these days. iOS 8 isn’t bad looking, but it could be improved upon. I think what’s throwing me off here is all the beveling. It reminds me of Windows XP or webOS in a bad way.

  • roguereversal

    does anyone know if the homescreen icons have been changed to a flat design? It’s something that I have wanted for some time now

    • kashtrey

      They showed some throughout the keynote and they all pretty much look the same. Icons are likely one of the last things they’ll fix, though in the gmail comparison they have the icon transform, so that’s probably the best insight you’ll get into what the new icon theme will be.

      • roguereversal

        Yeah i noticed the change during the stream and got excited haha, thank you for the response though

  • Miguel Meza

    Other than the navigation bar, I like it a lot. They should make the nav bar smaller, it’s way too thick and it doesn’t look very nice imo.

    • Daeshaun Griffiths

      The in app back buttons really bother me. I think they suggest another change.

    • cadtek91

      I think it’s an illusion that it looks taller. The icons are taller than the current ones so it looks taller than normal.

  • Raikou

    I wonder if the last picture, the “My Files” is merely Google Drive, or are we finally getting some sort of solid local file manager.

    • roguereversal

      i would love it if google finally included a stock file manager, it’s been a long time coming

      • Trysta

        +1

  • jamaall

    Holo blue is dead!!

    • TeeJay1100

      Finally

  • Dan Burkes

    I hate the homebuttons. other than that, great.

    • Guest

      I just realized why the home buttons look so weird to me. They’re straight out of Playstation.

      • TechTinker11

        They are shapes…

      • I just realized why the home buttons look so weird to me. They’re shapes straight out of kindergarten.

      • kek

        Or just geometric shapes from the elementary school…

      • Mark

        Them shapes be straight outta Compton

    • C-Law

      I hate them too. How does a circle mean home? I need the house back. The circle is awful. I don’t really like the triangle either

      • Rovindra Singh

        I feel these might just be placeholders for the actual buttons, keeping my fingers crossed!

        • turdbogls

          same here….though something just popped into my head…what if the back triangle button, turned into the “X” button when hitting back would kill the app…that would be…something.

        • Wall Breaker

          they did say it was a “Preview” of L, so things could change. I imagine they showed to so they can hear what people are saying about it.

  • Adam

    Please please please bring this to Nexus 4, Google

    • jonzey231

      I would say they would. It hasn’t been 24 months, has it? Plus, didn’t one of these android sites find a build on a nexus 4 in the chromium logs last week? I’d say the Nexus 4 is a pretty safe bet.

      • Adam

        That did happen last week. I believe the window is 18 months actually, but even so the N4 is certainly more powerful than the lower end devices Google has been targeting as of late…there aren’t any reasons for them not to bring it over as far as I can tell.

        • Humberto Hernandez

          Calm yourself, Nexus 4 WON’T GET ANDROID L PREVIEW, but it will get the final version at the end of the year. Hey, maybe some Dev will port nexus 5 previews for nexus 4, who knows?

  • Jason Purp

    Amazing. They changed the status bar icons to white in KitKat so colors didn’t clash between the status bar and the app you were in. Then they decide to mix random colors together for the system apps in the “L” release. Ridiculous, not amazing, actually.

    • Chris

      It seems that so far you can clearly read and see all of the white status bar icons in all of their new “L” redesigned apps.

      • Jason Purp

        The status bar icons are fine. I’m talking about clashing in general. They have apps with yellow themes that also have teal buttons. WTF? And the yellow sliders in the Settings app? It looks so tacky.

    • bruh

      Maybe they did this on purpose because L will be “lollipop”?

      • Firelight

        Yellow=Lemonade. Lemondrop. Lemon Meringue…?

    • Wall Breaker

      they assign colors to apps which is actually smart and makes everything feel more unified and organized.

  • Jason

    Could apk mean we could use some of these apps tomorrow when xda gets there hands on the builds?

    • Josep Reyes

      they’ll probably work on the new version of android

  • JSo

    I wish the status bar color would change to the same exact color as the action bar and not a darker shade. I do love the new look though and can’t wait until tomorrow comes.

    • WitnessG

      Same, but atleast its better than having it black.

      • TechTinker11

        I don’t understand why its not transparent.

        • Kevin Mcclain

          Look at the travel screenshot. It does look transparent.

          • TechTinker11

            Kinda, though why does it need to be a darker version? transparent will keep it in line with the rest of the app just fine. I also don’t like the huge gaps between the icons, this is weird.

          • Spoorthy Vemula

            Its not completly transparent sometimes because google knows that white icons can be dfficult to see on certain colors (like yellow). So they made it slightly darker to improve the visiblity

        • JSo

          Now that you mention it and I look at it more, it does seem to be SEMI transparent. So it’s probably a 25-50% transparent black status bar, which would make it a darker shade. I was looking at it as a solid darker shade of the action bar. That makes more sense now. But I have been using Xposed Tinted Status Bar Mod and it does what I previously said and I think it looks good.

    • josuearisty

      There are some people who need to know where is the status bar and not having it all transparent apple fanboys cant say we copy. You how is this

    • DrDroid

      It sounded like the developers could choose the color/translucency of the status bar for their app. So I think it will come down to the developer’s aesthetic preferences.

    • Joe LaFreniere

      Having the darker status bar background makes the white icons more visible. Dark transparency over apps’ themes is the right compromise between readability and style IMO.

  • Alex Boro

    Is it android 5.0 or android 4.5

    • brkshr

      This substantial of a change warrants a full point jump to 5.0.

    • Jones Pavroni

      If this is not Android 5.0, I don’t know what would be~

  • Daeshaun Griffiths

    the sphere of visibility is kind of interesting. The changes to notification on the lock screen are cool(not really). The design is great and important but i just can’t wait for u guys to get L. The room 8 video is giving me so much and i suggest everyone watch.

  • Ray

    Has the notification toggles gotten flatter and turned to circles? haven’t seen any pics of the actual framework just a bunch of apps

  • nebula

    I hope that the music app is the new play music app. It looks soo nice!

    • Shamu

      Agreed!

    • kashtrey

      This a million times the Music app is all they really needed to show off because it had me drooling. The highlight color that is contextual to the album art, the animations where the play button from an album “melts” into the play control area. This really is amazing. http://www.youtube.com/watch?v=Q8TXgCzxEnw#t=30

      • Nexus Fan

        My Nexus & 2012 had an update waiting for me when I woke up, and Already have 4.4.3, this could be it!

        • t3lancer2007

          It’s 4.4.4.

        • Jem

          It’s 4.4.4 as stated already, it’s a bug fix only.

    • GUEST

      ALL THOSE SCREENSHOT ARE MOCKUP, LIKE THE GOOGLE MAP WITH TRANSLUCET BAR ON KITKAT? DON’T EXPECT THOSE APP TO BE RELEASED, WHY THE SETTING WILL NEED A SLIDEOUT DRAWER !!!

      • Lucky Armpit

        Why are you shouting?

        • GUEST

          MY CAPS IS LOCKED §§§

    • mamiecharbonneau325

      til
      I saw the bank draft ov $4994 , I did not believe that…my… best friend
      was like they say truly receiving money in there spare time at their laptop.
      . there friends cousin had bean doing this 4 only 6 months and as of now took
      care of the dept on their villa and bourt a great new opel . learn the facts
      here now

      w­w­w.w­o­R­k­s­7­7.c­o­m

  • Wall Breaker

    I really Like the Direction their going with this,

    • Buyecurrencyonline

      Buy and sell E-currency like Perfect Money, Skrill, Bitcoin,
      Ego-pay, Ok-pay, STP, Web-money on very compatible exchange rates. To get
      advantages from our services, have a look upon this…. goo.gl/0OM5AR

    • they’re*

      but initially, i really liked the direction you were going with this

      • Tanuj Chokshi

        Why didn’t you correct his capitalization and punctuation while you were at it, Grammar Nazi?

      • Wall Breaker

        thanks lol.

  • Jason

    Aren’t these apk wide changes not system wide?

  • interstellarmind

    I’m ALL for embracing new UIs and I think the changes are great…

    EXCEPT the keyboard. I LOVE the individual keys… No, Google, NO!!!!

    • Wall Breaker

      the Beauty fo android is you can change it.

    • Jeremy Turnley

      Lucky for you, Swiftkey just went free. 🙂

      • Aooga

        …mium

        • Spoorthy Vemula

          The only thing that is paid is themes. Everything else is free. Barely freemium.

          But BTW the keyboard is AWESOME

          • Aooga

            I know, I just had to add it 🙂

      • Joe J

        Swiftkeys been free because there is no need for 3rd party keyboards no mo

        • Jeremy Turnley

          Trust me, Swiftkey still has enough of a leg up on the native keyboard to make it worthwhile. Its predictive text is head and shoulders above the built in one, and its ability to learn from outside sources gets that feature up to speed much faster. It also has swype-like typing if you are into that.

          • Joe J

            I bought swiftkey years ago and used it on almost all my phones in the past. It was a must until recently about a year ago. Other stock options have been good enough for me not to use swiftkey. Almost all keyboards have swipe now. Predictive text is the best feature on swiftkey. but swiftkey uses more resources and lags compared to other options now. I’m actually using the stock lg g3 keyboard and its fantastic and i feel no need for laggy swiftkey

    • kashtrey

      I like the look of individual keys, but it’s definitely just an aesthetic thing. There’s really not functional reason to have it.

    • I’m sure you could sideload a current google keyboard apk and keep it

  • xzero425x

    It’s so pretty :’)

  • tharealoc

    Keyboard looks very Fleksy. I like it

    • josuearisty

      Fleksy is great, better say the best, so google decided to take some notes in desing.

  • brkshr

    Pastel… pastel everywhere!

    All this pink and teal is giving me flashbacks to the 90’s.

    • Aooga

      The colors adapt to the image behind it. If the image is pink, it’ll be pink.

      • brkshr

        I like that feature too! Aside from those few images with an image behind them, there is still pink and teal and other pastel colors going on. My Books, pink-ish. Settings, teal. Drive intro background, teal. It all just takes me back to my 90’s wardrobe as a child.

        • kashtrey

          I think teal is the new holo blue and will be in a lot of places system wide. I think the pink is in the contrasting color palette for teal, which is why it’s in a lot of things as well. I actually like the teal,black, smoke grey look of everything. I’m not a huge fan of pink but it works well together.

          The contextual color is pretty dang awesome though. I said it once before in this thread, but it’s really awesome in the music app where it changes a ton of different accents colors for controls.

  • Arian

    Oh no I like separate volume toggles for ringtone and notifications. I keep the ringtone on when I sleep so I don’t miss important phone calls but keep the notifications down so I don’t wake up to texts from friends that can wait until morning.

    • Ray

      I use lightflow to decide what rings at night that should still work.

    • brkshr

      Ringtone & notification volumes have been linked for a little while now on stock android.

      • Jason Brown

        woah. thanks for the heads up! i didnt even know that. i guess i take for granted the small things when using a custom rom like CM

      • Jeremy Turnley

        Yeah, they went that way in Android 2.3, might have been 4.0, I just remember being pissed off about it.

    • marcos55

      even if some folks are okay with the ringtones & notifications being linked together, a lot of us want them separate. Please, Motorola – Google – Android – please separate those two volume controls, again, please!!!

    • Those settings screenshots are mockups, ARS has the correct shot. http://cdn.arstechnica.net/wp-content/uploads/2014/06/IMG_1382-980×653.jpg

    • Lucky Armpit

      I was going to say… and yet again, Google decides to link the Notification and Ringtone volumes. Not understanding that at all.

  • Aooga

    Am I the only one who hates the space between the status bar icons?

    • Nope. I hate the spaces, too. And the keyboard seems ‘meh’. Otherwise, I love what I see.

      • Aooga

        Not liking the spacebar on the keyboard. Looks like a graphics artifact.

        • Sqube

          I’m not a huge fan, but I can see where it was logical to differentiate the space bar in some way.

      • kashtrey

        I’m not sold on the keyboard, I like the chiclet metaphor but have to admit having “keys” like that on a digital screen is pretty dumb. No one is touch typing.

    • cadtek91

      No, that’s the only thing I’m not liking right now. But we’ll see how it looks on a device.

    • jeff manning

      They might be spaced for multiple drag down points like Ubuntu

      • Aooga

        I would rather not have that than have the space.

        • and clearly a lot of people would if that’s the reason. They make design decisions to the best of their ability to satisfy the most people or serve a greater purpose. change sucks but then you get used to it and most of the time love the changes (imo)

    • Droid Ronin

      Nope, I do not like that either. My OCD sense is tingling.

    • C-Law

      The space looks terrible and for some reason the status bar icons look too small.

    • TheFirstUniverseKing

      The spacing makes it look neater. Having all the icons cluttered together looks messy. But that’s just my opinion, I see that I’m in the minority here.

    • Nguyễn Minh Đức

      it will be better if the icons are a bit closer, what ever, it’s awesome xD

    • EngineerGunter

      Not only that, but I don’t know how I’m liking the change in the nav bar either….

      • turdbogls

        yeah, I am REALLY hoping they stick with what they have now…not liking these Playstation style buttons.

        honestly, they dont make sense, a left facing triangle means nothing, a circle means nothing (unless you have lived with an iOS device) and a square means nothing….I have a feeling these are temporary and will change once the final release is here….if not, they are easy enough to change if you are rooted.

        • Wall Breaker

          We as humans tend to hate change, its starting to grow on me.

    • jeff manning

      Just watched the Engadget hands on the preview video and the icons are not spaced. Also the Settings menu looks different without the yellow toggles

    • j

      I hate all the space. I do not like this.

  • evolutionx1

    They look beautiful!