Robin Ait-el-alim Noguier - Designer. In Pieces - 30 Endangered Species, 30 Pieces. FWA - Favourite Website Awards. Color - Style - Google design guidelines. To effectively convey the hierarchy of information, use different shades for text. The standard alpha value for text on a white background is 87% (#000000). Secondary text, which is lower in the visual hierarchy, should have an alpha value of 48% (#000000). Text hints for users, like those in text fields and labels, have an even lower visual prominence and should have an alpha value of 24% (#000000).
Other elements, such as icons and dividers, also benefit from having an alpha value of black instead of a solid color, to make sure that they work on backgrounds of any color. For white or black text on colored backgrounds, see these tables of color palettes for the appropriate contrast ratios and alpha values. Meaningful transitions - Animation - Google design guidelines.
Search Animated GIFs on the Web - Giphy. GiphyTV. Pttrns - Mobile User Interface Patterns. UI-Patterns.com. First Time User Experiences. Kano - Make a Computer. UXPin: UX Design & Wireframing Tools As Beautiful As Your Work. HTML Website Templates for Design. Yatzer. 10 Ways to Make Your Infographic Totally Awesome.