Be nice. Or else.
San Francisco Bay Area Product Designer at Facebook Joined almost 5 years ago via an invitation from Antonio P. Rıza Selçuk has invited Oktay ELIPEK, Kutay Ates, Adem ilter, bora yalcin, olgay sezgin and 16 others, Burak Mehmet Gurbuz, Fatih Erikli, Burak Can, Burak Donertas, serhat ozirik, Furkan Arabul, Nurçin Özer, Cihat Kablan, Ertekin Erdin, Huseyin Emanet, Adnan Topal, Yasin Muderrisoglu, Eren Erduran, ismail köse, Recep Kütük, fatma tekeci
Let's take a look at your outlined inputs. ^ This is what you have.
Since instead of just using bottom border, you are surrounding entire input with border. By doing that:
You need to increase margin between placeholder and border. What you have looks much tighter comparing to actual material design.
On material design inputs, when you start typing, placeholder animates to top left with smaller font size so you can see which input you're filling in. By adding border to entire input, now this animation won't work because it needs to animate over a border.
You might have some components correct, but there are many with problems.
Another important one is usage of the shadow is fundamentally different from what material is using it for (depth).
Please don't take my feedback personal, I want to make sure you understand what material design is and I want you to be aware of what you're causing by changing some of the details.
Overall what you have resembles material design but actually it conflicts in many ways. I recommend stating this clearly so people who are new to design wouldn't think that way and of course it's ok to call this work something you want. Kamushken's Material Design System
Well, material-ui-next.com is a fork from Google's material design.
Simplest example: Compare how inputs looks like on both.
When you say 'Material Design System' it feels like it's associated with Material Design but actually it's not.
This is very useful!
I was missing lot's of good repositories, I guess not anymore.
I also wanted make this devices available to Framer immediately, including a simple prototype example and Sketch source file smile emoticon Please enjoy.
Example Prototype: http://beta.rss-ems.com/Moto360/prototype Boilerplate Prototype with Moto 360: http://beta.rss-ems.com/Moto360/boilerplatePrototype Sketch File: http://beta.rss-ems.com/Moto360/sketch
It is important to keep in mine that only half of the lines btw 8 - 15 will be private on Notes. :)
Aldım gitti, teşekkürler! :)
Be nice. Or else.
Designer News is a large, global community of people working or interested in design and technology.