Слуга народу. Логобук

Сентябрь 3, 2022

Главная
Алгебра
Слуга народу. Логобук

Содержание

4. Скачать Скачать Основная версия Доп. версия
5. Скачать
6. Цвет
7. Pantone 354 C HEX 00B140 RGB 0 177 64 CMYK 81 0 92 0 PANTONE Yellow
8. Шрифт
9. Neue Haas Unica W1G Bold Neue Haas Unica W1G Heavy Neue Haas Unica W1G Medium Neue
10. Neue Haas Unica W1G Regular Neue Haas Unica W1G Italic Используй для больших блоков текста. Скачать
11. Используй для выделения слов или заголовков в больших блоках текста. Neue Haas Unica W1G Medium Neue
12. Используй для сообщений, для коротких сообщений и цитат. Neue Haas Unica W1G Heavy Neue Haas Unica
13. Используй когда стоит задача писать слово-интегратор рядом с логотипом Neue Haas Unica W1G Black Neue Haas
14. Как это все работает?
15. Наш стиль — это репрезентация того как люди оформляют свои Instagram Stories
16. Мы привычны и такое ощущение что стиля вовсе и нет, обычный способ оформления контента
18. Наш стиль — это логотип плюс содержательный текст на плашке. Фоном может выступать как фото, так
21. Для большей эмоциональности можно добавить эмодзи
27. Инструкция по работе с блоком текста
28. Например, тебе необходимо оформить контент текстовым сообщением:
29. Набери сообщение шрифтом Neue Haas Unica W1G (Heavy) в две или три строки с выключкой по
30. Расположи плашки желтого цвета согласно примера ниже: FFF200 Объедени все блоки в один с помощью Обработка
31. Для скруглений эталоном является логотип. Выставь лого по высоте равной плашке одной строки. Изменяй значение скругления,
32. Итог:
33. Теперь приступим к редактированию дополнительного текста, используя инструкции выше, но со следующими исключениями: 1. Когда в
34. Скомпонуй фирменный блок как на примере (согласно эстетике Instagram Stories, думай о об этом постоянно когда
35. Как нельзя делать
36. Не добавляй никаких эффектов по типу тени или объема: П Л О Х О: Х О
37. П Л О Х О: Не пиши все наклонным начертанием, наклон можно использовать для выделение типа
38. Обращай внимание на радиусы плашек, они не должны быть растянуты и деформированы П Л О Х
39. Руководство по оформлению типовых шаблонов ↓ ↓ ↓ ↓
40. Для начала убедись что на твоем компьютере установлен шрифт Neue Haas Unica W1G
41. Как подготовить пост с новостью?
42. Скачай и открой файл Зе!пост.psd Сделай двойной клик по иконке слоя Ваш текст: В открывшемся файле
43. Как подготовить пост для рубрики Зе!интервью?
44. Скачай и открой файл Зе!інтерв'ю.psd Сделай двойной клик по иконке слоя Ваш текст: В открывшемся файле
45. Как подготовить пост для рубрики Зе!делали?
46. Скачай и открой файл Зе!робили.psd Сделай двойной клик по иконке слоя Обіцяли: В открывшемся файле замени
47. Как подготовить пост для рубрики Зе!планы?
48. Скачай и открой файл Зе!плани.psd Сделай двойной клик по иконке слоя Ваш текст: В открывшемся файле
49. Как подготовить пост для рубрики Зе!лайв?
50. Скачай и открой файл Зе!лайв.psd Сделай двойной клик по иконке слоя Ваш текст: В открывшемся файле
51. Как подготовить пост для рубрики Зе!достижение?
52. Скачай и открой файл Зе!досягнення.psd Сделай двойной клик по иконке слоя Ваш текст: В открывшемся файле
53. Как подготовить пост для рубрики Зе!интересно?
54. Скачай и открой файл Зе!цікаво.psd Замени фото на необходимое Сохрани файл в JPG через Экспортировать—Сохранить для
55. Как подготовить пост для рубрики Зе!фейк?
56. Скачай и открой файл Зе!фейк.psd Замени фото-контент на необходимый Выбери любой наиболее подходящий по композиции слой
57. Как подготовить пост для рубрики Зе!интерактив?
59. Скачать презентацию

Слайд 2

Слайд 3

Слайд 4

Скачать
Скачать
Основная версия
Доп. версия

Слайд 5

Скачать

Слайд 6

Цвет

Слайд 7

Pantone 354 C
HEX 00B140
RGB 0 177 64
CMYK 81 0 92 0
PANTONE

Yellow C
HEX FFF200
RGB 255 242 0
CMYK 0 0 90 0

Pantone 2935 C
HEX 0F5EEA
RGB 15 94 234
CMYK 100 60 0 10

Обязательно делайте пробные печатные образцы перед тем как заказывать тираж продукции с фирменным цветом. В печати
наш эталон это Pantone, стремитесь подогнать CMYK к нему.

Слайд 8

Шрифт

Слайд 9

Neue Haas Unica W1G Bold
Neue Haas Unica W1G Heavy
Neue Haas Unica

W1G Medium

Neue Haas Unica W1G Regular

Neue Haas Unica W1G Italic

Neue Haas Unica W1G Medium Italic

Neue Haas Unica W1G Bold Italic

Neue Haas Unica W1G Heavy Italic

Слайд 10

Neue Haas Unica W1G Regular
Neue Haas Unica W1G Italic
Используй для больших

блоков текста.

Скачать гарнитуру

Слайд 11

Используй для выделения слов или заголовков в больших блоках текста.
Neue Haas

Unica W1G Medium

Neue Haas Unica W1G Medium Italic

Скачать гарнитуру

Слайд 12

Используй для сообщений, для коротких сообщений и цитат.
Neue Haas Unica W1G

Heavy

Neue Haas Unica W1G Heavy Italic

Скачать гарнитуру

Слайд 13

Используй когда стоит задача писать слово-интегратор рядом с логотипом
Neue Haas Unica

W1G Black

Neue Haas Unica W1G Black Italic

Скачать гарнитуру

Слайд 14

Как это все работает?

Слайд 15

Наш стиль — это репрезентация того как люди оформляют свои Instagram

Stories

Слайд 16

Мы привычны и такое ощущение что стиля вовсе и нет, обычный

способ оформления контента

Слайд 17

Слайд 18

Наш стиль — это логотип
плюс содержательный текст на плашке. Фоном

может выступать как фото, так и одноцветная заливка

Слайд 19

Слайд 20

Слайд 21

Для большей эмоциональности можно добавить эмодзи

Слайд 22

Слайд 23

Слайд 24

Слайд 25

Слайд 26

Слайд 27

Инструкция по работе с блоком текста

Слайд 28

Например, тебе необходимо оформить контент текстовым сообщением:

Слайд 29

Набери сообщение шрифтом Neue Haas Unica W1G (Heavy)
в две или три

строки с выключкой по левому краю (или по центру)
с включенной настройкой междустрочного расстояния

Возьми заглавную букву H из этого набора и расставь ее относительно текста
согласно логике представленной ниже, по краям сообщения вертикально и горизонтально. При этом стоить пренебрегать выносными и висячими элементами букв:

0F5EEA

Слайд 30

Расположи плашки желтого цвета согласно примера ниже:
FFF200
Объедени все блоки в

один с помощью Обработка контуров - Соединение

Слайд 31

Для скруглений эталоном является логотип. Выставь лого по высоте равной плашке

одной строки. Изменяй значение скругления, пока углы не сойдутся радиусами

Старайся избегать таких перепадов. Угол должен быть плавным и не меньше радиуса скругления. В таких ситуациях лучше выровнять плашку по близлежащей

Слайд 32

Итог:

Слайд 33

Теперь приступим к редактированию дополнительного текста, используя инструкции выше, но со

следующими исключениями:

1. Когда в коммуникации используется одно или два слова, их необходимо писать с маленькой буквы (кроме случая когда это имя, фамилия или город):

2. Проверь расстояния в подложке используя маленькую букву н из этого слова

Слайд 34

Скомпонуй фирменный блок как на примере (согласно эстетике Instagram Stories, думай

о об этом постоянно когда создаешь или упаковываешь контент):

или так:

Слайд 35

Как нельзя делать

Слайд 36

Не добавляй никаких эффектов по типу тени или объема:
П Л О

Х О:

Х О Р О Ш О:

Слайд 37

П Л О Х О:
Не пиши все наклонным начертанием, наклон

можно использовать для выделение типа информации.

Х О Р О Ш О:

Слайд 38

Обращай внимание на радиусы плашек,
они не должны быть растянуты и

деформированы

П Л О Х О:

Х О Р О Ш О:

П Л О Х О

Слайд 39

Руководство по оформлению типовых шаблонов
↓
↓
↓
↓

Слайд 40

Для начала убедись что на твоем компьютере установлен шрифт
Neue Haas

Unica W1G

Слайд 41

Как подготовить пост
с новостью?

Слайд 42

Скачай и открой файл Зе!пост.psd
Сделай двойной клик по иконке слоя Ваш

текст:

В открывшемся файле Adobe Illustrator
измени текст на необходимый и сохрани файл (Файл—Сохранить)
4. Вернись к файлу в Adobe Photoshop и сделай те же действия
со слоем Додатковий текст
Скачай и размести соответсвующий по смыслу эмодзи
6. Сохрани файл в JPG через Экспортировать—Сохранить для Web

Слайд 43

Как подготовить пост
для рубрики Зе!интервью?

Слайд 44

Скачай и открой файл Зе!інтерв'ю.psd
Сделай двойной клик по иконке слоя Ваш

текст:

В открывшемся файле Adobe Illustrator
измени текст на необходимый и сохрани файл (Файл—Сохранить)
4. Вернись к файлу в Adobe Photoshop и замени фоновое изображение на подходящее
5. Сохрани файл в JPG через Экспортировать—Сохранить для Web

Слайд 45

Как подготовить пост
для рубрики Зе!делали?

Слайд 46

Скачай и открой файл Зе!робили.psd
Сделай двойной клик по иконке слоя Обіцяли:
В

открывшемся файле замени фото на необходимое и закрой файл с сохранением
4. Повтори те же действия с файлом Зробили
5. Сохрани файл в JPG через Экспортировать—Сохранить для Web

Слайд 47

Как подготовить пост
для рубрики Зе!планы?

Слайд 48

Скачай и открой файл Зе!плани.psd
Сделай двойной клик по иконке слоя Ваш

текст:

В открывшемся файле Adobe Illustrator
измени текст на необходимый и сохрани файл (Файл—Сохранить)
Вернись к файлу в Adobe Photoshop и повтори пункт #2 со слоем фото
4. В открывшемся файле замени фото и закрой файл с сохранением
5. Сохрани общий файл в JPG через Экспортировать—Сохранить для Web

Слайд 49

Как подготовить пост
для рубрики Зе!лайв?

Слайд 50

Скачай и открой файл Зе!лайв.psd
Сделай двойной клик по иконке слоя Ваш

текст:

В открывшемся файле Adobe Illustrator
измени текст на необходимый и сохрани файл (Файл—Сохранить)
Вернись к файлу в Adobe Photoshop и впиши дату трансляции
в соответствующее поле
5. Сохрани файл в JPG через Экспортировать—Сохранить для Web

Слайд 51