Description

Organizing content on a page, managing reading levels, anticipating interactivity, designing a graphical interface taking into account different screen formats, these are the challenges of creating a model for the Web. This training provides you with the tools, develops your aesthetic sense and helps you acquire the professional skills of a web designer.

Who is this training for ?

For whom ?

Graphic designer, webmaster, anyone responsible for designing the model of a website.

Prerequisites

Training objectives

• Design attractive and functional interfaces that meet production standards.
• Develop a research methodology.
• Acquire the professional methods and reflexes of graphic design for the Web.

Training program

• Ergonomics: designing a functional model
  • Identify the steps for creating a website.
  • Introduce yourself to the vocabulary.
  • Define a user scenario (UX).
  • Structure the page space (UI and zoning).
  • Create a functional model in Photoshop (wireframe).
  • Design a multi-screen model (computer, tablet, mobile ).
• Design: create a graphic model with
  • Photoshop Know how to recognize trends and styles.
  • Use a mood board to define your graphic choices.
  • Set up research avenues.
  • Adopt a working methodology.
  • Use layout grids.
  • Balance text ratios /image.
  • Improve typographic readability.
  • Use different types of fonts for the Web.
  • Choose colors.
• Adapt your model to the screen
  • Mockup formats (horizontal and vertical, fluid or fixed, responsive).
  • Work on your images for Retina or HD screens.
  • Master the layout formats 'saving images for the web (JPEG, GIF, PNG, SVG).
• Deliver the right tools for integrators
  • Wireframe, graphic design, style guide.