Как составить техническое задание для дизайнера Instagram-ленты: пошаговая инструкция

В этом руководстве мы узнаем, как подготовить техническое задание для дизайнера, чтобы создать стилизованную ленту для клиента на основе шаблонов. Мы рассмотрим, как использовать фотографии клиента или генерировать изображения, а также как адаптировать шаблоны под нужный язык и стиль. Цель — получить ленту, которая отражает индивидуальность клиента и соответствует стандартам оформления.

Давайте начнем

Я записываю это видео, чтобы составить максимально подробное техническое задание для дизайнера.

1

Захожу сначала в самого дизайнера.

2

3

4

Вот у нас есть дизайнер.

5

6

Вот у нас есть его настройки.

7

И первый процесс при установке клиента — это настройка его ленты, включая рилсы и другие элементы. У нас каждый клиент, который к нам приходит, проходит свой аудит.

8

Вот, например, на примере Марины. То есть это обычно отдельная страница, которую человек получает бесплатно. На ней уже есть очень конкретные рекомендации по оптимизации инстаграма.

Я нажимаю "загрузить", и появляются некоторые рекомендации.

10

Как устроен дизайнер? Мы даём ему шаблоны определённого формата.

11

Вот здесь загружены определённые шаблоны.

12

13

14

Ааа. И, соответственно, основной принцип создания ленты дизайна заключается в следующем. Шаблон — это просто референс. Ааа. У которого есть продуманные шрифты и цветовая палитра.

Нам нужно стилизовать эти шаблоны под конкретного клиента, например, под Марину или другого. Что такое стилизовать? Это можно сделать двумя способами. Первый — взять ее фотографии, обработать их в нужной цветокоррекции и наложить подходящие шрифты. Второй — сгенерировать фотографии по шаблону, но адаптировать их под нее. Например, в этом случае можно сгенерировать Марину. Вот здесь, например, девушка с папкой.

15

Здесь можно было бы использовать не абстрактную девушку с папкой, а, например, ее фотографии или референсы. То есть у нас не используются шаблонные фотографии. Здесь визуал используется как стиль. Также шаблоны обычно представлены на английском языке, поэтому нужно подбирать шаблоны из текстов и заменять их на кириллицу. Сейчас в чем проблема?

Когда я нажимаю "сгенерировать", появляются случайные картинки, не связанные с этим процессом.

16

Мы для этого подключали канва — она необходима, чтобы шаблоны были сбалансированы. То есть у нас ИИ генерирует только несколько вещей. Он может генерировать изображения клиента, накладывая на них шаблоны-референсы. То есть, если бы я пошел, например, на сайт про бананы, я бы выбрал эту девушку, взял фото Марины и сказал: "Сделай эту девушку Мариной." Он бы сгенерировал изображение, сохранив все детали. И здесь появилась бы реальная фотография Марины.

То есть, не фотография, а изображение. И далее задача этого пространства — сгенерировать ленту. Здесь есть шаблоны, которые не подходят для задачи. Например, шаблоны с большим количеством текста, как этот центральный, или вот эти три шаблона. Они совсем не подходят для оформления ленты.

17

18

19

20

21

22

23

Например, вот этот шаблон, вот этот и вот этот.

24

25

26

Вот эти цветовые подходят в целом, да?

27

28

29

Но в них Марина полностью отсутствует. То есть мы либо генерируем эти изображения на основе ТЗ, либо клиент может предоставить свой банк фотографий.

30

31

32

Есть два варианта. Когда у нас нет банка фотографий, мы их генерируем. Когда у нас есть фотографии, мы их стилизуем. Затем накладываем на них шрифты шаблонов, но используем кириллицу. В данном случае, если будет англоязычный аккаунт, то, соответственно, будет английский язык. Какая сейчас проблема? Генерируются случайные изображения, не соответствующие шаблонам или не относящиеся к клиенту.

Изображения генерируются так, что они не заполняют ленту и нарушают дизайн шаблона.

33

34

35

Соответственно, задача — продумать, как реализовать эту ленту так, чтобы пользователь зашел, данные подтянулись, и он их получил. Более того, название постов всегда присутствует. Вот здесь у нас есть целый набор. Да, вот они идут.

36

То есть они должны появиться в ленте, но уже с нужной стилизацией на основе текущих шаблонов.

37

38

Сгенерировал, сгенерировал полное говно. Вот, у нас есть девять тем. Эти девять тем нужно было бы разместить здесь.

39

Ааа. И чтобы человек, глядя на свой профиль, понимал, что это его профиль, но с улучшенным дизайном и подачей. И когда человек утверждает это, это становится контентом стандарта оформления ленты. То есть в отдельный промпт или скилл по оформлению профиля этого пользователя.