Online web design course: from basic principles to your first websites. Master the necessary skills and tools to make a successful start in the profession by learning web design from scratch.
Students taking the Web Design Beginning:
- get acquainted with Figma;
- get an understanding of standard grids, navigation, shapes, and compositions;
- learn the rules of font selection;
- learn how to search for ideas and references;
- learn graphic techniques, masks, icons.
They also get the skills to apply all these skills in practice and create their first works for their portfolio.
In three months, we’ll get to grips with the basic set of tools and principles of working in Figma. We will search for and generate ideas, learn to think like a designer. We will learn the basics of working with text, creating layouts, using grids, and basic graphics. We gain knowledge through practice – we use our skills immediately in projects.
Course program
Tools
Introduction to Figma. Basic set of tools and basic principles of working with the tool.
Grids
Basic concepts of standard grids and how to work with them.
Typography
Rules of good text layout and tools for its realization. Approaches to finding and selecting fonts. Learn about buttons and input fields, and discover the secret formula for a good button.
Navigation and forms
Let’s understand how to work with header, footer, and navigation elements. We will understand why forms are needed, what they consist of, and how to distinguish good forms from bad ones.
Ideas and references
We’ll learn how to look for ideas, borrow them correctly, analyze them, look for patterns, and adapt them.
Composition
We will learn about the starting points in composition and layout dynamics. We will learn how to work with indents and control the numerical values of the layout. We will get some universal practical tips on how to make your design better in any situation.
Practical application
Let’s talk about how to design a website. The right structure, content, and mechanisms for working on layout. We will learn how to draw a nice website in an hour.
Graphic techniques
We will learn how to work with masks, select, search, and draw icons. We will understand the difference between vector and raster graphics and when it is better to work with which one.
AutoLayouts, components, options
We’ll work with auto-locks, components, and variants. We will learn what they are for and how to use them. And how they can help automate some processes, simplify routines, and speed up work.
AIDA, the structure of the landing page
Let’s understand the AIDA marketing model. We will understand how to use design to achieve marketing goals.
Wireframing
Let’s learn what are the wireframes. Why they are needed and how to work with them.
Mobile version
Let’s get acquainted with the basis of adaptive mobile app design. Everything you need to make the first mobile version of your website.
Further development
Let’s think about how to develop further and what is right for you.