,
13 tweets,
4 min read
Read on Twitter
Some rules for designers: 1/ Avoid gray as the background of a widget that can be edited. A gray background usually means that the input item is disabled 
2/ Buttons must have consistent heights, and consistent looks. That means that you should not put a button with round borders where you normally use square borders
3/ Watch the box of blocks in your page. A block is something like an image or a block of text. If you have several blocks below each other in a design, align the left
and right edges of these blocks. Otherwise, it looks like a block is leaning in one direction.
and right edges of these blocks. Otherwise, it looks like a block is leaning in one direction.
4/ Always vertically and horizontally center text in the middle of a button.This goes for any box at all where you put text into
5/ Do not invent widgets. Every platform has standard widgets for that platform. Use them. If you want a different widget, stay very close to what another popular site is using
6/ Colors cannot be mixed as you please. Colors always have complementary colors. That is, colors that match with them. Always go to a color website, enter your base color and use complementary colors. Never just pick any colors because they look good
7/ Gradients are hard to do. You must do multiple tutorials to learn how to do them properly. Do not just assume that you can do a gradient because it looks like a gradient
8/ Drop shadows are very hard to do. Study tutorials on how to do drop shadows. Do not just use your design tool and make a drop shadow.
9/ If something is not a button, it should not look like a button. Buttons mean“I can click this”. Anytime you put something on your page that looks like a button, but is not, you are inviting users to click it.
10a / When you use a drop-shadow on an item, you are lifting the item from the background. It’s throwing a shadow because it is distant from the surface. If your drop shadow is only on one part of the object, then the illusion fails.
10b / You have to consider where the light is shining from, and where the shadow is appearing. You cannot ignore some edges of the object and only put the shadow on some edges.
11/ Understand the margins of your canvas. You cannot touch the edge of any canvas. There is always a margin that needs to be left. Depending on the platform, there is usually a widget that indicates where this border is. Do not cross that line and go too close to the edges
12/ For mobile designs, fingers are big. Never use tiny clickable widgets very close to each other. They will be difficult to click
