RE: WIP - Material Thread Design 09-09-2016, 12:14 PM
#13
So I went over it and found a few things that are either lacking or against the official guidelines for "Material Design" by Google. For starters, your header backgrounds have rounded corners. This isn't something "Material Design" usually do, actually I don't think I've ever seen Google do it themselves. That is a minor "strike" of sorts though. Another "mistake" from the official guidelines is the color choice which is; #5a5ad2. This code is not among Google's official color guidelines for "Material Design" and it holds too much white in it to be used for classic material design. (Which is the only form of material design.)
This might be because you are only partly done with the design, but you are missing the key element of Material Design. Which is depth. Material Design is made with the idea that it is suppose to appear as paper and sheets from a top down view. Hence, a depth is required to show what is above what. This is missing, which essentially means that this is more akin to Microsoft's "Modern Style" than it is to "Material Design". A few other minor things is the addition of the pattern in the background. Google do not use patterns for their backgrounds but rather a dark grey color, the reason for this is simple. A pattern takes too much attention.
Also on the "jobs" icons, they have a colored outline. Another thing Google never use with their material design as far as I am aware. They use a white (thick) border with depth added underneath to separate it from other elements. The random addition to red at some places also look off to me. It clashes with the purple and not in a good way. The red color use (#ff815f) is also not among Google's official guidelines for Material Design, and again, has too much white in it.
This might be because you are only partly done with the design, but you are missing the key element of Material Design. Which is depth. Material Design is made with the idea that it is suppose to appear as paper and sheets from a top down view. Hence, a depth is required to show what is above what. This is missing, which essentially means that this is more akin to Microsoft's "Modern Style" than it is to "Material Design". A few other minor things is the addition of the pattern in the background. Google do not use patterns for their backgrounds but rather a dark grey color, the reason for this is simple. A pattern takes too much attention.
Also on the "jobs" icons, they have a colored outline. Another thing Google never use with their material design as far as I am aware. They use a white (thick) border with depth added underneath to separate it from other elements. The random addition to red at some places also look off to me. It clashes with the purple and not in a good way. The red color use (#ff815f) is also not among Google's official guidelines for Material Design, and again, has too much white in it.