User Interface

hand

What is a web designer? This is a specialist who is responsible for the appearance of the site and how it will be perceived by users. This is a person on whose shoulders rests a huge responsibility. But it is worth considering that the designer should not only be creative about the drawing sites, but also competent in constructing the layout, as well as able to adapt it to different devices, like tablets, smartphones, laptops and others.

Website development and design: course syllabus.

Topic 1: Characteristics of the profession.

  • A web designer is.
  • What role he plays in the formation of the website.
  • The specifics of teamwork.
  • The specifics of freelancing.
  • What tasks are set for web designers.
  • Getting to know the current trends in design.
  • The essence of the principle of mobile first.
  • How the analysis of the audience of the site.
  • How does the analysis of competition.
  • Introduction to the principles of analysis.
  • Introduction to the principles of data collection.
  • Introduction to the information structure of the site.
  • What a page structure consists of.
  • What types of sites exist.
  • Techniques for constructing prototypes of site pages.
  • Introduction to prototyping techniques.
  • Overview of standard elements.
  • Practice.

Topic 2 Characteristics of visual design.

  • Introduction to design styles.
  • What types of layouts there are.
  • Characteristics of design grids.
  • Introduction to contemporary design principles.
  • The essence of the application of graphic and textual data.
  • The legal application of them.
  • Typography.
  • Font choices.
  • Application of icons.
  • Application of pictograms.
  • The application of backgrounds.
  • Algorithms for constructing all versions of the page with an emphasis on the requirements of adaptive design.
  • Practice.

Topic 3. Characteristics of the layout layout.

  • How layout is coded.
  • How typical elements are coded.
  • Representation of vector data.
  • Representation of raster data.
  • The specifics of representing vector graphics.
  • Specifics of using the SVG format.
  • CSS Sprites.
  • Techniques for their application to optimize page loading.
  • Practice.

Topic 4 – Design Enhancement.

  • CSS effects that will allow you to liven up the page.
  • Site and video.
  • Characteristic features of its use.
  • Overview of variations of video.
  • Use of scripts.
  • Application of constructors.
  • The use of engines.
  • Problems of their use, which most often arise before the web designer.
  • Practice.