01
Платформа
«Выше идеи» — постоянная среда развития проектов.
ВЫШЕ ИДЕИ / БРЕНДБУК
Идея.
Прототип.
Результат.
Одна форма. Разные материалы.
От замысла к работающему предмету.
СОДЕРЖАНИЕ
От правил — к применению.
01Помогаем замыслу стать работающим проектом02Платформа. Сезон. Фестиваль.03Одно имя. Два языка.04Говорим о действии и показываем доказательство.05Сообщение ведёт к действию06Точный знак. Готовое написание.07Колонка и строка.08Логотип привязан к сетке09Охранное поле: откуда берётся x10Читаемость важнее формального числа.11Цвет логотипа и подложка12Цветовые ошибки: так не используем13Beyond Ideas.14Фестиваль первым. Роли равные.15Как разместить совместный блок16Пять цветов. Чёткие роли.17Информация остаётся ясной.18Выше идеи — заголовки. HSE Sans — текст.19Проверяем настоящие слова.20Сетка связывает части.21Штрих строит пространство.22Текст входит в графику.23Слой — плоскость с толщиной.24Сообщение занимает просвет.25Линия объясняет конкретную деталь.26Материал показывает,как рождается решение.27Одна форма. Шесть характеров.28Бумага29Картон30Стекло31LEGO32Металлический конструктор33Пластилин34Библиотека объектов / 01–1035Библиотека объектов / 11–2036Один объект —одна визуальная мысль.37Как заказать новую иллюстрацию.38Печать: система на расстоянии вытянутой руки.39Афиша узнаётся раньше, чем прочитана.40Документы и программадолжны быть полезными.41Имя, компанияи заслуженный результат42Как это выглядит в материале43Имя и достижение — на чистом поле.44Печатная графика:масштаб вместо мелкого декора45На расстоянииработает крупное46Баннер и сцена:другой масштаб чтения47Предмет сохраняетсвою функцию.48Бренд встречает человекаи помогает сориентироваться.49Сначала смысл. Затем характер.50Маршрут понятенбез знания бренда.51Карта отвечает на вопрос:«Где я и куда идти?»52От схемы к реальной площадке.53Лента — это системаредакционных задач54Сообщество узнаётсядо первого поста55Четыре карточки. Один рассказ.56Видео тожеговорит языком бренда57Движение объясняетпоявление сообщения58Показываем людей и их работу.59Предмет раскрывает историю проекта.60Интерфейс остаётся управляемым.61Перед тиражом нужен реальный материал.62Собираем от задачи к проверке.63Одна редакция. Прослеживаемые источники.
01 / Основа
Помогаем замыслу стать
работающим проектом
«Выше идеи» объединяет развитие проектов и событие, на котором команды показывают свой результат.
Герой — участник и его работа
Визуальная система помогает рассмотреть проект. Материал, конструкция и действие раскрывают смысл.
Школьники и студенты, наставники и эксперты, партнёры и зрители видят свой следующий шаг.
Предметная интерпретация конструкции. Не проект участника.
01 / Архитектура
Платформа. Сезон. Фестиваль.
02
Сезон
Цикл программы с подтверждёнными сроками, условиями и темой.
03
Фестиваль
Событие, на котором встречаются команды, эксперты и проекты.
В событийной коммуникации фестиваль выходит первым. Год и тема сезона набираются отдельно от логотипа; внутреннее устройство A1 и написания не меняется.
01 / Имя
Одно имя. Два языка.
RU
Выше идеи
Всероссийский фестиваль университетских и школьных технологических проектов
В официальном первом упоминании: «Выше идеи» — всероссийский фестиваль университетских и школьных технологических проектов. Далее достаточно имени, если контекст уже понятен.
EN
Beyond Ideas
All-Russian Festival of Technology Projects by University and School Students
В тексте — Beyond Ideas. В графическом мастере — BEYOND IDEAS. Используйте единое английское название во всех материалах.
Один главный язык в композиции, один основной логотип A1. Год, город, тема и даты — самостоятельные информационные поля. Не добавляйте эти сведения внутрь мастер-файла.
01 / Основа
Говорим о действии
и показываем доказательство.
01
Школьнику и студенту
Что можно сделать? Как показать замысел? Какой следующий шаг?
«Соберите модель и объясните, что она проверяет».
02
Наставнику и эксперту
Как устроен процесс? Где нужна обратная связь? Чем обоснован результат?
«Покажите, что изменили после испытания».
03
Партнёру и зрителю
Какую задачу решает проект? Что уже работает? Как помочь развитию?
«Посмотрите прототип в действии».
Короткая фраза → наблюдаемый результат → понятное действие. Не обещаем победу, инвестиции или поддержку без подтверждённых условий. «От идеи к работающему проекту» — возможная редакционная формула, не утверждённый слоган.
01 / Голос
Сообщение ведёт к действию
| Ситуация | Редакторская модель | Обязательная информация |
|---|---|---|
| Приглашение | Расскажите, какую задачу решает ваш проект и что вы уже проверили. | Кто участвует, способ подачи, условия |
| Срок | Назовите точную дату и время окончания приёма, затем дайте ссылку на подачу. | Дата, время, часовой пояс, ссылка |
| Следующий этап | Ваша команда проходит дальше. Подготовьте описание испытания и результата. | Подтверждённый отбор, требования, срок |
| Результат | Назовите задачу, что проверила команда и что показало испытание. | Источник, измерение, ограничения вывода |
| Отказ | Проект не прошёл в следующий этап. Сообщите доступный следующий шаг. | Не обещать обратную связь, если её нет |
| Перенос | Сначала сообщите, что изменилось. Затем укажите новый порядок действий. | Новые условия и действующий контакт |
Это модели сообщений. Перед отправкой редактор подтверждает факты и ссылки. Пишем уважительно, без гарантий победы, инвестиций и поддержки, которых нет в условиях.
02 / Логотип
Точный знак. Готовое написание.
Сохраняем геометрию.
Логотип — готовая векторная графика. Он не набирается шрифтом «Выше идеи» и не восстанавливается генерацией. Не меняются контуры, соединение лайма, квадрат и пропорции частей.
Разделяем роли.
Точный логотип подписывает материал. Крупный материальный мотив и фрагменты букв создают композицию, но не заменяют основной логотип.
02 / Полное имя
Колонка и строка.
В колонке — единый вертикальный блок. В строке — знак, название и дескриптор на общей горизонтали.
Полное название должно оставаться читаемым: увеличьте блок или перенесите его на самостоятельную строку композиции. При повторном появлении допустим короткий логотип.
Используйте готовые версии логотипа для колонки и строки. Сохраняйте взаимное положение знака, названия и дескриптора.
02 / Айдентика
Логотип привязан к сетке
Программа
Одна левая граница
В шапке документа
Левый видимый край знака совпадает с левым краем заголовка и основного текста. Охранное поле остаётся свободным вокруг рисунка.
В центральной композиции
Центрируем весь блок, включая дескриптор. В колонке дескриптор выровнен по левому краю согласно мастер-файлу; при центральном размещении центрируется весь блок.
Чего избегаем
Не центрируем только надпись и не выравниваем по пустым полям файла. Не перемещаем элементы внутри готового SVG вручную.
В шапках программы, бланка и диплома используется горизонтальный логотип с дескриптором. Нажмите на образец, чтобы открыть исходник.
02 / Айдентика
Охранное поле: откуда берётся x
Измерить
x — ширина прямого вертикального штриха буквы. На схеме он показан крупно и отдельно.
Отложить
От крайней точки рисунка с каждой стороны оставьте не менее x. Дескриптор и лаймовый квадрат входят в рисунок.
Оставить свободным
Текст, фото, край носителя, линия реза и крепление не заходят в выделенную зону.
Для самостоятельного A1 поле — не менее ¼ видимой высоты знака. В совместной композиции выполняются требования каждого бренда.
02 / Масштаб
Читаемость важнее формального числа.
Экран
48 px — предпочтительная рабочая ширина отдельного A1. Это не универсальный минимум полного блока. Для полного логотипа проверяйте дескриптор в фактическом размере, а не только на увеличенном макете.
Материал
На ткани, вышивке, кривой поверхности и мелкой печати сначала делайте пробу. Если тонкая деталь теряется, выбирайте готовую монохромную или короткую версию.
Единого подтверждённого печатного минимума нет. Он зависит от технологии и материала.
02 / Айдентика
Цвет логотипа и подложка
Тёмно-синий #07162F + лайм #C1EB00 на белом или бумажном фоне. Скачать SVG ↓
Белый + лайм на фирменном тёмно-синем #07162F. Этот же синий используется в основном логотипе.
Дополнительная версия из библиотеки. Не основная заливка бейджа.
Допустимый контрастный вариант; крупная фиолетовая заливка выбирается под задачу.
Подложку можно
На сложном изображении выделите цельное белое или тёмно-синее поле. Сохраните охранные отступы внутри него.
Подложка — часть макета
Сохраняйте исходные контуры и пропорции логотипа. Не добавляйте обводки и тени. Используйте готовую цветовую версию.
02 / Айдентика
Цветовые ошибки: так не используем
Основной рисунок исчезает; видны только акценты.
Основной рисунок теряет контраст. Возьмите белую версию.
Квадрат и вставка A1 пропадают. Для такого поля нужен цельный тёмный монохром.
Не заменяем утверждённые цвета случайными и не добавляем градиент.
Эти образцы показывают ошибки применения и не являются файлами для работы. Запрет обрезать, деформировать или обводить относится к логотипу как идентификатору. Крупный декоративный фрагмент из графической системы используется отдельно и не заменяет полный логотип.
02 / Локализация
Beyond Ideas.
Графика
Готовые широкие и компактные файлы EN находятся в библиотеке. Не растягивайте латинские буквы, чтобы повторить ширину русского блока.
Дескриптор
All-Russian Festival of Technology Projects by University and School Students
При двуязычном наборе сначала задайте иерархию языков, затем выберите свободное поле. A1 не дублируется механически перед каждой строкой.
02 / Соорганизаторы
Фестиваль первым. Роли равные.
| Правило | Применение |
|---|---|
| Иерархия | «Выше идеи» открывает коммуникацию. ВШЭ — Санкт-Петербург и Ростелеком образуют равноправную пару соорганизаторов. |
| Оптический баланс | Сравнивайте видимый рисунок, массу надписи и читаемость кампуса. Не приравнивайте ширину PNG с пустыми полями к ширине SVG. |
| Поля | Соблюдайте поле каждого знака. У сокращённого блока ВШЭ — не менее ½ диаметра монограммы по имеющемуся брендбуку. Числовое поле Ростелекома проверяется по его актуальному мастер-комплекту. |
| Узкий формат | Фестиваль первым уровнем, пара соорганизаторов ниже. Не сжимайте три знака в нечитаемую строку. |
| Другие партнёры | Отдельная полоса и подпись по подтверждённой роли. Не смешивайте спонсоров с соорганизаторами. |
На тёмном фоне используйте контрастные версии логотипов соорганизаторов и соблюдайте охранные поля каждого знака. Размеры подбирайте по оптическому балансу и читаемости.
02 / Совместное применение
Как разместить совместный блок
Вариант для вертикальной композиции: фестиваль первым уровнем, соорганизаторы — общей группой.
Сравниваем видимый рисунок
Пустые поля PNG не определяют масштаб. Оцените массу надписей, центр строк и отступы. Не растягивайте знаки до одинаковой ширины или высоты по одной оси.
Сохраняем свободное поле
Для сокращённого блока ВШЭ — не менее ½ диаметра монограммы по его брендбуку. Поля каждого знака сохраняются независимо от общей сетки.
Перестраиваем, когда тесно
Перенесите группу ниже или выделите ей самостоятельную полосу. Сначала проверьте читаемость названия кампуса и текста Ростелекома.
Это способы компоновки, а не обязательная шапка сайта. Дополнительные партнёры получают отдельную полосу по подтверждённым ролям. Охранное поле Ростелекома уточняйте по актуальному брендбуку компании.
03 / Цвет
Пять цветов. Чёткие роли.
Тёмно-синийТекст и основное тёмное поле
#07162F
#07162F
ФиолетовыйАктивная плоскость и объём
#7029DF
#7029DF
ЛаймКлюч, соединение, действие
#C1EB00
#C1EB00
БумажныйСпокойное светлое поле
#F1EFE8
#F1EFE8
БелыйВыворотка и информация
#FFFFFF
#FFFFFF
HEX — экранный эталон. Профиль CMYK и специальные краски выбираются с подрядчиком по пробе. RGB-лайм не гарантирует флуоресцентный результат. Цвет материала в фотографии не создаёт дополнительный цвет интерфейса.
03 / Контраст
Информация остаётся ясной.
| Сочетание | Контраст sRGB | Роль |
|---|---|---|
| Белый / тёмно-синий | 18,03 : 1 | Основной текст и навигация на тёмном. |
| Белый / фиолетовый | 6,84 : 1 | Текст на активном поле. |
| Тёмно-синий / лайм | 15,57 : 1 | Кнопка, номер, указатель. |
Текст
Не используйте мелкий лаймовый текст на белом. Фиолетовый на тёмно-синем не даёт достаточного информационного контраста. Состояние обозначайте словом или значком, а не только цветом.
Изображение
Текст занимает спокойный просвет или собственную непрозрачную полосу. Светлый торец слоя не проходит под белыми буквами. При изменении кропа проверяйте весь текстовый прямоугольник.
Числа описывают плоские пары цветов. Они не являются заявлением о полной доступности интерфейса или контрасте текста на фотографии.
03 / Типографика
Выше идеи — заголовки. HSE Sans — текст.
Собрать.
Проверить.
Показать.
Проверить.
Показать.
HSE Sans Regular / Bold
HSE Sans — основной текст, подписи и интерфейс. Выше идеи — заголовки, крупные номера и короткие выразительные фразы.
Выше идеи · Regular / Bold / Black
В меню шрифтов — Vyshe Idei Core Study79; фирменное название — «Выше идеи». Начертания Regular, Bold и Black. Штрихи и соединения изучаем как геометрию для линий, без увеличенных букв в композиции. Логотип остаётся самостоятельным оригиналом.
Фирменный акцент: фиолетовый для выделенного действия; лайм — короткий световой узел или точка соединения, как в логотипе.
Скачать шрифт «Выше идеи»
Regular, Bold и Black · TTF, OTF, WOFF2 · лицензия OFL 1.1.
Скачать семейство · ZIP, 105 КБ ↓03 / Набор
Проверяем настоящие слова.
Выше идеи · Regular / Bold / Black
Regular
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~«°±»×÷а́̆ӓЁАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюяё–—‘’“”„•…€₽№−≠≤≥
Bold
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~«°±»×÷а́̆ӓЁАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюяё–—‘’“”„•…€₽№−≠≤≥
Black
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~«°±»×÷а́̆ӓЁАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюяё–—‘’“”„•…€₽№−≠≤≥
Александра
Константинопольская
Имя и организация переносятся по смыслу. Не сжимайте фамилию по горизонтали ради одной строки.
Автоматизированная система мониторинга качества городской среды
Длинное название получает 2–3 строки или полную версию в следующем информационном блоке.
Проверяйте Ё/Й, цифры, знаки препинания, кавычки, №, латиницу и единицы измерения. Не включайте искусственную жирность и наклон. Предлог связывается со следующим словом; число — с единицей.
03 / Композиция
Сетка связывает части.
Идея.
Прототип.
Результат.
Прототип.
Результат.
Дата / Площадка / Действие
Общая ось
Логотип, заголовок, факты и действие привязаны к общей сетке. Графика открывает место для сообщения. Она может пересечь границу колонок, если это помогает чтению.
Рабочая рекомендация
12 колонок на широком экране, 4 на мобильном. Поля и промежутки адаптируются к формату. В печати размеры задаются в миллиметрах с учётом реза и материала.
81624324864
Интервалы 8 / 16 / 24 / 32 / 48 / 64 px приняты как рабочая шкала, а не обязательный размер каждого отступа. Один главный тезис, один главный визуальный приём, одно основное действие.
04 / ГРАФИЧЕСКАЯ СИСТЕМА
Штрих строит пространство.
Поворот открывает поле текста. Диагональ связывает тезис и предмет. Повтор собирает несколько шагов в последовательность.
Поворот
Одна открытая внутренняя зона. Заголовок входит в неё, не касается края.Скачать SVG
Направление
Наклон ведёт от мысли к предмету. Лайм отмечает соединение.Скачать SVG
Последовательность
Повтор подчинён шагам рассказа. Между полосами остаются поля для информации.Скачать SVGГеометрия
Толщина, прямой срез и контролируемый поворот родственны штрихам шрифта «Выше идеи» и знаку A1. Используем фрагмент, а не увеличенную читаемую букву.
Роль акцента
Лаймовый участок выделяет стык или переход. Он не превращается в случайные точки по всему носителю. На сложном предмете акцент остаётся один.
Поворот и толщина взяты из контура Black. Используйте фрагмент и продолжайте его за край формата.
Скачать SVG ↓
От знака к композиции
Полоса задаёт границу текста, направляет взгляд и создаёт внутреннее поле. Сохраняйте толщину и пропорции поворота; открытая зона остаётся свободной для заголовка.
Лайм отмечает соединение или переход. Логотип используйте отдельно в исходной форме.
Направление и толщина повторяют прямые стороны исходного штриха Black.
Скачать SVG ↓
Направление и связь
Диагональ связывает части сообщения и ведёт к предмету. Вырезайте фрагмент так, чтобы целая буква не читалась как отдельный знак.
Лайм выделяет узел; не повторяйте его автоматически на каждой полосе.
Повороты, прямые срезы и ритм полос формируют визуальный язык. Используйте фрагменты, не превращая букву в самостоятельный знак.
Поисковая визуализация; для готовых материалов используйте исходные файлы логотипа и шрифта.
04 / КОМПОЗИЦИЯ
Текст входит в графику.
Сначала
вопрос.
Потом —
прототип.
Найти закономерность.
Проверить на практике.
Мысль
приводит
в движение.
От схемы — к работающему механизму.
Собрать
из частей.
У каждого элемента — своё место.
Внутреннее поле. Поворот ограничивает место заголовка; прибор раскрывает тему в нижней зоне.
Общее направление. Диагональ связывает ступенчатый набор и движение предмета.
Сборка. Повтор плоскостей поддерживает модульную структуру таблицы.
Для цифровых носителей используются стеклянные предметные версии; материальные изображения здесь показывают печатную ветку.
Идея.
Прототип.
Результат.
Прототип.
Результат.
Всероссийский фестиваль технологических проектов
Поворот очерчивает свободное поле заголовка. Логотип и подпись привязаны к одной оси.
СВЯЗЬ / ИССЛЕДОВАНИЕ01 / ВОПРОС
Как идеястановитсясигналом?
От наблюдения — к устройству.
ИДЕЯ → ПРОТОТИП → РЕЗУЛЬТАТ
Диагональный штрих разделяет информацию и предмет; лаймовый узел обозначает точку перехода. Предметная иллюстрация сохраняет читаемый силуэт.
Диагональ задаёт направление, а заголовок остаётся на спокойном поле.
Скачать SVG ↓
Текст редактируется; фирменный шрифт встроен. Перед печатью проверьте поддержку шрифта у подрядчика.
04 / СЛОИ И ОТПЕЧАТОК
Тонкие листы создают глубину.
Слой — отдельный лист. Смещение, кромка и наложение показывают, как собирается форма и где появляется пространство для сообщения.
Тонкие края видны вблизи, а форма остаётся цельной на расстоянии.
Плоскости накладываются в одном направлении; кромки образуют спокойный ритм.
Скачать SVG ↓
Плоскость
Бумага остаётся тонкой. Видимая кромка и небольшое смещение дают глубину без тяжёлого объёма.
Поле
Заголовок размещается на свободном листе или в просвете; кромки и тени не мешают чтению.
Акцент
Фиолетовый и тёмно-синий создают ритм. Лайм отмечает соединение, когда оно помогает композиции.
Бумажный макет — иллюстрация. Для подписи используйте точный плоский логотип. На одноцветном носителе слои можно передать сдвигом или контрастом материала.
Дополнительная объёмная интерпретация
Материальный мотив со слоистой кромкой применяется как иллюстрация. Для бумажной системы ориентиром остаются тонкие листы.
Наложение плоскостей создаёт глубину и просвет для текста. В бумажной версии акцент — на тонких листах и их кромках.
Поисковая визуализация; для готовых материалов используйте исходные файлы логотипа и шрифта.
04 / Слои в дизайне
Сообщение занимает просвет.
Приём
| Окно | Весь заголовок находится на спокойном поле; светлый торец не проходит под белыми буквами. |
| Край | Графика может уходить за обрез, но имя, дата, логотип и подписи остаются внутри безопасной зоны. |
| Глубина | Слой имеет поверхность и видимый торец. Один ведущий свет и одно направление смещения. |
| Адаптация | Сначала защищаем текстовый прямоугольник, затем меняем масштаб и кроп мотива. Сохраняем узнаваемость плоскостей. |
Не делать веер одинаковых тонких контуров, бесконечный тоннель, множество несвязанных бликов и случайную тень за буквами. На одноцветном носителе используйте плоскую версию.
Собрать
будущее.
будущее.
От идеи — к работающему проекту
Сдвиг тонких листов создаёт просвет для сообщения; логотип остаётся точной плоской графикой.
МАТЕРИАЛ / СЛОИ
Мысль
обретает
форму.
От наброска — к работающему прототипу.
Диагонально сдвинутые листы раскрывают свободное поле заголовка. Изображение — материальная визуализация; логотип и текст набраны отдельно.
Сдвиг плоскостей создаёт просвет. Для передачи бумаги используйте материальную визуализацию.
Скачать SVG ↓
Текст редактируется; фирменный шрифт встроен. Перед печатью проверьте поддержку шрифта у подрядчика.
Дополнительная объёмная интерпретация
Примеры для экранов и крупных форматов с выраженной глубиной. Для бумажной системы ориентиром остаются тонкие листы и отпечатки.
Афиша A2 · слои
Сообщение находится в просвете трёх материальных плоскостей. Видны толщина, кромки и перекрытие.
A2 · 420 × 594 мм
Сценический экран
Крупное окно глубины; минимум мелких деталей для сцены.
Экран 1920 × 1080 · 16:9
04 / Чертёж
Линия объясняет конкретную деталь.
Что оставляем
- Силуэт, опорные оси и отношения частей.
- Выноску, которая заканчивается на нужной детали.
- Подпись этапа или реальное пояснение.
Что убираем
- Несуществующие размеры и случайные цифры.
- Мелкую сетку под каждой строкой текста.
- Техническую плотность, мешающую сообщению.
Листовка A5 · лицевая сторона
Сокращённая история: чертёж → слоистый макет → предмет. Отдельный кадр сборки в этом формате опущен.
A5 · 148 × 210 мм
На листовке показана сокращённая последовательность: чертёж → слоистый макет → предмет. Кадр сборки опущен из-за формата. Сокращение не меняет порядок этапов.
Схема исходной формы; оси и выноски помогают её рассмотреть.
Тонкие листы показывают сдвиг, кромку и материальную сборку.
Точный плоский оригинал подписывает композицию.
Схема и бумажный макет раскрывают происхождение формы. Для подписи используйте исходный логотип.
КОНСТРУКЦИЯ / 01
Идея
обретает
форму.
От схемы — к модели и работающему предмету.
ФОРМА / КОНСТРУКЦИЯЧертёж и заголовок организованы общей сеткой. Линии изображения раскрывают конструкцию; текст и точный логотип сохраняют отдельные поля.
Схема объясняет конструкцию, материальный макет показывает сборку, а точный знак подписывает материал.
Поисковая визуализация; для готовых материалов используйте исходные файлы логотипа и шрифта.
Контур знака и оси организуют графическое поле.
Скачать SVG ↓
Текст редактируется; фирменный шрифт встроен. Перед печатью проверьте поддержку шрифта у подрядчика.
03 / Предметный мир
Материал показывает,
как рождается решение.
Форма.
Сборка.
Действие.
Сборка.
Действие.
Бумага, картон, стекло, LEGO, металлический конструктор и пластилин — шесть самостоятельных способов говорить о проекте.
Материал не равен научному направлению и не назначает проекту оценку зрелости. Один объект может существовать в нескольких материалах.
Оптическая установка: прозрачность помогает объяснить функцию. Предметный мир сохраняет научные и инженерные мотивы.
03 / Предметный мир
Одна форма. Шесть характеров.
Верх: бумага / картон / стекло. Низ: LEGO / металлический конструктор / пластилин.
Генеративная визуализация материалов. Геометрические отклонения допустимы только как иллюстрация; для производства — исходный A1.
03 / Материалы
Бумага
Лёгкость замысла и первый набросок.
Сгиб, тонкий край, натяжение и наложение листов.
Wright Flyer · предметная интерпретация
Форма
Плоскости объясняют форму. В бумажном самолёте сохраняются крылья, опоры и направление движения.
Съёмка и макет
Мягкий боковой свет, видимая толщина кромки. Один крупный объект, свободное поле.
Не допускаем
Смятый мусор, случайное оригами и чрезмерно пушистая текстура.
Материальный эталон слева задаёт фактуру. Предмет справа показывает применение материала.
03 / Материалы
Картон
Рабочая модель, которую можно собрать.
Гофра, паз, клапан, стык, разметка и ребро жёсткости.
Паровоз Черепановых · предметная интерпретация
Форма
Сохраняем узнаваемые опоры объекта. Картонный цвет может быть естественным: не окрашиваем всё в фиолетовый.
Съёмка и макет
Показываем торец и конструкцию соединения. Заголовок выносим из зоны мелких деталей.
Не допускаем
Гладкая пластмасса под видом картона; декор без логики сборки.
Материальный эталон слева задаёт фактуру. Предмет справа показывает применение материала.
03 / Материалы
Стекло
Свет, оптика и точность наблюдения.
Толщина, прозрачность, преломление и спокойный блик.
Лазерная установка · предметная интерпретация
Форма
Стекло уместно в оптике и лабораторном предмете. Показываем, какую функцию выполняет прозрачная часть.
Съёмка и макет
Светлый или тёмный однородный фон. Контрастный край и умеренный рефлекс.
Не допускаем
Неон, декоративные пузыри, стеклянный эффект на всём тексте.
Материальный эталон слева задаёт фактуру. Предмет справа показывает применение материала.
03 / Материалы
LEGO
Модульность и возможность пересобрать.
Кирпичики, шаг сетки, шипы и реальные соединения.
CubeSat 1U · предметная интерпретация
Форма
Блочный конструктор подходит для модульных форм. Ступенчатая форма честно показывает конструкцию; объект сохраняет узнаваемые элементы.
Съёмка и макет
Ограничиваем палитру, виден масштаб деталей. Логотип фестиваля остаётся отдельным плоским блоком.
Не допускаем
Случайная радуга и игрушечный сюжет, который отвлекает от проектной задачи.
Товарный знак LEGO не обозначает партнёрство. Его логотип не добавляется к фестивальному блоку.
03 / Материалы
Металлический конструктор
Связи и несущая логика проекта.
Перфорированные полосы, болты, гайки, уголки и раскосы.
Шуховская башня · предметная интерпретация
Форма
Соединение должно выглядеть работающим. В башне сохраняем сетчатую оболочку и кольцевые пояса.
Съёмка и макет
Ракурс раскрывает узел. Металл матовый или сатиновый, без лишнего блеска; фон спокойный.
Не допускаем
Парящие гайки, невозможные крепления, ржавчина как декоративная ностальгия.
Материальный эталон слева задаёт фактуру. Предмет справа показывает применение материала.
03 / Материалы
Пластилин
Модель, которую можно менять руками.
Мягкий край, след пальца, соединение объёмов и ручная пластика.
CRISPR/Cas9 · предметная интерпретация
Форма
Сохраняем структурную идею объекта, а не копируем случайные бугорки. Материал помогает обсуждать модель.
Съёмка и макет
Один основной оттенок, нейтральный фон, один сигнальный акцент. Свет показывает объём.
Не допускаем
Случайная пестрота, съедобный вид, слизь и чрезмерная мультяшность.
Биологический объект показывает сложность структуры. При адаптации используйте сдержанную палитру материального эталона.
03 / Предметный мир
Библиотека объектов / 01–10
01 / Паровоз Черепановых
Движение
Котёл, высокая труба, колёса и тяги
02 / Шуховская башня
Конструкция
Сетчатая оболочка и кольцевые пояса
03 / Приёмник Попова
Связь
Открытое основание, катушки, звонок
04 / Терменвокс
Связь / интерфейс
Вертикальная и петлевая антенны
05 / «Спутник-1»
Движение / орбита
Сфера и четыре длинные антенны
06 / CubeSat 1U
Движение / модульность
Куб, угловые направляющие, панели
07 / Периодическая система
Система / химия
Ступенчатая сетка и нижний блок
08 / Лазерная установка
Свет
Оптическая ось, стойки и луч
09 / Машина Уатта
Энергия / механизм
Балка, цилиндр и маховое колесо
10 / Wright Flyer
Движение / полёт
Два крыла и открытая ферма
Библиотека включает 20 объектов. Изображения — художественные интерпретации, не документальные реконструкции. Для сезонного выпуска выбираем по задаче, проверяем научную узнаваемость и детали.
03 / Предметный мир
Библиотека объектов / 11–20
11 / Ранний телефон Белла
Связь
Короб, механизм и проводной приёмник
12 / Лампа накаливания
Свет / энергия
Колба, нить и винтовой цоколь
13 / Иконоскоп
Связь / изображение
Колба, мишень и контактный вывод
14 / Точечный транзистор
Вычисление
Контакты, кристалл и держатель
15 / ENIAC
Вычисление
Ряд шкафов, панели и кабели
16 / Литий-ионная ячейка
Энергия
Разнесённые функциональные слои
17 / Графен
Материя
Тонкая гексагональная решётка
18 / Квантовые точки
Материя / свет
Ряд сфер разного размера и цвета
19 / CRISPR/Cas9
Жизнь / биология
Ленты, белковый зажим и участок изменения
20 / Двойная спираль ДНК
Жизнь / биология
Две спиральные ленты и перемычки
Библиотека включает 20 объектов. Изображения — художественные интерпретации, не документальные реконструкции. Для сезонного выпуска выбираем по задаче, проверяем научную узнаваемость и детали.
03 / Предметный мир
Один объект —
одна визуальная мысль.
Объект связан с содержанием
Приёмник — когда говорим о связи. Башня — о конструкции. Оптика — о наблюдении. Не выбираем предмет только из-за красивого цвета.
Показываем принцип
Сохраняем 2–3 узнаваемых признака. Не закрываем ключевой узел текстом. Кадрирование не должно превращать предмет в непонятный обломок.
Соблюдаем масштаб роли
Один герой занимает примерно 55–70% иллюстративного поля. Второстепенные детали поддерживают действие и не спорят с главным объектом.
Для новой иллюстрации фиксируем объект, смысл, узнаваемые признаки, материал, ракурс, свет и конечный носитель.
03 / Предметный мир
Как заказать новую иллюстрацию.
01
Смысл
Один тезис и роль объекта. Назовите, что зритель должен понять.
02
Инварианты
2–3 узнаваемые детали, которые нельзя потерять при смене материала.
03
Материал
Один основной, до двух поддерживающих. Видимая логика соединений.
04
Проверка
Силуэт, конструкция, цвет, свет, края и конечный размер на носителе.
Пример задания: башня из металлического конструктора
Сохранить сетчатую оболочку и кольцевые пояса. Показать перфорированные полосы и болтовые узлы. Ракурс ¾, мягкий свет слева, нейтральный фон. Без текста, людей и лишнего декора. Подготовить крупный мастер и прозрачную версию.
Материальный знак — иллюстрация рядом с точным плоским логотипом. При изготовлении физического A1 подрядчик работает с контуром SVG и отдельным конструктивным проектом.
04 / Печать
Печать: система
на расстоянии вытянутой руки.
Афиша A2 · идея и крупный объект
Программа A4 · время и маршрут
Бейдж 90 × 110 мм · роль и имя
Редактируемые SVG — композиционные оригиналы в RGB, без назначенного профиля и тиражных вылетов. Параметры допечатной подготовки задаёт выбранный подрядчик.
04 / Печать
Афиша узнаётся
раньше, чем прочитана.
Порядок чтения
Фестиваль → короткая мысль → предмет → подтверждённые дата, место и действие.
Два режима
Тёмный: выразительный заголовок и светлый объект. Светлый: больше деталей материала и спокойный информационный блок.
Вставка сезона
Перед выпуском замените временную подпись на дату, место и проверенный адрес. QR создаётся после подтверждения ссылки.
Не уменьшайте всю афишу до A5: пересоберите иерархию под близкое чтение.
04 / Печать
Документы и программа
должны быть полезными.
Бланк: полная строка и текст привязаны к общему левому полю.
Программа: горизонтальный логотип с дескриптором в шапке, время слева, событие справа.
Редакторская проверка
- Сверить названия залов с навигацией.
- Сортировать события по времени.
- Отметить изменения словами, а не одним цветом.
- Проверить все адреса и QR после печати пробы.
Для буклета используем те же роли; фальцовку, порядок панелей и поля у сгиба задаём по развёртке типографии.
04 / Носители
Имя, компания
и заслуженный результат
Бейдж · 90 × 110 мм
Имя → роль → компания, вуз или команда. Нижняя зона остаётся свободной; фирменная линия завершает композицию.
Компания занимает одну или две строки. При длинном названии убираем пояснение о деятельности и используем его строку под продолжение названия. Имя не уменьшаем ради организации.
Диплом · A4, горизонтальный
Большая форма справа — увеличенный фрагмент A1. Слева: название документа, получатель, организация и подтверждённый результат. Внизу два места для подписи, имени, должности и организации.
Если подписант один, сохраняем левый блок, правый убираем. У длинной организации допускаются две строки; служебные реквизиты остаются внизу. Все данные на образцах учебные.
Перед изготовлением проверьте совместимость размера бейджа с держателем. Макеты в RGB, с редактируемым текстом и встроенными шрифтами; параметры тиража задаются после выбора технологии.
04 / Превью
Как это выглядит в материале
Визуализации носителей. Они показывают внешний вид и масштаб, а не подтверждают бумагу, способ печати или цветопробу. Для изготовления используются векторные исходники.
06 / Дипломы
Имя и достижение — на чистом поле.
Диплом победителя
Выраженный материальный край; защищённая колонка имени, проекта и двух подписей.
A4 · 297 × 210 мм
Диплом участника
Выраженный материальный край; защищённая колонка имени, проекта и двух подписей.
A4 · 297 × 210 мм
Благодарность компании
Выраженный материальный край; защищённая колонка имени, проекта и двух подписей.
A4 · 297 × 210 мм
| Поле | Содержание |
|---|---|
| Получатель | Имя или наименование организации — главный информационный блок. Допускается несколько строк. |
| Организация | Отдельная строка для компании, университета или команды. |
| Основание | За что выдан документ: проект, номинация, участие или подтверждённый вклад. |
| Подписи | Два независимых места для ФИО, должности и организации подписантов. Состав подписантов определяется событием. |
| Графика | Крупный материальный край. Он не пересекает имя, подписи и текст основания. |
| Реквизиты | Дата, номер и официальные формулировки подставляются перед выпуском. |
Реалистичные превью показывают печать на бумаге. Для производства скачайте плоские оригиналы SVG или PNG. Три документа объединены одной горизонтальной шапкой и системой плоскостей. Подписи, печати и факты не имитируются на визуальном примере.
04 / Печатная графика
Печатная графика:
масштаб вместо мелкого декора
Одна крупная форма
В дипломе графика занимает правую четверть листа. Она не пересекает имя, основание награждения и подписи.
Край — часть композиции
Фрагмент знака обрезается краем декоративного поля. Полный логотип остаётся отдельным и целым. Не растягиваем контур.
Линия держит низ
На бейдже линия занимает нижнюю зону. Роль и компания остаются выше. На одном носителе — один главный графический приём.
Сохраняйте геометрию A1. Вылеты, бумагу и способ нанесения согласуйте с подрядчиком. Нажмите на образец, чтобы открыть SVG.
04 / Крупные носители
На расстоянии
работает крупное
Верх
Полный логотип, заголовок и назначение. Не опускаем главный текст к механизму основания.
Середина
Одна крупная мысль и один графический жест. Роллап не заменяет расписание мелким шрифтом.
Низ
Проверенная ссылка, QR и соорганизаторы — в отдельной зоне. Конкретный блок заменяется под задачу, сохраняет собственные поля.
Размеры — образцы компоновки. Технологию, основание, вылеты и реальные требования подрядчика уточняют перед изготовлением. Адреса и QR в примерах намеренно не выдуманы.
04 / Баннеры и сцена
Баннер и сцена:
другой масштаб чтения
Баннер держит короткий тезис, экран — тему выступления. В зоне докладчика не ставим важную информацию. Для официального совместного носителя добавляем готовый блок соорганизаторов, не увеличивая их до размера главного имени фестиваля.
04 / Носители
Предмет сохраняет
свою функцию.
Картхолдер: небольшой знак, отступ от сгиба и шва.
Сумка: лого читается на естественном объёме.
Бутылка: проверить кривизну и площадь нанесения.
Мокапы демонстрируют размещение графики на предметах. Для производства используйте точные векторные оригиналы. Для одного цвета — готовый монохром.
05 / Среда
Бренд встречает человека
и помогает сориентироваться.
Концептуальная визуализация площадки: регистрация, номер зоны, крупный знак и материальные объекты. Это пример атмосферы и размещения, не проект реального монтажа.
05 / ПИКТОГРАММЫ
Сначала смысл. Затем характер.
Единая сетка 32 × 32, контролируемые окончания и спокойный контур. Детали служат распознаванию: лифт — кабина с человеком, сцена — площадка с занавесом, мастерская — инструмент.
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
SVG · PNG
Растр и вектор
Каждый знак представлен в SVG и PNG. На первом появлении ставим подпись; в малом размере проверяем силуэт и интервалы.
Навигация
Стрелка, название и пиктограмма образуют один блок. Декоративный штрих не заменяет стрелку. Цвет не является единственным различием зон.
Перед размещением проверьте распознаваемость пиктограмм посетителями и адаптируйте навигацию к площадке.
05 / Навигация
Карта отвечает на вопрос:
«Где я и куда идти?»
Условная карта для демонстрации языка. Не использовать как план эвакуации или реальную схему площадки.
Правила карты
- Заметная метка «Вы здесь» и понятная ориентация.
- Одинаковые коды зон на карте, дверях и в программе.
- Маршрут рисуется по проходам, не сквозь стену.
- Доступный путь обозначается отдельно после проверки площадки.
- Важные сервисы подписываются словами.
05 / Навигация
От схемы к реальной площадке.
| Точка | Носитель | Что проверить |
|---|---|---|
| Вход | Название фестиваля + регистрация | Виден до входа; нет конкуренции с вывесками площадки. |
| Развилка | Стрелка + место + код | Расположен до решения; дальнейший ориентир виден. |
| Дверь | Название + код + сервисная пиктограмма | Совпадает с программой и расписанием. |
| Большой холл | Карта + «Вы здесь» | Соответствует реальному расположению, ориентирована для зрителя. |
| Пол | Дополнительная стрелка | Не единственный носитель; материал и крепление согласованы. |
| Изменение маршрута | Временная табличка | Перекрывает устаревшее направление, не создаёт противоречие. |
Проверяем весь путь пешком с человеком, не знакомым с проектом. Отдельно — маршрут без лестниц, освещение, блики, перекрытия толпой и временные изменения. Монтаж и безопасность согласует площадка.
Для новых носителей используйте пиктограммы из раздела «Пиктограммы» и проверьте их соответствие названиям зон.
06 / Оформление групп
Сообщество узнаётся
до первого поста
Обложка, аватар и закреплённый пост решают разные задачи. Аватар содержит знак; обложка — тему; закреплённый пост — объяснение и действие. Вертикальная версия пересобрана, а не автоматически обрезана. Точные загрузочные размеры и зоны перекрытия задаются выбранной площадкой.
07 / Последовательность
Четыре карточки. Один рассказ.
Карусель · 01 · чертёж
Схема связана с конкретным предметом.
1080 × 1350 · слайд 01
Карусель · 02 · слоистый макет
Физические плоскости формируют глубину и поле сообщения.
1080 × 1350 · слайд 02
Карусель · 03 · сборка
Разнесённая сборка связывает детали; готовый предмет показан в четвёртой карточке.
1080 × 1350 · слайд 03
Карусель · 04 · предмет
Прозрачность раскрывает устройство предмета.
1080 × 1350
01 — чертёж, 02 — слоистый макет, 03 — сборка, 04 — предмет. В серии сохраняются поле логотипа, ось сообщения и место номера этапа.
06 / Видео
Видео тоже
говорит языком бренда
Набор 16:9 и вертикальная обложка 9:16. Имя и роль — в нижнем титре, субтитры — отдельной строкой ниже. Фон видео здесь условный, не свидетельство реального мероприятия. Посмотреть управляемый пример движения ↗
06 / Движение
Движение объясняет
появление сообщения
Вход · 0–0,8 с
Линия приходит по своему направлению; заголовок появляется мягко. Логотип неподвижен и не собирается по буквам.
Чтение · 0,8–5,2 с
Композиция удерживается. Движение не мешает читать и не повторяется бесконечно.
Выход · 5,2–6 с
Сообщение спокойно исчезает. При reduced motion остаётся статичный кадр. Пауза и просмотр любого кадра доступны.
Интерактивный пример показывает движение и композицию в браузере. Открыть пример ↗
07 / Фотография
Показываем людей и их работу.
01
Контекст
Где происходит работа и кто в ней участвует.
02
Действие
Что человек собирает, проверяет или обсуждает.
03
Деталь
Прототип, соединение, материал, наблюдение.
04
Результат
Что получилось и чем это подтверждено.
Обработка
Естественный цвет кожи и материала. Единый баланс белого и аккуратный контраст. Не окрашивайте всю репортажную фотографию в фиолетовый ради айдентики.
Подпись и источник
Для каждого снимка сохраняйте автора, событие, дату, проект и условия использования. Подписи проверяются по фактам. Генеративная иллюстрация не выдаётся за реального участника или репортаж.
08 / ВЕБ
Предмет раскрывает историю проекта.
Первый экран
Фестиваль, ясный тезис и предметная история. Стекло работает как материал и поверхность интерфейса.
Развитие
Три направления: движение, связь и система. Человек выбирает историю, а не просматривает одну форму во всех блоках.
Следующий шаг
Понятный путь участия и программа. Даты и регистрация добавляются после подтверждения; демонстрационный сайт не собирает заявки.
08 / Поведение
Интерфейс остаётся управляемым.
Навигация и действия
- Понятные подписи ссылок и кнопок.
- Видимый фокус с клавиатуры.
- У выбранной вкладки есть состояние.
- При фильтрации показано число результатов и есть сброс.
- Смысл не зависит только от цвета.
Текст и медиа
- Перенос длинных слов и имён проверяется на телефоне.
- Содержательные изображения имеют alt-текст.
- Движение учитывает reduced motion.
- Ошибка формы объясняет исправление и не стирает данные.
- Подписи видео остаются читаемыми.
Перед запуском сайта проверьте доступность навигации, форм и медиаматериалов на компьютере и телефоне.
09 / Производство
Перед тиражом нужен реальный материал.
| Параметр | Кто и что подтверждает |
|---|---|
| Геометрия | Подрядчик: конечный размер, вылеты, безопасные поля, сгибы, отверстия, крепления, лекала. |
| Цвет | Профиль ICC, способ печати, плашечные краски, подложка под белое, насыщенный чёрный. |
| Деталь | Минимальная линия, просвет, растр, разрешение изображения в конечном размере. |
| Проба | Лайм, фиолетовый и тёмно-синий на реальном материале; белая выворотка, швы и кривизна. |
| Содержание | ФИО, организации, даты, адреса, роли партнёров, номера документов и подписанты. |
| Техника файла | Требования RIP, поддержка SVG, прозрачности и векторных масок. Отдельная допечатная подготовка по ТЗ подрядчика. |
Композиционные оригиналы подготовлены в RGB. SVG с материальными иллюстрациями смешанный: текст, логотипы и линии векторные, рендеры встроены растром. Не называем такой файл полностью векторным или готовым к любому тиражу.
09 / Новый материал
Собираем от задачи к проверке.
| Шаг | Результат |
|---|---|
| 1. Задача | Для кого сообщение, один тезис, одно действие, подтверждённые факты. |
| 2. Основа | Штрих, слои или предметная последовательность с ясной ролью. |
| 3. Мастер | Готовый логотип и файл носителя; фактические размеры и язык. |
| 4. Набор | Заполненные поля, длинное имя / название, общий край выравнивания. |
| 5. Просмотр | Конечный размер, светлый и тёмный фон, мобильный экран или дистанция просмотра. |
| 6. Выпуск | Владелец принимает художественное решение, подрядчик — производственные параметры. Сохраняются версия и исходник. |
Правки геометрии логотипа, роли соорганизатора и официального названия не являются обычным заполнением шаблона. Они требуют отдельного решения владельца.
ФАЙЛЫ БРЕНДА
От правил — к работе.
Логотипы, графические модули, пиктограммы, предметные изображения и примеры применения доступны для скачивания ниже. Используйте готовые оригиналы и сохраняйте их пропорции.
Макеты иллюстрируют дизайн-систему. Для тиража согласуйте формат, материал, цветовой профиль и способ нанесения с подрядчиком. Данные участников и даты на образцах — примеры.
СКАЧИВАНИЕ
Все материалы под рукой.
Брендбук и библиотека
Веб-брендбук, изображения, SVG и шрифты для просмотра. Откройте index.html после распаковки.
Векторные оригиналы
Логотипы, графические модули, пиктограммы и векторные макеты носителей.
Скачать шрифт «Выше идеи»
Regular, Bold и Black · TTF, OTF, WOFF2 · лицензия OFL 1.1.
Скачать семейство · ZIP, 105 КБ ↓Архив собирается в браузере. Дождитесь завершения загрузки; при нестабильном соединении можно повторить.
Лента — это система
редакционных задач
Мастера 1080 × 1350, соотношение 4:5. Фотополе заменяется реальным разрешённым снимком. Рубрика написана словами; фон помогает чередованию материалов, но не кодирует смысл в одиночку.