Web-designer is a specialist who is responsible for how an Internet site looks and is perceived. He comes up with logos, banners and other graphic elements, thinks over the navigation of the site, determines where to place text and images. The results of the Web-designer’s work are passed to Front-End developers and they turn the layout into a working website.
Course Program
- Introduction to the profession.
- Familiarization with graphic editors: Adobe Photoshop, Illustrator, Figma.
- Adobe Photoshop: blending modes, masks and mocaps.
- Image processing and collages.
- Figma: getting acquainted with the interface and file system.
- Styles and components in Figma.
- Fonts and combining them.
- Sizing, indentation and alignment when working with text.
- Basic rules of typography.
- Modular grids, indentation and visual hierarchy.
- Reading patterns, principles of balance and composition.
- Dissection of frequent mistakes in website design and recommendations.
- Redesign of an outdated site in practice.
- References and work with color.
- How to make the interface convenient, recommendations and rules of design UI-elements and Hover-effect.
- UI-Kit development.
- Illustrations, icons vector in Adobe Illustrator and Figma. Export and import of images.
- UX design and analysis: parsing the stages of the site, analyzing competitors and target audience.
- Mindmap: creating the structure of the site.
- Prototyping tools.
- Interactive and animation in Figma.
- Development of non-standard blocks and creativity in design. Idea generation.
- Adaptive and mobile design in practice.
- Execution and presentation of the graduation project.
- Creating a resume and portfolio.
- Features of employment and communication with employers. Features of freelancing and work for hire.
- Recommendations for optimizing work and productivity.
- IT-English Speaking Club with a teacher from an IT company.
HTML/CSS layout
- Main tasks of frontend. Development tools.
- Introduction to HTML. Code structure.
- Basic tags for working with text, images.
- Creating web forms.
- Working with data tables.
- Lists.
- Introduction to CSS, separation of content and presentation.
- CSS containers. Connecting CSS styles. Using a validator.
- CSS selectors.
- Layout methods in CSS: float, grid, flexbox.
- Using SASS, SCSS.
- Animation, transformation, transitions.
- Working with gradients.
- Modern types of layout.
- BEM methodology and recommendations on naming classes.
- CSS frameworks: Bootstrap.
- CSS media queries.
- New HTML5 and CSS3 specifications.
- Semantic tags. Tags of physical and logical markup in HTML5.
- Different types of layout. Adaptability and optimization of layout.
- IT-English Speaking Club with a teacher from an IT company.