Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Typography and grids

The basics of using Typography and Grids

Audiolibros relacionados

Gratis con una prueba de 30 días de Scribd

Ver todo
  • Sé el primero en comentar

Typography and grids

  1. 1. Visual Design
  2. 2. Typography Use Arial, if they haven’t got Arial, use Helvetica, if they haven’t got either, use a sans-serif font. Dreamweaver gives a limited choice.
  3. 3. TypographyS Serif fonts (a serif is the little tags on the letters.)Are tagged because it was found that when reading from paper, the tags help the eye to perceive the type.S Sans serif fonts (Sans is french for without).Are considered easier to read on screen.
  4. 4. Typography Dancebase have got around the problem of limited typefaces by making jpeg images of the typeface in logos and their banner. The rest of their type is font-family: Verdana, Arial, Helvetica, sans-serif.
  5. 5. TypographyThe art of good typography is about subtlety. You can make a value judgement based on typography, use of colour and the look and feel.On the next slide are two websites from two different banks. Which one does the Queen bank with? How can you tell just from the look of the site?
  6. 6. Typography tells its own story
  7. 7. Typography tells its own story
  8. 8. Typography tells its own story
  9. 9. Visual LanguageYour visual design needs to match your site objectives. Very often a site objective is to communicate brand identity.Your whole site needs to reflect brand values.
  10. 10. Grids Designing with grids has become very fashionable. The first principle to understand is the rule of thirds.
  11. 11. Rule of Thirds
  12. 12. Splitting a page.images from http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
  13. 13. Splitting a page.images from http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
  14. 14. Splitting a page.images from http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
  15. 15. Splitting a page.images from http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
  16. 16. Splitting a page. Adding gutters helps stop text running into each other . Elements can then be designed to complement the grid structure.images from http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
  17. 17. Splitting a page
  18. 18. Splitting a page
  19. 19. Splitting a page
  20. 20. Splitting a page
  21. 21. Breaking the grid.

    Sé el primero en comentar

    Inicia sesión para ver los comentarios

  • jgage09062729

    Apr. 30, 2013
  • jackgorham

    Feb. 19, 2014
  • AdhrezaBrahma

    Jul. 17, 2017
  • MohamedSalamaalamir

    Sep. 28, 2019

The basics of using Typography and Grids

Vistas

Total de vistas

3.241

En Slideshare

0

De embebidos

0

Número de embebidos

26

Acciones

Descargas

72

Compartidos

0

Comentarios

0

Me gusta

4

×