Profile

Cover photo
Google Design
9,582,784 views
AboutPostsPhotosVideos

Stream

 
April 2015 Material Design Spec Update

Here on the #materialdesign team at Google, we’re always listening to community feedback and looking for ways to broaden and expand the specification to better fit the needs of designers everywhere. Today we’re publishing an update to google.com/design/spec that draws on extensive conversations we’ve had with designers and developers over the past few months. The update includes 7 new sections, as well as refinements to content in existing sections.

Some highlights:

Data tables: guidance on presenting data sets, particularly in desktop products
Units and measurements: a description of the different units used in material design, including guidance on using density-independent pixels (DPs)
App structure: suggestions for top-level navigation in your app
Component sticker sheet for After Effects to help streamline your motion design workflow
Floating action buttons now have their own section, with added guidance on behavior and transitions
• Updated guidance on Typography, Cards, Dialogs, Tabs and Scrolling.

For all the gory details, check out the What’s New section in the spec: goo.gl/3aB3xM
662
316
Saša Paunković's profile photoApril Johnson's profile photoSergio Lucas's profile photoYounes Layachi's profile photo
35 comments
 
Will be checking out the new specs on data tables. Yes!!!
Add a comment...
 
Behind the scenes: the #RichMediaGallery redesign

After two and a half years uploading hundreds of educational resources and thousands of creative examples, we recognized the need to redesign the Rich Media Gallery, a website for the ad industry that inspires creative innovation and helps agencies produce engaging digital ads…In this article, we share our goals, best practices, and specific examples from our redesign experience.
Behind the Scenes with Google: Redesigning for Mobile Optimization. by Chris Feltham, Jason Mayes and Cesar Rodriguez. After two and a half years uploading hundreds of educational resources and thousands of creative examples, we recognized the need to redesign the Rich Media Gallery, ...
85
12
Marian Dimitrov's profile photoRakesh Barik's profile photoSuthat Ronglong's profile photoMichael Engineered's profile photo
7 comments
 
Ok c zu to 
 ·  Translate
Add a comment...

Google Design

Shared publicly  - 
 
 
There are more beautiful apps than just Google's Inbox.
Last year, Google unveiled its design vision for the future. Called Material Design, it incorporates bold colors, flat elements, and informative animations to create a fresh user interface for the...
24 comments on original post
190
16
Олеся Вдовенко's profile photoJamie Myburgh's profile photoMadura Seneviratne's profile photoNadine Sahanee “Banana” Ora's profile photo
11 comments
 
+LOT Grafix ask Google
Add a comment...
 
One of our favorite quotes:

3. They're cute.
Google's new fleet was intentionally designed to look adorable. Our brains are hardwired to treat inanimate (or animate) objects with greater care, caution, and reverence when they resemble a living thing. Psychological studies have been done whereby participants, when asked to harm an inanimate object, were less likely to hurt the object if it had a face. Participants in the study would happily bludgeon a potato with a hammer, unless you stuck some hair and a pair of eyeballs to the potato, at which point their moral compasses would obediently snap into place.


281
35
Pierre-Antoine LaFayette's profile photoJohn Caswell's profile photoAvery Smith's profile photoMichael Engineered's profile photo
7 comments
 
The future is yet more
Add a comment...
 
What word best describes a designer? 

Watch our #FORMSF14 panelists define this and what they consider to be "good design" in Part 2 of our behind-the-scenes interviews. http://goo.gl/M03Nq1
69
24
黄锦杰's profile photoEshwaralla Yogalingam's profile photopierluigi rufo's profile photoJason Hayman's profile photo
4 comments
 
Ronaldo working to Google?
Add a comment...

Google Design

Shared publicly  - 
 
See the best and most exciting moments from #FORMSF14 : http://goo.gl/f6EZxu
74
13
Gaja Sidrys's profile photoSpencer Riddering's profile photoSandeep Gupta's profile photo陆恺's profile photo
 
MMmmm those beats. Good morning Tuesday.
Add a comment...
 
Our own +Matias Duarte is answering all your design (and life!) questions over on Designer News: http://goo.gl/dw3bmM   #AskMatiasAnything

EDIT: That's a wrap! Check out some of the great questions and responses over at DN.

(comments disabled because, well, ask your questions over at DN!)
I’ve worked on the design of a bunch of operating systems over the years (some of which people actually liked) including Android, Palm WebOS, Helio...
146
30
Michael Engineered's profile photoVamsi Krishna's profile photo
 
Our own +Matias Duarte will be answering all your design (and life!) questions on Designer News next Tuesday, March 3rd, at 10AM PT! http://goo.gl/TWtlp 

Wondering what to ask him?

His recent UXPA keynote - http://goo.gl/5rsJXo - or his fireside chat with +Joshua Topolsky at #FORMSF14 - http://goo.gl/qunAKv - might inspire. #AskMatiasAnything
146
16
Farhan Razak's profile photonguyen duc tuan's profile photoThomas Wihlbiller's profile photoMichael Engineered's profile photo
10 comments
 
Material design (or should I say materially flawed design) I think would be harder for the elderly to use since the icons are smaller and much more negative space.  Instead of tapping in the header for a certain screen, now the user has to tap on a small arrow to go back.  In general it is harder for many to use.  -1 to material design
Add a comment...

Google Design

Shared publicly  - 
 
Take a tour of the new Responsive Web Design Fundamentals Udacity course taught by our own +Pete LePage.
 
Woot! My Responsive Web Design Fundamentals Udacity course just launched!

https://www.udacity.com/course/ud893

Start by exploring what makes a site responsive and how some common responsive design patterns work across different devices. From there, you’ll learn how to create your own responsive layout using the viewport tag and CSS media queries. As you proceed, you’ll experiment with major and minor breakpoints, and optimizing text for reading.
6 comments on original post
176
25
Todd Green's profile photoAndy Volk's profile photoBrandy Bradham's profile photoMichael Engineered's profile photo
2 comments
 
good and easy to learn
Add a comment...
 
+Trello explains how going material also meant staying true to their brand in this excellent redesign play-by-play. http://goo.gl/2ln6gl   #materialdesign  
239
54
Torstein Skulbru's profile photoRamon Sadornil Rivera's profile photoMadura Seneviratne's profile photoMichael Engineered's profile photo
4 comments
 
+Fyza Hashim Happy to see this spreading even more. I really like Trello! ^_^
Add a comment...
 
#materialdesign color juxtapositions made simple: http://materialpalette.com by +Matthieu Aussaguel 
Choose your favorite colors and get your Material Design palette generated and downloadable.
443
101
Abeer Al Rabiah's profile photoRodrigo Tello Medina's profile photoNadine Sahanee “Banana” Ora's profile photoMichael Engineered's profile photo
11 comments
 
Why did you start covering the animated back/menu icon?
Add a comment...
 
What is the biggest challenge designers face currently? And in the future? A few of our #FORMSF14  panelists weigh in backstage in Part 1 of our behind-the-scenes interviews. http://goo.gl/5AaWr7
42
2
Tejas Sompura's profile photoDesignholic Channel's profile photo
Add a comment...
Story
Tagline
A place for designers everywhere to learn about design at Google and how to create amazing products on platforms like Android and the web.
Introduction
We are Google Design, and we’re here to share our stories and ideas about design throughout Google, from how Google search evolved, and continues to evolve, to our latest ideas on design.

We’re also here to listen to your stories and ideas, and to help you, the designer and developer, create amazing products for your users on platforms like Android and the web. After all, design is a conversation, and great design is inherently collaborative.