title: ÐÐ¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ð° Ð²Ð¸Ð·ÑÐ°Ð»ÑÐ½ÑÑ ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¹ Ð½Ð° Ð¿ÑÐ¸Ð¼ÐµÑÐµ Ð¡ÐÐ±ÐÐ£ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¼Ð°Ð³Ð¸ÑÑÑÐ°
titleType: Subtitle
title: Design system of visual communications on the example of Peter the Great St. Petersburg Polytechnic University
Creators: name: Ð¢Ð¸Ð¼Ð¾ÑÐµÐµÐ², ÐÑÑÐµÐ½Ð¸Ð¹
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: Ð¥ÑÐ´Ð¾Ð¶ÐµÑÑÐ²ÐµÐ½Ð½Ð¾Ðµ ÐºÐ¾Ð½ÑÑÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
Ð°Ð½Ð°Ð»Ð¸Ð· ÑÑÐ½ÐºÑÐ¸Ð¹
Ð²Ð¸Ð·ÑÐ°Ð»ÑÐ½ÑÐµ ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¸
ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð²Ð½ÑÐµ ÐºÐ°Ð½Ð°Ð»Ñ
ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð·
ÑÐ¸ÑÑÐ¾Ð²ÑÐµ Ð½Ð¾ÑÐ¸ÑÐµÐ»Ð¸
ÑÐ¾ÑÐ¸Ð°Ð»ÑÐ½ÑÐµ ÑÐµÑÐ¸
function analysis
visual communications
communication channels
comparative analysis
digital media
social networks

description: ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ Ð³Ð¸Ð¿Ð¾ÑÐµÐ·Ð° Ð·Ð°ÐºÐ»ÑÑÐ°ÐµÑÑÑ Ð² ÑÐ¾Ð¼, ÑÑÐ¾ ÑÐ¾ÑÐ¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ ÑÐ½Ð¸Ð²ÐµÑÑÐ°Ð»ÑÐ½Ð¾Ð¹ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ Ð´Ð°ÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ ÑÑÑÐµÐºÑÐ¸Ð²Ð½Ð¾ Ð²Ð½ÐµÐ´ÑÑÑÑ Ð½Ð¾Ð²ÑÐµ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ, ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ Ð¸ Ð°Ð´Ð°Ð¿ÑÐ¸ÑÐ¾Ð²Ð°ÑÑ Ð¸Ñ Ð¿Ð¾Ð´ Ð¾ÑÐ¾Ð±ÐµÐ½Ð½Ð¾ÑÑÐ¸ Ð¸Ð½ÑÑÐ¸ÑÑÑÐ°. ÐÐ»Ñ Ð´Ð¾ÑÑÐ¸Ð¶ÐµÐ½Ð¸Ñ Ð¿Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ»Ð¸ Ð½ÐµÐ¾Ð±ÑÐ¾Ð´Ð¸Ð¼Ð¾ ÑÐµÑÐ¸ÑÑ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ Ð·Ð°Ð´Ð°ÑÐ¸: 1. ÐÐ·ÑÑÐµÐ½Ð¸Ðµ ÑÑÑÐ¾ÐµÐ½Ð¸Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ. 2. Ð¡ÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ (Ð°Ð¹Ð´ÐµÐ½ÑÐ¸ÐºÐ°, ÑÐµÐ¼Ð¸Ð¾ÑÐ¸ÐºÐ°, ÑÑÐ³Ð¾Ð½Ð¾Ð¼Ð¸ÐºÐ°, ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½ÑÐµ ÐºÐ°Ð½Ð°Ð»Ñ). 3. ÐÐ±ÑÐ¸Ð¹ Ð°Ð½Ð°Ð»Ð¸Ð· ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð²Ð½ÑÑ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼ (ÑÑÐ½ÐºÑÐ¸Ð¸, Ð¿ÑÐ¾ÑÑÑÐ°Ð½ÑÑÐ²Ð¾, Ð°ÑÐ´Ð¸ÑÐ¾ÑÐ¸Ñ, Ð°Ð½Ð°Ð»Ð¾Ð³Ð¸). 4. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¼ÐµÑÐ¾Ð´Ð¾Ð»Ð¾Ð³Ð¸Ð¸ Ð°Ð½Ð°Ð»Ð¸Ð·Ð° Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ. 5. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÐºÐ¾Ð½ÑÐµÐ¿ÑÐ¸Ð¸ ÑÐµÑÐµÐ½Ð¸Ñ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ Ð¡ÐÐ±ÐÐ£ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾. 6. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð½Ð°Ð²Ð¸Ð³Ð°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ Ð½Ð° Ð¿ÑÐ¸Ð¼ÐµÑÐµ Ð¡ÐÐ±ÐÐ£ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾, Ð¾Ð¿Ð¸ÑÐ°ÑÑÑ Ð½Ð° ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÑ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð½Ð¾Ð³Ð¾ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ.Â ÐÐ±ÑÐµÐºÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ²Ð»ÑÐµÑÑÑ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ð° Ð²Ð¸Ð·ÑÐ°Ð»ÑÐ½ÑÑ ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¹, Ð¿ÑÐµÐ´Ð¼ÐµÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ²Ð»ÑÐµÑÑÑ Ð¾ÑÐ¾Ð±ÐµÐ½Ð½Ð¾ÑÑÐ¸ Ð½Ð°Ð²Ð¸Ð³Ð°ÑÐ¸Ð¸ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ. ÐÐ»Ñ Ð´Ð¾ÑÑÐ¸Ð¶ÐµÐ½Ð¸Ñ Ð¿Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ»Ð¸ Ð±ÑÐ» Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹ Ð² Ð¿ÑÐµÐ´Ð¼ÐµÑÐ½Ð¾Ð¹ Ð¾Ð±Ð»Ð°ÑÑÐ¸ Ð¼ÐµÑÐ¾Ð´Ð°Ð¼Ð¸ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½Ð¾Ð³Ð¾ Ð°Ð½Ð°Ð»Ð¸Ð·Ð°, Ð¸ÑÑÐ¾ÑÐ¸ÑÐµÑÐºÐ¾Ð³Ð¾ Ð°Ð½Ð°Ð»Ð¸Ð·Ð° Ð¸ ÐºÑÐ¸ÑÐ¸ÑÐµÑÐºÐ¾Ð¹ Ð¾ÑÐµÐ½ÐºÐ¸. Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¸ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ñ ÐºÑÐ¸ÑÐµÑÐ¸Ð¸ Ð¾ÑÐµÐ½ÐºÐ¸ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾Ð³Ð¾ ÑÑÑÐµÐ¶Ð´ÐµÐ½Ð¸Ñ, Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½ÑÑ ÑÑÑÐµÐ¶Ð´ÐµÐ½Ð¸Ð¹. ÐÐ° Ð¾ÑÐ½Ð¾Ð²Ðµ Ð°Ð½Ð°Ð»Ð¸Ð·Ð° ÑÑÐ¾ÑÐ¼ÑÐ»Ð¸ÑÐ¾Ð²Ð°Ð½Ñ Ð¾ÑÐ½Ð¾Ð²Ð½ÑÐµ ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¸ Ð¿Ð¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ ÑÐ¸Ð¿Ð¾Ð² Ð¸ Ð¼ÐµÑÐ¾Ð´Ð¸Ðº Ð¾ÑÐµÐ½ÐºÐ¸ Ð¸ Ð¿ÑÐ¸Ð½ÑÑÐ¸Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐµÑÐµÐ½Ð¸Ð¹ Ð² Ð¾Ð±Ð»Ð°ÑÑÐ¸ Ð²Ð¸Ð·ÑÐ°Ð»ÑÐ½ÑÑ ÐºÐ¾Ð¼Ð¼ÑÐ½Ð¸ÐºÐ°ÑÐ¸Ð¹ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾Ð³Ð¾ ÑÑÑÐµÐ¶Ð´ÐµÐ½Ð¸Ñ. ÐÐ° Ð¾ÑÐ½Ð¾Ð²Ðµ ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¹ Ð¸ Ð¼ÐµÑÐ¾Ð´Ð¸Ðº Ð±ÑÐ»Ð° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð° Ð²Ð¸Ð·ÑÐ°Ð»ÑÐ½Ð°Ñ ÐºÐ¾Ð½ÑÐµÐ¿ÑÐ¸Ñ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ ÑÐµÑÐ¸Ñ Ð½Ð°Ð²Ð¸Ð³Ð°ÑÐ¸Ð¾Ð½Ð½ÑÑ ÑÑÐµÐ½Ð´Ð¾Ð² Ð´Ð»Ñ Ð¡ÐÐ±ÐÐ£ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾. Ð Ð¿ÑÐ¾ÑÐµÑÑÐµ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¾ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ð¾Ð½Ð½ÑÐµ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¸: - Adobe Illustrator CC; - Figma; - Adobe Phothoshop CC; - Cinema 4d; -Adobe After Effects; - Premier Pro; - ÐÐ½ÑÐµÑÐ½ÐµÑ-Ð±ÑÐ°ÑÐ·ÐµÑÑ; - ÐÑÐ¸ÑÐ½ÑÐµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ.
description: The subject of the final masterâs graduate qualification work is "Design system of visual communications on the example of Peter the Great St.Petersburg Polytechnic University". The main hypothesis is that the formation of a universal design system will make it possible to effectively introduce new changes, technologies and adapt them to the characteristics of the institute. The research set and solve the following goals: 1. Studying the structure of the design system. 2. Comparative analysis of design system elements (identity, semiotics, ergonomics, communication channels). 3. General analysis of communicative design systems (functions, space, audience, analogues). 4. Development of a design system analysis methodology. 5. Development of a concept for solving existing problems of the design system of SPbPU Peter the Great. 6. Development of elements of the navigation design system on the example of Peter the Great St. Petersburg Polytechnic University, based on the results of the study. The object of the study is the design system of visual communications, the subject of the study is the navigation features of the design system. To achieve this goal, an analysis of existing solutions in the subject area was carried out using the methods of comparative analysis, historical analysis and critical evaluation. As a result of the work, the criteria for evaluating an educational institution were determined, a comparative analysis of various design systems of educational institutions was carried out. Based on the analysis, the main recommendations on the use of various types and methods for assessing and making design decisions in the field of visual communications of an educational institution are formulated. Based on the recommendations and methods, a visual concept of the application and a series of navigation stands for Peter the Great St.Petersburg Polytechnic University were developed. In the process of work, the following information technologies were used: - Adobe Illustrator CC; - Figma; - Adobe Photoshop CC; - Cinema 4d; - Adobe After Effects; - Premier Pro; - Internet browsers; -Office applications.