Академический Документы
Профессиональный Документы
Культура Документы
GUI Designers
www.admecindia.co.in
Presentation by:
3. Stay consistent
5. Provide feedback
6. Be forgiving
9. Keep it simple
6 Ways to
Improve Your Web
Typography
h3 {
font-size: 3.0em;
}
h4 {
font-size: 2.0em;
}
blockquote {
font-size: 1.5em;
}
p{
font-size: 1.25em;
}
input {
font-size: 1.0em;
}
small {
font-size: 0.75em;
}
Typographic Scale
Vertical Rhythm
@font-face {
font-family: "Anivers";
src: url("Anivers.eot");
}
@font-face {
font-family: "Anivers";
src: url("Anivers.otf");
}
Use the Font
body {
font-family: Anivers, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
1. Contrast
This is the main problem with many of those usercustomised MySpace profiles.
3. Links
4. Clicked links
6. Shades
8. Be web safe
9. Clashing colours
10. Branding
Few more:
11. Take extra care when using light text
on dark backgrounds
12. Use gradients and shadows.
13. Consider some colour coding
14. Try a little opacity.
15. Use richer colours for prominent items.
16.
17.
18.
19.
20.
Few Examples
Few Examples