Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

The tag has no usage guidance.

-2
votes
0answers
31 views

Offline copy of the Google Material Guidelines

I currently try to have a offline copy of the Material.io guidelines for Google Material Design. Ist the page's source code available somewhere? Or is there any other way of downloading the guidelines?...
0
votes
0answers
13 views

Copy CSS Attributes does not work in Sketch with Material plugin components

In sketch I have created a button from the Material plugin components. When I right click the button and chose "Copy CSS Attributes" and then paste I just get an unhelpful comment and no css ...
-1
votes
1answer
40 views

difference between Flat and Material design illustration [duplicate]

What's the difference between Flat and Material design illustration? Even, Are they any different? For example, what can I call the picture below?
0
votes
2answers
57 views

How can we download Google Material Design Color Palettes?

I've seen many users in YouTube tutorials that use Google's color palettes (see link below) for design in Illustrator. I searched similar things in Google search but found old links that don't have ...
0
votes
2answers
43 views

Primary color and accent from similar colors

I am new to material design and still learning. Is it a good idea to have the primary color and the accent from similar palettes, e.g Blue 500 and Light Blue A200? Or is the whole idea of the ...
1
vote
1answer
55 views

Shadow inconsistent in Material Design Guide

I have a problem with the material-design guideline. Some references about elevation/shadow seem inconsistent to me: At one point (https://material.io/design/environment/elevation.html#elevation-in-...
1
vote
1answer
132 views

How to effectively create material elevation in mainly Inkscape or Illustrator?

How to create the material design elevation shadow in Inkscape mainly? Or alternatively in Illustrator? I have imitated the elevation shadow in Inkscape with the following settings: There are ...
0
votes
0answers
44 views

Can I edit the Light and Dark colours in the Material Sketch Plugin Theme Editor?

Because this plugin was released very recently, I haven't found a lot of resources yet. I was hoping someone might know if you can edit the light and dark colours that the new Material Sketch Plugin ...
3
votes
2answers
105 views

Why does Android's material button's 'onPressed' state actually rising up instead of getting pushed down?

So like this: Why is this good? How is it decided to be like this way? I'm an Android developer and no matter whom I show my apps with these default Android buttons, everybody tells me I messed up ...
-2
votes
1answer
42 views

What are the best Practices in designing a Landing Page Mobile UI with a group of different buttons with different functionalities [closed]

For a Application I am working on, There are 5-6 differenr services which will be available to user as soon as they login. These services will be present as a seperate button , so that user just click ...
0
votes
0answers
104 views

Material Icon - System Icon Grid

What is a difference between Live Area and Dense Live Area Should design icon inside 20px X 20px area or inside 16px X 16px area?
4
votes
3answers
602 views

Material Design: Should the status bar look different from the action bar?

I have often noticed that the status bar is a little darker than the action bar, is it a material design rule or a choice of the designer? Image's author: CommonsWare, from: https://stackoverflow.com/...
0
votes
0answers
63 views

What's the exact name of this Material design component?

Sorry but not really a formal question, but I wanna ask, what are the exact names of this Material design components? Tried scanning the whole guidelines and looks like there no mention for that ...
-4
votes
2answers
84 views

Can this Button be considered as Material design?

I've read the material.io page and tried it myself ,in a button on an android test - app. but there are 2 things which I think are nice but don't know if they fit into the material design guidlines: ...
1
vote
1answer
169 views

How to choose the right color shades/tints for branding? - Part 2

I sincerely apologise for the duplicate question. I'm not sure how to add to the discussion on the original, and I don't have enough reputation to leave comments. Here is the original question: How ...
0
votes
1answer
333 views

How to create a material design style depth score in Photoshop?

According to Material Design guidelines for Icons Score Scored material elements have the illusion of depth without losing their geometric form. Scores should be centered on symmetrical ...
5
votes
2answers
973 views

How do you choose 'light' and 'dark' shades in Google Material Design

From the Material Design docs: To create contrast between elements, you can use lighter or darker tones of your primary color. The contrast between lighter and darker tones helps show division ...
-3
votes
1answer
216 views

How to make rounded rectangle in circle [closed]

Here i m working on meteor like design but i have hard time making those rounded design in planet
2
votes
2answers
2k views

Secondary color is a light version of the primary color

I'm working on an Android app that has an odd colour scheme, originally written for iOS with an iOS design. The primary colour is navy blue (#031740). They use light blue as an accent colour. Now, the ...
-1
votes
3answers
127 views

What's this minimalist icon style called? [duplicate]

I've been seeing this "style" of minimalist icon more and more, with that "shadow" on the bottom right. Is there a specific name for this? Thanks.
0
votes
3answers
80 views

What could be good position for the view showing the duration in the layout?

So I have song name, album name , album art at left side of the layout, and three views consisting duration of the song, overflow menu button and a playlist button on the right side of the layout. I ...
6
votes
2answers
542 views

What font is used on this material design arabic RTL?

I want create design in arabic RTL with material design like this : I found that image in guideliness: https://material.google.com/style/writing.html what arabic font is used on that picture ? I ...
0
votes
1answer
687 views

How to make material design imagery with GIMP

all. I want to create material design imagery for my website, but don't have flashy tools like Photoshop or Illustrator. However, I do have GIMP 2 on Ubuntu. Examples of material design imagery can ...
5
votes
3answers
1k views

Where are the light sources located in Material design?

Google says that Key lights create directional shadows, and Ambient light create soft shadows from all angles. Referring specifically to the image below, where are the Key & Ambient Light ...
-1
votes
1answer
46 views

Meaning of “material design”

I have seen several websites and smartphone apps claim that they employ a "material design". Is this a lose term, or not? What exactly does this term mean our imply?
0
votes
1answer
63 views

Is it fair to use accent colors to borders in material design?

I'm trying to create a widget styles in dashboard design.is it fair to use accent colors to borders instead of background color.when i try to use as bachground color it doesnt compliment the other ...
-1
votes
2answers
7k views

how to download material icon font?

I can't able to download material icon fonts, any one can you just share the link with me please? am using only downloaded fonts.
-4
votes
1answer
349 views

Android Material Design Guidelines [closed]

My company has told me to design an app for them with Material Design Guidelines & I don't know from where to start. Thing I want to know : Note : Others ( The things I don't know, so please ...
0
votes
1answer
199 views

Which would be a better Material Design bottom nav on desktop color combination?

Which colors combination are better for the bottom navigation bar, while in expanded state, taking in consideration the user experience:
0
votes
0answers
262 views

Material Design App Slicing - Android

As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for the various resolutions of android devices?
6
votes
1answer
515 views

How to choose the right color shades/tints for branding?

I’ve read a lot about color theoretical methods to pick a harmonic color palette (e.g. for branding), but I always wondered how to pick the corresponding shades and tints (see Google’s material design ...
0
votes
1answer
197 views

Get the closest swatch from an PNG color set

So I have a set of PNG colors provided to me. But as agreed to our design guidelines, we shall use the Material colors provided by Google. So if example that there exists a "lime" color from the PNG ...
0
votes
1answer
757 views

Roboto Draft Vs. Roboto

So i have a question, i just hit inspect element on the Material Design Guide because i wanted to know the specs of the Dividers (I know those are very well explained in the guide) but i wanted to ...
1
vote
0answers
216 views

Does the Floating Action Button in Material Design have a light?

OK, so the "Card" in Material Design cast a shadow because of 2 lights, because well... if something has a shadow it's because that thing is blocking the light. Does the Floating Action Button (FAB) ...
1
vote
2answers
508 views

Can I use material design for both Android and iOS?

I am currently designing an application for Android and iOS. I like Google's Material Design and use of colors. Can I use the same style and look & fill for iOS apps except the navigation system ...
2
votes
1answer
504 views

Material design icon alignment in its box for creating android assets

I saw something in material design guidelines that bothers me - the way how the icons are aligned to global margins: The alignment is related to the icon box and not the icon itself, for example: ...
0
votes
1answer
71 views

Icons for cell padding adjustments

I am at a dead end right now, with 2 icons. I have a table, above the table I have 2 icons, the 2 icons will be buttons that will change the padding of the table cells. Just like in gmail, you ...
1
vote
0answers
225 views

Are there mathematical models behind Google material design metrics?

Google's Material Design guidelines such as Typography - Style - Google design guidelines or Metrics & keylines - Layout - Google design guidelines contains many ad hoc metrics for font sizing, ...
13
votes
1answer
2k views

What is meant by 'designing an icon at 100% scale'?

From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel-accuracy. What is meant by designing at 100% ...
1
vote
0answers
25 views

What are the specs for material design icon? [duplicate]

I would like to draw an app launcher icon with Inkscape but the official guide seems to miss some specs. In my understanding, to design a material design icon I just need to put some shapes together ...
3
votes
1answer
673 views

What is the meaning of the prefix “A” in material design color guidelines?

I look at Google's material color guidelines and can understand that 500 means the primary color. Higher values, like 900, mean "darker" versions of the primary color. Correspondingly, lower values ...
1
vote
1answer
780 views

Usage of Google’s Material Design Paper examples?

I do not clearly understand what Paper (https://www.google.com/design/spec/layout/principles.html) in Google Material Design is. What is the difference between Paper and Card? Actually, I understand ...
1
vote
0answers
3k views

What is meant by an 8dp square baseline grid, in Android Material Design specification?

I am a newb. My question is from this Material Design specification document: All components align to an 8dp square baseline grid for mobile, tablet, and desktop. The image at the end of the ...
0
votes
1answer
1k views

Need Material design color pallette,

I want to Draw some icons in Material Design, I was thinking if there is any Material Design color pallette available for Corel Draw,
-1
votes
1answer
108 views

shadow in material design [closed]

I attached a photo with this question, in the photo there is a folder that have a small shadow I can't design a shadow like that in photoshop. would you mind help me? [excuse me for Mistakes in ...
1
vote
1answer
66 views

Is there a book about motivation behind the choices in material design?

As in the title, has there been a book released about motivation behind the choices in material design? I would like to read why and how some choices were made.
2
votes
1answer
295 views

Image for Google Card- How can I tell it is correctly 16:9 ratio?

Going by google design, I need my media section of a card(which is the image showing my website) to be 16:9 ratio. I'm using CSS to do this. How can I tell if media part(the image portion) this is ...
6
votes
1answer
12k views

Material design / Elevation in photoshop

Im new in material design and I want to start new design in this style. My problem is I don't know how to reproduce Elevation (z-axis). In image below i see 12 levels of Elevation, but how to create ...
-1
votes
1answer
92 views

Material Design Colors fit [closed]

I am trying to do applications in material design style but it is not always has best colour palette. I have this screen and this bottom buttons colour really bothers me because it is hard to see ...
2
votes
2answers
1k views

How to generate tint, shade and shadow colors in illustrator?

I am trying to make an app icon by following the guidelines given here in Adobe Illustrator, but I am unable to figure out how to generate the colors for tint, shade and shadow. Can anyone help me ...