Matej Kvasnovsky

Kentico

Design

Webdesign

  • Aesthetic
  • Usability (content) over form

Webdesign Principles

CRAP

CRAP

  • contrast

CRAP

  • contrast
  • repetition (consistency)

CRAP

  • contrast
  • repetition (consistency)
  • alignment

CRAP

  • contrast
  • repetition (consistency)
  • alignment
  • proximity

CRAP

  • contrast
  • repetition (consistency)
  • alignment
  • proximity

Webdesign Trends

  • Skeuminimalism (Material Design)
    • Flat vs. Skeumorphism

Webdesign Trends

  • Skeuminimalism (Material Design)
    • Flat vs. Skeumorphism
  • Text as interface

Webdesign Trends

  • Skeuminimalism (Material Design)
    • Flat vs. Skeumorphism
  • Text as interface
  • Accessibility

Moodboard

Styletiles

Validation of graphic

Takeaway

  • Webdesign is industrial design
  • Less time spent in Photoshop

Questions?

www.kentico.com/kentico8

Sources

  • http://www.userfocus.co.uk/articles/A_CRAP_way_to_improve_usability.html
  • http://eyelearn.org/ma-stu-gallery/gridEssay-2013/andreia/
  • http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/
  • http://conversionxl.com/8-universal-web-design-principles-you-should-to-know/
  • http://www.google.com/design/

@kvasnovsky