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 User Experience - WCSF

110.148 visualizaciones

Publicado el

Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.

Publicado en: Diseño
  • Writing good research paper is quite easy and very difficult simultaneously. It depends on the individual skill set also. You can get help from research paper writing. Check out, please ⇒ www.HelpWriting.net ⇐
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • If we are speaking about saving time and money this site ⇒ www.HelpWriting.net ⇐ is going to be the best option!! I personally used lots of times and remain highly satisfied.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Writing good research paper is quite easy and very difficult simultaneously. It depends on the individual skill set also. You can get help from research paper writing. Check out, please ⇒ www.HelpWriting.net ⇐
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • You can ask here for a help. They helped me a lot an i`m highly satisfied with quality of work done. I can promise you 100% un-plagiarized text and good experts there. Use with pleasure! ⇒ www.HelpWriting.net ⇐
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • My personal experience with research paper writing services was highly positive. I sent a request to ⇒ www.HelpWriting.net ⇐ and found a writer within a few minutes. Because I had to move house and I literally didn’t have any time to sit on a computer for many hours every evening. Thankfully, the writer I chose followed my instructions to the letter. I know we can all write essays ourselves. For those in the same situation I was in, I recommend ⇒ www.HelpWriting.net ⇐.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Typography and User Experience - WCSF

  1. SARA CANNON HTTP://RAN.GE
  2. Sara Cannon Partner & Creative Director at Range http://ran.ge @saracannon slideshare.net/saracannon
  3. “Design is the method of putting form and content together” - PAUL RAND
  4. WEB DESIGN IS 95% TYPOGRAPHY - OLIVER REICHENSTEIN
  5. Craigslist
  6. Craigslist Redesign Concept by Lance Culbreth
  7. NYTimes
  8. What does Type have to do with User Experience?
  9. BAD TYPOGRAPHY = BAD USER EXPERIENCE
  10. Body copy is too small or unreadable
  11. Not enough white space
  12. too much letterspacing on body
  13. “Don’t letterspace the lowercase without a reason… A man who would letterspace lowercase would steal sheep … If this wisdom needs updating, it is chiefly to add that a woman who would letterspace lowercase would steal sheep as well” - ROBERT BRINGHURST - “THE ELEMENTS OF TYPOGRAPHICAL STYLE”
  14. Poor typeface choices
  15. Drudge Report
  16. Drudge Report
  17. Drudge Report
  18. What does Type have to do with User Experience?
  19. GOOD TYPOGRAPHY = GOOD USER EXPERIENCE
  20. “Typography exists to honor content” - ROBERT BRINGHURST- “THE ELEMENTS OF TYPOGRAPHICAL STYLE”
  21. gather.ly Adobe Garamond Pro & Freight Sans Pro
  22. Medium
  23. “Contrast is, in my humble opinion, the most crucial tenet of graphic design. It forges connections and distinctions between elements.” - JASON SANTAMARIA - “ON WEB TYPOGRAPHY”
  24. Medium
  25. Medium
  26. AdAge
  27. nautil.us
  28. type IN COMMUNICATION
  29. “All design work seems to have three common traits: there is the message to the work, the tone of that message, and the format the work takes” - FRANK CHIMERO
  30. rsq.com
  31. Moon Camp
  32. WhoaNellyCatering.com
  33. Digital Storytelling
  34. nytimes.com/projects/2012/snow-fall
  35. theguardian.com/world/interactive/2013/nov/01/snowden-nsa- files-surveillance-revelations-decoded
  36. pitchfork.com/features/articles/9467-wax-and-wane-the-tough- realities-behind-vinyls-comeback
  37. http://aquatilis.tv
  38. type IN NAVIGATION & PREFORMING TASKS
  39. Hyperlink Button hyperlink
  40. Design, Develop, Measure
  41. “Design and product process must change to accommodate experimentation” - DAN MCKINLEY, ETSY -
  42. Get type into the browser early as possible
  43. OPEN type & CSS
  44. Ligatures font-feature-settings:"liga" 1;
  45. Ligatures -moz-font-feature-settings:"liga" 1; -moz-font-feature-settings:"liga=1"; -ms-font-feature-settings:"liga" 1; -o-font-feature-settings:"liga" 1; -webkit-font-feature-settings:"liga" 1; font-feature-settings:"liga" 1; .h1 { }
  46. Number Case: Lining (lnumb) font-feature-settings:"lnum" 1;
  47. Tabular Figures (monospace) font-feature-settings: "tnum" 1;
  48. Fractions font-feature-settings:"frac" 1;
  49. Alternative Style Sets font-feature-settings: "ss01" 1;
  50. Small Caps font-feature-settings: "smcp" 1;
  51. clagnut.com/sandbox/css3
  52. COMBINING type
  53. femmebot.github.io/google-type
  54. femmebot.github.io/google-type
  55. abookapart.com/products/on-web-typography
  56. The Elements of Typographical Style Robert Bringhurst
  57. The Shape of Design - Frank Chimero
  58. LEGIBILITY
  59. Thank You @saracannon slideshare.net/saracannon SARA CANNON HTTP://RAN.GE

×