Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
школаперспективных исследований
книгабренда
school of advanced studies
brand-book
В книге содержатся сведения о корпоративной идентичности Школы перспективных исследований и её визуальном воплощении.
В состав книги входит: формулирование зада-чи (стр.3), анализ и выявление ценностей брен-да, характера и атрибутов, а так же методы рабо-ты с ними (стр.4–11), ключевые метафоры стиля и средства их визуализации (стр.12–20), набор графических констант визуальной идентичности и описание рамок их использования (стр.21–27), параметры фотостиля (стр.28–32), логотип и воз-можности его использования (стр.33–44), примеры возможных носителей стиля, в качестве вариантов развития графического языка Школы (стр.45–84), описание макетов веб-сайта (стр.85–94), так же книга дополняется набором файлов, на основе ко-торых в дальнейшем возможна работа над стилем.
Данное руководство преследут цель — обозначить позицию и векторы развития визуальной идентич-ности Школы, но не в коем случае не хочет загнать конечного пользователя в рамки констант стиля.
Книга бренда
2/96
Задача 01. Показать студентам и абитурьентам их возмож-ность заниматься решением задач на глобальном уровне, стартуя у себя дома. Для получения каче-ственного образования нет необходимости уезжать в Москву.
02. Сделать школу привлекательной для практику-ющих исследователей со всего мира.
03. Выделать школу на фоне других факультетов и ВУЗов Тюмени и ближайших городов.
3/96
О Школе Школа перспективных исследований — это...
Погружение в глобальный общемировой контекст.(работа с лучшими профессионалами мира, вы-сокий уровень подготовки) Возможность совершить более осмысленый выбор профессии/специализации после двух лет обуче-ния. (решение проблемы профориентации)
Расширение собственной базы знаний, совершенно иной взгляд на мир и проходящие в нем процессы. (выход из зоны комфорта)
Широкой градиент мнений по любому вопросу, все-сторонний взгляд на проблему, глубокий и честный анализ любого объекта исследования. (возмож-ность мультидисциплинарной работы)
4/96
Ценность: 01.СвободаГлобальность. Работа на одной частоте с любой точкой мира. Местоположение уже не важно, пры-жок из локального контекста. Получение нового ка-чества жизни. Свобода выбора, мнения, вектора развития. Выход на новый уровень осознаности, преодаление себя и собственных границ восприятия.
Мультидисциплинарность. Возможность объеди-нять различные области знаний в необходимой пропорции. Возможность работать в связке с дру-гими профессионалами и добиваться новых высот и достижений.
Актуальность. Быть на передовой. Благодаря сво-боде поиска и развития школа всегда находится в точке появления новых знаний.
5/96
Ценность: 02.ТочностьАкадемичный (научный) подход в структуре об-разования, внутренней и внешней коммуникации, вызывающий доверие к своей методологической сути.
Профессиональный подход — профессиональная этика.
Не интуитивный или чувственный, а строгий, точ-ный и дающий результат.
Процесс конструирования новых знаний.
6/96
Ценность: 03.СообществоПопадая в школу, человек в первую очередь оказы-вается в сообществе, группе единомышленников. Сложение потенциалов которых даёт новый резуль-тат. Так, ценностью для человека, помимо престиж-ности и собстенного развития, становится вход в сообщество с близкими ему идеалами и целями.
Сообщество диктует стандарт качества, высокую планку в ежедневной работе, стремление повысить её. Быть не хуже, стараться превзойти других свои-ми достижениями.
Сбалансированный. Соединящий в себе области разных знаний в необходимой пропорции, уме-ющий находить баланс. Равновесие. Тонкая на-стройка. Усиление собственных качеств через спо-собности окружающих, усилиние качеств своего окружения за счет собственных возможностей. Вза-имовыгодный обмен.
7/96
Характер: 01. Открытый. Объединящий разные подходы. Го-товый к изменениям. Открытый к мнениям. Позво-ляющий расширить личные горизонты.
02. Системный. Последовательный. Точный. Мето-дологический.
03. Результативный. Эффективный. Надежный. Устойчивый. Ведущий к результату. Развивающий. Обладающий нужными компетенциями.
04. Сбалансированный. Соединящий в себе об-ласти разных знаний в необходимой пропорции, умеющий находить баланс. Равновесие. Тонкая на-стройка.
05. Глубокий, несколько уровней глубины. Рассма-тривающий не только то, что лежит на поверхно-сти, обладающий знаниями нескольких уровней погружения. Читающий между строк. Метаданные.
8/96
Атрибуты: Свободная композиционная структура, поиск ба-ланса. Использование текста наравне с изображе-нием.
Насыщенный цвет. Геометричность. Простота. Фак-тологичность изображений.
Текстоцентричность, использование текста и пове-ствовательных структур в приоритете. Текст (пред-ложение) в основе всего.
Многоуровневость, возможность получить более глубокий уровень информации, то, что не на по-верхности. Сноски, описательный данные.
9/96
Атрибуты графики: Композиция — свободная, живая, но при этом упо-рядоченная. Одновременно и теговая и иерархиче-ская структура.
Шрифт — современный гуманистический гротеск, более свободный и интересный по начертанию, чем Гельветика, но достаточно строгий для пред-ставления академических интересов.+ шрифт второго уровня (антиква, современная)
Фотография — фактическая, честная, лучше плохо-го качества, но правдивая, чем красивая, но обма-нывающая. Без спецэффектов.
Графика — простая, по делу, если есть возмож-ность оставить лист чистым — оставлять, не до-пускать украшатеств, декоративности, отсутствия смысла.
Иллюстрация — жанры: схема, техническая иллю-страция, инфографика, таблица данных, диаграм-ма.
10/96
Таким образом, объединяя цели, характер и атри-буты, мы имеем четкие рамки для коммуникации, сопоставляя эти параметры, мы понимаем как под-ходить к изготовлению каждого объекта стиля. Так, например: — Текст. Живой, простой, без воды, лишних слов. Многоуровневый (заголовок, подзаголовок, тело текста, сноски, подписи, врезки), но все по делу, ни одного лишнего слова без необходимости, без повторений.
— Визитка. Простая. Плотный матовый картон, шелкография. Яркая. Хорошо читаемый шрифт одного размера, без суеты. Двусторонняя, би-лингвальная.
— Выставочный стенд. Лаконичный, простая форма, наполненный информацией, построен-ный на тексте, графика появляется внутри тек-ста, несколько уровней информации.
...11/96
Метафора стиля
12/96
Графические константы
Верстка / метафора
— Изображение в тексте — Текст в тексте — Изображение в изображении — Текст в изображении
— Текст комментирует изображение — Изображение комментирует текст — Изображение комментирует изображение — Текст комментирует текст
Первая метафора стиля — метаданные (или дан-ные о данных). В стиле предусмотрено несколько способов компоновки текстов и изображений:
13/96
Графические константы
Верстка / метафора
Мишель Фуко
Пример — изображение в тексте:
14/96
Графические константы
Верстка / метафораПример — изображение комментирует текст:
Мишель Фуко Поль-Мишель Фуко (фр. Paul-Michel Foucault, 15 ок-тября 1926, Пуатье — 25 июня 1984, Париж) — фран-цузский философ, теоре-тик культуры и историк. Создал первую во Фран-ции кафедру психоанали-за, был преподавателем психологии в Высшей нор-мальной школе и в универ-ситете города Лилль, заве-довал кафедрой истории систем мышления в Кол-леж де Франс.15/96
Графические константы
Верстка / метафораПример — изображение комментирует изображение:
16/96
Графические константы
Верстка / мудбордВторая метафора стиля — мудборд. (расположе-ние данных на заданую тему на одной плоско-сти) Это способ компоновки блоков информации между собой.
17/96
Графические константы
Верстка / мудбордПример — мудборд из изображений внутри текста:
Фамилия, которую но-сили многие известные люди, включая нобе-левского лауреата Жака Моно , композитора Жак-Луи Моно , натура-листа Теодора Моно и историка Габриэля Моно .18/96
Фамилия, которую но-сили многие известные люди, включая нобе-левского лауреата Жака Моно , компо-зитора Жак-Луи Моно, натуралиста Теодора Моно и историка Габриэля Моно
Графические константы
Верстка / мудбордПример — мудборд из текста внутри текста:
Французский биохимик и микробиолог, лауреат Нобелевской премии по физиологии и медицине в 1965 году (совместно с Франсуа Жакобом и Андре Львовым) «за открытия, касающиеся генетического контроля синтеза ферментов
Проработав некоторое время в архивах Флоренции, Моно посвятил себя изучению истории. С 1880 года состоял преподавателем в парижской Высшей нормальной школе.
Французский живописец и педагог, крупный представитель французского неоклассицизма в живописи.
Французский путешественник, исследователь Сахары, натуралист и гуманист. Член Академии наук Франции (1963).
19/96
Фамилия, которую но-сили многие известные люди, включая нобе-левского лауреата Жака Моно 1 , композитора Жак-Луи Моно 2 , нату-ралиста Теодора Моно 3 и историка Габриэля Моно 4
Графические константы
Верстка / мудбордПример — скрытый мудборд, появляющийся при нажатии на ссылку:
Теодор Моно Французский путешественник, исследователь Сахары, натуралист и гуманист. Член Акаде-мии наук Франции (1963).
Родился в семье протестантского теолога и пастора, чьи духовное влияние во многом повлияло на воспитание сына. В 1922 стал работать в Музее естественной истории, там же защитил кандидатскую диссертацию в 1926 году. Заинтересовался африканским конти-нентом и совершил туда две научно-исследо-вательских поездки.
20/96
Графические константы
21/96
Графические константы
Шрифт
Agipo. Пример использо-вания шрифта. Журнал «Graphic»
Kazimir Text. Пример ис-пользования шрифта. Вла ди мир Кри чев ский. «Алек сандр Су ри ков: очерк гра фи че ско го стиля.»
Agipo
Современный гротеск от швейцарского дизайнера (Radim Pesko). Отличается широким набором сим-вольных альтернатив и вариативностью использо-вания. Характер — современный, прорывной, многообразный, швейцаское качество. http://www.radimpesko.com/fonts/agipo
Kazimir Text
Современная статичная антиква с простой графи-кой. (дизайнеры — Юрий Остроменцкий и Илья Рудерман). Интересный по форме и удобный для чтения шрифт. Своего рода адаптация шрифта Century Schoolbook, ранее используемого для соз-дания учебной литературы. Характер — современный, достойный, ве-личественный, удобный, традиционный. https://type.today/ru/kazimir-text
22/96
RGB 0 0 255PANTONE Blue 072 C
RGB 0 0 0CMYK 0 0 0 100
RGB 255 0 0 CMYK 0 100 100 0
RGB 255 255 255CMYK 0 0 0 0
RGB 209 211 212CMYK 0 0 0 20
RGB 167 169 172CMYK 0 0 0 40
Графические константы
Цвет
23/96
Графические константы
Цвет
Студенты, абитурьенты,
родителиИсследователи, персонал школы
Смежные области, новости, сувениры
Использование цвета зависит от того с кем комму-ницирует носитель:
24/96
Графические константы
СеткаВ основе любого носителя лежит сетка 12х12 моду-лей с межколонником в 5 мм (для верстки слож-ных текстов) или без него. В сетке так же пред-усмотрено деление 4х6 модулей, для упрощения работы с ней, так верхняя 1/6 служит местом для логотипа, а нижняя 1/6 может быть местом для сно-сок или комментариев.
25/96
Графические константы
СеткаУ всех носителей преусмотрены поля 5 мм — это позволяет макимально эфективно размещать ин-формацию и создавать ощущение наполненности любого носителя стиля.
26/96
Образовательная тра-ектория в бакалавриа-те: поступление в еди-ное образовательное пространство Школы 1 , ядро и курсы по выбо- ру 2 , выбор профиля 3 , диплом государствен-ного образца 4
Искусствознание Численныеметоды
Письмоимышление
Эффективныекоммуникации
Текст:анализиинтерпретация
Основыинженернойпрактики
Актуальныемировыепроблемы
Проблемысовременногоестествоз-нания
30%учебноговремени—авторскиекурсы,которыестудентывыбираютсвободно.
3. После2-гокурсастудентывыбираютодиниз7профилей:
Социологияиантропология
Киноимедиа
Культурныеисследования
Экономика
Информационныетехнологии
Биология
История
Крометого,студентымогутвыбратьдополнительныйпрофильизэтогожесписка.
4. ВсевыпускникиШколыполучаютди-пломбакалаврагосударственногооб-разца,вкоторомбудетуказанпрофиль,выбранныйпослевторогокурса.В слу-чаевыборадополнительнойспециали-зации,онатакжебудетуказанав ди-пломе.
1. ВходвШколувозможенполюбомуиз 7 направленийподготовкиссоответ-ствующимнаборомЕГЭ:
Социология 8 бесплатных +7 платных мест
ЕГЭ: Русский язык, обществознание, математика
Экономика 8 бесплатных +7 платных мест ЕГЭ: Русский язык, обществознание, математика
Искусстваигуманитарныенауки 8 бесплатных +7 платных мест ЕГЭ: Русский язык, обществознание, история
Биология 15 бесплатных мест ЕГЭ: Русский язык, математика, биология
История 8 бесплатных +7 платных мест ЕГЭ: Русский язык, обществознание, история
Информационныесистемы итехнологии
15 бесплатных мест ЕГЭ: Русский язык, математика, информатика и ИКТ
Медиакоммуникации 8 бесплатных +7 платных мест ЕГЭ: Русский язык, обществознание, литература
Послепоступлениявыпопадаетеведи-
ноеобразовательноепространство. Направление«входа»неимеетзначения
длядальнейшегообучениявШколе:по-слевторогокурсавысможетевыбратьлюбойиз7профилей(пункт3).
2. Ядро—комплексобязательныхдисци-плин,обеспечивающихмультидисци-плинарныйкругозоринаборунивер-сальныхкомпетенции:
Информатика
Великиекниги
школаперспективных исследований
school of advanced studies
Пример использования стиля в печатной продукции:
В основе — сетка с делением 12х12 ячеек, межколонником 5 мм и отступом от края листа 5 мм. Используется фирмен-ный пантон.
ЛоготипAgipo Bold 10/10 ptШирина штриха логотипа равна ширине межколонника — 5 мм
ЗаголовокAgipo Bold 24/24 pt
Основной текст — KazimirText Medium 10/12 pt
Дополнительный текст/ подпи-си — Agipo Regular 6/6 pt
Дополнительная графика, бул-леты, инфографика рисуются с шириной штриха 1 pt
Фотографии использованные, в стиле, могут быть кадриро-ванны как обычным способом (прямоугольник), так и в форме круга (метафора цельности, принадлежности к сообществу)
Графические константы
Сетка
27/96
Фотостиль
28/96
Фотостиль
Использование фотографииФотографии, используемые в стиле, должны отве-чать следующим критериям: — непостановочные— личность, а не серая масса — работа в команде— люди, изображенные на фотографиях, увлече-
ны делом, заняты— больше напоминают рабочий процесс,
а не учебу
29/96
Фотостиль
Использование фотографииФотографии интерьерных и экстерьерных про-странств: — не пустые, присутствие человека / группы лю-
дей— параллельные вертикали— наполненность светом
30/96
Фотостиль
Использование графикиВ стиле могут использоваться любые виды техни-ческой иллюстрации и инфографики, при подборе изображений стоит, в первую очередь, обращать внимание на информационную насыщенность и до-стоверность, и уже во вторую на визуальные каче-ства.
31/96
Фотостиль
Использование графикиКакие фотографии следует использовать в стиле:
— собственные съемки— любой визуальный материал из содержания
исследований— фотографии с сайта shutterstock.com, подходя-
щие по вышеизложенным параметрам— гиф-анимацию giphy.com для использования
на веб-сайте
32/96
Логотип !Files/logo/logo_sas.ai
!Files/logo/logo_sas.eps
33/96
школаперспективных исследований
school of advanced studies
Логотип
Основная версия
Логотип представляет собой 3 вертикальных штриха, изображающих графему буквы «Ш», в двух получившихся нишах которого располагается название школы на двух языках.34/96
школаперспективных исследований
school of advanced studies
35/96
школаперспективных исследований
school of advanced studies
36/96
школаперспективных исследований
school of advanced studies
37/96
школаперспективных исследований
school of advanced studies
Логотип
Основная версия
На всех стилевых носителях логотип располагается в середине верхней части листа и делит носитель по горизонтали на 4 или 2 равные доли.
— В основной версии логотипа используется набор шрифтом Agipo.
— Отступ от края листа должен составлять не менее 5 мм.
— При использовании логотипа вне стилево-го носителя охранное поле должно состав-лять не менее ширины вертикального штриха.
— Двуязычная версия логотипа.— Ширина штриха состаляет 24pt при кегле
шрифта 19 pt.38/96
школаперспективных исследований
school of advanced studies
В обычном случае логотип занимает 1/6 долю листа по вертикали, но допустимо использование и дру-гой высоты логотипа, но не менее 2-ух высот тек-стового блока.
Логотип
Основная версия
39/96
школаперспективных исследований
school of advanced studies
Расстоние между вертикальными штрихами может быть произвольным, но подчинающееся условиям:
— Пропорция ширины штриха к кеглю тек-ста должна сохраняться.
— Расстояние между штрихами должно быть не меньше ширины текстового блока.
— Логотип должен делить носитель на 4 или 2 равные доли.
Логотип
Основная версия
40/96
школаперспективных исследований
школаперспективных исследований
искусства и гуманитарные науки
экономика
Контент внутри блоков логотипа может меняться в зависимости от задач и содержать любую логиче-скую последовательность или иерархию.
тюменский государственный университет
русская культура: классика и авангард
41/96
Знак используется там, где нельзя, в силу техниче-ской возможности или необходимости, использо-вать основную версию логотипа.
— Хорошо подходит для носителей малень-кого размера (фавикон сайта, карандаш, пуговица).
— В стиле знак может менять свои пропор-ции, согласно характеру носителя.
Знак
42/96
43/96
Компактная версия логотипа используется там, где нельзя, в силу технической возможности или необ-ходимости, использовать основную или дополни-тельную версию логотипа. Подходит для использо-вания в узком ряду с другими логотипами. И в тех случаях, где нет возможности как либо использо-вать другую стилевую графику.
школаперспективных исследований
Логотип
Компактная версия
44/96
Носители стиля !Files/BC/...
!Files/Letter/...
!Files/Blank/...
!Files/Folder/...
!Files/Badge106x81/...
!Files/Booklet_A4/2_sas/...
!Files/Cover_sas_A3/...
!Files/Cover_sas_A4/...
!Files/Posters_sas/...
!Files/Presentation/...
!Files/Facebook/...
!Files/Banner_240x400/...
!Files/Banner_290x250/...
!Files/Banner_1920/...
!Files/Stuff/...
45/96
Визитная карточка
46/96
Визитная карточка
47/96
Конверт
48/96
Бейджи
49/96
Фирменные бланки
50/96
Макет презентации
51/96
Папка для бумаги
52/96
Буклет А4/2
53/96
Оформление обложек журнала/исследования формата А3
54/96
Макет студентческого исследования формата А4
55/96
Макет исследования формата А4
56/96
Постер
57/96
Постер
58/96
ПостерПостер
59/96
Оформление группы Facebook
60/96
Оформление постов в Facebook
61/96
Оформление заставок видеоматериалов
62/96
Оформление заставок видеоматериалов
63/96
Стикеры
64/96
Стикеры
65/96
Стикеры
66/96
Стикеры
67/96
Оформление постов в инстаграм
68/96
Оформление постов в инстаграм
69/96
Карандаш
70/96
Блокноты
71/96
Толстовка
72/96
Толстовка
73/96
Футболка
74/96
Футболка
75/96
Футболка
76/96
Рюкзак
77/96
Рюкзак
78/96
Тканевая сумка
79/96
Значек
80/96
Часы
81/96
Униформа учебного администратора / персонала
82/96
Акцент в интерьере
83/96
Акцент в интерьере
84/96
Веб-сайт
85/96
Стили используемые на сайте:
Agipo Regular 28 px — Используется в качестве промо-заголовков на флагманских страницах об-разование, исследование (так же может исполь-зоватся на странице о школе)
Kazimir Text Medium 32 px — Используется в каче-стве основного стиля заголовка. Например: заго-ловок к новости, заголовок к статье.
Kazimir Text Medium 22 px — Используется как лид, чтобы выделить определенную часть текста (на-пример, в статьях или в новостях)
Agipo Bold 14 px CAPS — Используется в качестве заголовков не первой важности, например, чтоб обозначить нумерованный список
Kazimir Text Medium 18 px — Стиль для наборного текста
Agipo Regular 14 px — Стиль для подписи фотогра-фии, видео или других элементов.
Графические константы
Сайт
Полный список стилей и описаний находятся в файле !Files/Web/SAS/Styles.jpg
86/96
Графические константы
СайтГлавная страница
87/96
Графические константы
СайтИсследования
88/96
Графические константы
СайтИсследования
89/96
Графические константы
СайтОбразование
90/96
Графические константы
СайтО школе
91/96
Графические константы
СайтНовости
92/96
Графические константы
СайтНовость
93/96
Графические константы
СайтПоп-ап
94/96
k.l.e.s.h.c.h.e.v
2017
+7 (981) 936 47 66 [email protected]/monobrowwinstagram.com/k.l.e.s.h.c.h.e.v/