65 added
61 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
-
<ul><li>7 авг 2023</li>
2
+
<ul><li>13 янв 2026</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Как оформить профиль, чтобы получить работу мечты, найти крутые кейсы для вдохновения и избежать ошибок, которые погубят даже качественный проект.</p>
4
</ul><p>Как оформить профиль, чтобы получить работу мечты, найти крутые кейсы для вдохновения и избежать ошибок, которые погубят даже качественный проект.</p>
5
<p>Иллюстрация: Полина Честнова для Skillbox Media</p>
5
<p>Иллюстрация: Полина Честнова для Skillbox Media</p>
6
<p>UI/UX-дизайнер, видеоблогер, предприниматель. Проектирует интерфейсы, создаёт развлекательно-образовательный контент и обучает дизайну.</p>
6
<p>UI/UX-дизайнер, видеоблогер, предприниматель. Проектирует интерфейсы, создаёт развлекательно-образовательный контент и обучает дизайну.</p>
7
<p>Полина Старцева</p>
7
<p>Полина Старцева</p>
8
<p>Редактор.</p>
8
<p>Редактор.</p>
9
<p>Behance - идеальная площадка, чтобы презентовать себя как профессионала, увидеть обратную связь от дизайн-сообщества и получить предложения о работе.</p>
9
<p>Behance - идеальная площадка, чтобы презентовать себя как профессионала, увидеть обратную связь от дизайн-сообщества и получить предложения о работе.</p>
10
<p>Перед вами - большое руководство по продвижению на этой платформе, в котором мы расскажем:</p>
10
<p>Перед вами - большое руководство по продвижению на этой платформе, в котором мы расскажем:</p>
11
<ul><li><a>какие особенности</a>есть у площадки Behance;</li>
11
<ul><li><a>какие особенности</a>есть у площадки Behance;</li>
12
<li><a>что писать</a>в профиле дизайнера.</li>
12
<li><a>что писать</a>в профиле дизайнера.</li>
13
<li><a>как правильно</a>оформить кейс.</li>
13
<li><a>как правильно</a>оформить кейс.</li>
14
</ul><p><a>Behance</a> - мировая онлайн-платформа, принадлежащая компании Adobe. Это крупный и популярный ресурс, который объединяет:</p>
14
</ul><p><a>Behance</a> - мировая онлайн-платформа, принадлежащая компании Adobe. Это крупный и популярный ресурс, который объединяет:</p>
15
<ul><li>маркетплейс иллюстраций, шрифтов, мокапов и других инструментов;</li>
15
<ul><li>маркетплейс иллюстраций, шрифтов, мокапов и других инструментов;</li>
16
<li>каталог вакансий;</li>
16
<li>каталог вакансий;</li>
17
<li>доски настроения - подборки проектов как источник вдохновения и развития насмотренности.</li>
17
<li>доски настроения - подборки проектов как источник вдохновения и развития насмотренности.</li>
18
</ul><p>Но <strong>главное</strong> - здесь представители креативных сфер оформляют профессиональные профили и показывают свои работы. Такие презентации проектов на Behance называют кейсами.</p>
18
</ul><p>Но <strong>главное</strong> - здесь представители креативных сфер оформляют профессиональные профили и показывают свои работы. Такие презентации проектов на Behance называют кейсами.</p>
19
-
Так выглядит профиль графического дизайнера на Behance для посетителя. Кейсы расположены по дате добавления<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Задача кейсов - показать дизайн-работу с разных сторон и в развитии. То есть не только результат, но и процесс, который за ним стоит, или контекст, в котором этот результат живёт. Это отличает Behance от Dribbble, где обычно представляют только шоты - одну или несколько финальных картинок без условий и подробностей.</p>
19
+
Так выглядит профиль графического дизайнера на Behance для посетителя профиля. Кейсы расположены по дате добавления<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Задача всех кейсов в профиле - показать не просто набор удачных картинок, а дизайн-работу с разных сторон и в развитии. То есть не только результат, но и процесс, который за ним стоит, или контекст, в котором этот результат живёт. Это важно для множества заказчиков и работодателей: по хорошо структурированным и рассказанным кейсам они поймут, что вы тот исполнитель, который способен решать задачи бизнеса.</p>
20
+
<p>Это отличает Behance от Dribbble и тем более Pinterest, где обычно представляют только одну или несколько финальных картинок без объяснений и подробностей.</p>
20
<p>Пользователи Behance могут лайкать и комментировать кейсы, и это влияет на популярность и потенциальный успех проектов и их автора.</p>
21
<p>Пользователи Behance могут лайкать и комментировать кейсы, и это влияет на популярность и потенциальный успех проектов и их автора.</p>
21
-
В конце каждого Behance-кейса есть блок со статистикой лайков, просмотров и комментариев. Он виден всем, даже не зарегистрированным на платформе посетителям<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Именно это делает Behance не просто сайтом для размещения портфолио, а полезной специализированной социальной сетью. Она помогает прямо и косвенно расти в профессии:</p>
22
+
В конце каждого Behance-кейса есть блок со статистикой лайков, просмотров и комментариев. Он виден всем, даже тем, кто не зарегистрирован на платформе и не залогинен<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Лайки, просмотры и комментарии делают Behance не просто сайтом для размещения портфолио, а профессиональной социальной сетью. И она помогает прямо и косвенно расти в профессии:</p>
22
<ul><li>собирать референсы,</li>
23
<ul><li>собирать референсы,</li>
23
<li>находить полезные контакты,</li>
24
<li>находить полезные контакты,</li>
24
<li>изучать примеры плохого и хорошего дизайна,</li>
25
<li>изучать примеры плохого и хорошего дизайна,</li>
25
<li>общаться с подписчиками.</li>
26
<li>общаться с подписчиками.</li>
26
</ul><p>Сильный профиль на Behance - профессиональное преимущество, и иногда его достаточно, чтобы получить работу мечты.</p>
27
</ul><p>Сильный профиль на Behance - профессиональное преимущество, и иногда его достаточно, чтобы получить работу мечты.</p>
27
-
<p>Если вам нужен Behance, чтобы искать проекты, собирать их в мудборды или искать готовые решения по конкретным запросам, то достаточно просто зарегистрироваться на сайте и пользоваться доступными бесплатными функциями.</p>
28
+
<p>Если вам нужен Behance, чтобы искать проекты, собирать их в мудборды или просматривать примеры дизайна по конкретным запросам, то достаточно просто зарегистрироваться на сайте и пользоваться доступными бесплатными функциями. Для поиска и просмотра кейсов заполнять профиль и портфолио не нужно.</p>
28
-
<p>Однако если ваша цель - развивать личный бренд, презентовать работы на качественной витрине и получать максимум от этой площадки, лучше сразу правильно оформить свой профиль.</p>
29
+
<p>Но если ваша цель - развивать личный бренд, презентовать работы на достойной витрине и получать максимум от этой площадки, лучше сразу правильно оформить свой профиль.</p>
29
<p>На странице профиля будет краткая информация о вас и работы, которые вы решите выставить для публичного просмотра.</p>
30
<p>На странице профиля будет краткая информация о вас и работы, которые вы решите выставить для публичного просмотра.</p>
30
<p>Потенциальные заказчики и представители компаний, куда вы отправите резюме, будут гуглить вас, и, скорее всего, им попадётся ваш профиль - у Behance высокий приоритет в поисковой выдаче.</p>
31
<p>Потенциальные заказчики и представители компаний, куда вы отправите резюме, будут гуглить вас, и, скорее всего, им попадётся ваш профиль - у Behance высокий приоритет в поисковой выдаче.</p>
31
<p>Поэтому хорошо оформленная страница покажет ваш профессиональный подход и сформирует нужное впечатление о вас как о потенциальном сотруднике.</p>
32
<p>Поэтому хорошо оформленная страница покажет ваш профессиональный подход и сформирует нужное впечатление о вас как о потенциальном сотруднике.</p>
32
-
Поиск по имени известного дизайнера и преподавателя: на первой строке выдачи в Google - личный сайт, на второй - Behance<em>Скриншот: Google / Skillbox Media</em><p><strong>Язык профиля</strong></p>
33
+
Поиск по имени дизайнера и преподавателя: на первой строке выдачи в Google - личный сайт, на второй - Behance<em>Скриншот: Google / Skillbox Media</em><p>Делаем первый и важный шаг: заходим в свой профиль и нажимаем "Изменить информацию".</p>
33
-
<p>Стоит как можно раньше определиться, на какой рынок вы ориентируетесь - исключительно на локальный или готовы выходить на мировой. Если вам интересны международные компании и клиенты из-за рубежа, стоит заполнять свой профиль на английском.</p>
34
+
<p>Стоит как можно раньше определиться, на какой рынок вы ориентируетесь - исключительно на локальный или готовы выходить на мировой. Если вам интересны международные компании и клиенты из-за рубежа, стоит заполнять свой профиль на английском, даже если вы ориентируетесь на азиатских или латиноамериканских клиентов.</p>
34
-
<p>Кейсы тоже в таком случае лучше оформлять на английском, даже если проекты, которые вы презентуете, с кириллицей и сделаны для клиентов на внутреннем рынке.</p>
35
+
<p>Кейсы тоже в таком случае лучше оформлять на английском, даже если проекты, которые вы выкладываете, с кириллицей и сделаны для клиентов на внутреннем рынке.</p>
35
-
Описания на английском языке в кейсе об айдентике кофейни в Новосибирске<em>Изображение: Prizma Studio / Alexandra Melnikova / Dima Golub / Anya Golub / Denis Tsuranov /<a>Behance</a></em><p><strong>Имя</strong></p>
36
+
Описания на английском языке в кейсе об айдентике кофейни в Новосибирске<em>Изображение: Prizma Studio / Alexandra Melnikova / Dima Golub / Anya Golub / Denis Tsuranov /<a>Behance</a></em><p>Можно использовать полное имя или псевдоним - главное, чтобы во всех публичных сетях, включая Behance, имя совпадало. Иначе будет нарушена целостность вашего личного бренда, и находить вас в интернете станет сложнее.</p>
36
-
<p>Можно использовать полное имя или псевдоним - главное, чтобы во всех публичных сетях, включая Behance, имя совпадало. Иначе будет нарушена целостность вашего личного бренда, и находить вас в интернете станет сложнее.</p>
37
+
Если вы используете имя в транслитерации, пишите его одинаково на всех портфолио-платформах<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Составьте одно короткое предложение - буквально парой слов опишите, чем именно вы занимаетесь и что самое главное о вас должны видеть гости профиля. Например: "Дизайнер интерфейсов в Ozon" или "Junior-UI/UX-дизайнер, магистратура HSE Art & Design".</p>
37
-
Если вы используете имя в транслитерации, она должна быть одинаковой всюду<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p><strong>Профессия</strong></p>
38
+
<p>Такое короткое описание - это ваше позиционирование, и в нём можно указать, на каком профессиональном этапе вы находитесь сейчас или к чему стремитесь в ближайшем будущем. Это очень важный элемент самопрезентации на Behance.</p>
38
-
<p>Составьте одно короткое предложение - буквально парой слов опишите, чем именно вы занимаетесь и что самое главное о вас должны видеть гости профиля. Например: "Дизайнер интерфейсов в Google" или "Junior-UI/UX-дизайнер, магистратура HSE Art & Design".</p>
39
+
<p>Со временем ваш статус, специализация и вообще приоритеты могут меняться, и не забывайте обновлять эту информацию в профиле.</p>
39
-
<p>Такое короткое описание - это ваше позиционирование, и в нём можно указать, на каком профессиональном этапе вы находитесь сейчас или к чему стремитесь в ближайшем будущем. Исходя из этого, сможете придумать одно-два лаконичных предложения.</p>
40
+
Ёмкое описание расположено сразу под именем<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Отдельно в профиле есть раздел "Опыт работы". В него можно скопировать те же пункты, которые есть в вашем резюме, - главное, чтобы они рифмовались с вашим позиционированием на платформе. Не стоит вносить опыт работы официантом, если вы презентуете себя на Behance как сет-дизайнера.</p>
40
-
<p>Со временем ваше положение и приоритеты могут меняться, и не забывайте обновлять эту информацию в профиле.</p>
41
+
<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Каких-то строгих требований к фотографии профиля нет. Это может быть и ваш личный знак, и картинка, и бизнес-портрет: креативное самовыражение - часть личного бренда, который вы строите. Например, можно подчеркнуть свои навыки, сделав в качестве аватара иллюстрацию.</p>
41
-
Ёмкое описание расположено сразу под именем<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p><strong>Аватар</strong></p>
42
-
<p>Каких-то стандартных требований к фотографии профиля нет. Это может быть и ваш личный знак, и картинка: креативное самовыражение - часть личного бренда, который вы строите. Например, можно подчеркнуть свои навыки, сделав в качестве аватара иллюстрированный автопортрет.</p>
43
<p>Лучше, если изображение будет такое же, как в остальных профилях социальных сетей. По одной и той же фотографии вас будет проще вспомнить - она сработает как логотип.</p>
42
<p>Лучше, если изображение будет такое же, как в остальных профилях социальных сетей. По одной и той же фотографии вас будет проще вспомнить - она сработает как логотип.</p>
44
-
Фотография на аватарке не обязана быть "приличной" и с дружелюбным выражением. Однако если ваша цель - работать в корпорации или строгой структуре, то лучше поставить формальный портрет<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p><strong>Шапка или обои профиля</strong></p>
43
+
Фотография на аватарке не обязана быть "приличной" и с дружелюбным выражением. Однако если ваша цель - работать в корпорации или госструктуре, то лучше поставить формальный портрет<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>В верхнюю часть страницы можно добавить баннер, чтобы визуально выделить ваш профиль. Если у вас хорошие навыки в графическом дизайне или в 3D, можно сделать что-то оригинальное, но главное, придерживаться принципа "Не навреди" и не усложнить профиль слишком сложной или отпугивающей визуализацией.</p>
45
-
<p>В верхнюю часть страницы можно добавить шапку - специально оформленную обложку вашего профиля. Если у вас крутые навыки в графическом дизайне или в 3D, можно сделать что-то оригинальное, но главное, придерживаться принципа "Не навреди" и не усложнить профиль слишком сложной или отпугивающей визуализацией.</p>
44
+
<p>Если ничего не загружать, верх останется нейтрального светло-серого цвета. Но это не будет выглядеть недостатком вашего портфолио.</p>
46
-
<p>Если не загружать собственное изображение в шапку, в нём можно сделать отображение превью нескольких ваших проектов.</p>
45
+
Интерфейс Behance адаптируется под разные размеры экранов, поэтому с обложкой нужно быть аккуратными. При загрузке вы сможете перетаскивать изображение и настраивать, какую его часть б��дет видно на странице, но вы вряд ли протестируете это положение на всех возможных экранах и во всех существующих браузерах. Из-за различий в адаптации у разных пользователей картинки могут некрасиво обрезаться и терять смысл. Поэтому мы рекомендуем не загружать в виде баннера что-то графически сложное и несущее критически важный смысл<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>В этом разделе главное - лаконичность: в длинный текст мелкого кегля в этом разделе мало кто станет вчитываться.</p>
47
-
Интерфейс Behance адаптируется под разные размеры экранов, и элементы перекрывают части обложки. Если там есть надписи или важные графические элементы, у многих пользователей они могут некрасиво обрезаться и терять смысл<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p><strong>Био или "О себе"</strong></p>
46
+
<p>Можно перечислить навыки, отметить главные вехи опыта, обозначить индивидуальное видение дизайн-процессов. Писать нужно от первого лица в дружественном и открытом стиле.</p>
48
-
<p>В этом разделе главное - лаконичность: в объёмный текст профиля мало кто станет вчитываться. Можно перечислить навыки, отметить главные вехи опыта, обозначить индивидуальное видение дизайн-процессов. Писать нужно от первого лица в дружественном и открытом стиле.</p>
49
<p>Этот же текст можно использовать и на других площадках - например, в описании своего профиля на фриланс-бирже и в соцсетях.</p>
47
<p>Этот же текст можно использовать и на других площадках - например, в описании своего профиля на фриланс-бирже и в соцсетях.</p>
50
-
<p><strong>Ссылки</strong></p>
48
+
<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Если у вас есть личный сайт или аккаунт на фриланс-бирже, обязательно добавьте ссылки на них в свой Behance-профиль. Также в него можно добавить ссылки на телеграм и основные соцсети, где вы готовы оперативно отвечать.</p>
51
-
<p>Если у вас есть личный сайт или аккаунт на фриланс-бирже, обязательно добавьте ссылки на них в свой Behance-профиль. Также в него можно добавить ссылки на телеграм-канал и основные соцсети, где вы оперативно отвечаете.</p>
52
<p>Старайтесь, чтобы профили всех ваших публично доступных социальных сетей были оформлены в едином стиле - так ваш образ в глазах работодателей будет целостным.</p>
49
<p>Старайтесь, чтобы профили всех ваших публично доступных социальных сетей были оформлены в едином стиле - так ваш образ в глазах работодателей будет целостным.</p>
53
<p>Когда у вас грамотно оформлен профиль, пора готовить и публиковать свои кейсы.</p>
50
<p>Когда у вас грамотно оформлен профиль, пора готовить и публиковать свои кейсы.</p>
54
<p>В этой части материала мы расскажем:</p>
51
<p>В этой части материала мы расскажем:</p>
55
<ul><li><a>какая ошибка</a>может погубить даже классный кейс,</li>
52
<ul><li><a>какая ошибка</a>может погубить даже классный кейс,</li>
56
<li><a>какие проекты</a>стоит оформлять в кейсы,</li>
53
<li><a>какие проекты</a>стоит оформлять в кейсы,</li>
57
<li><a>из каких блоков</a>строить кейс,</li>
54
<li><a>из каких блоков</a>строить кейс,</li>
58
<li><a>какие технические нюансы</a>надо учитывать.</li>
55
<li><a>какие технические нюансы</a>надо учитывать.</li>
59
-
</ul><p>Основатель Behance Скотт Бельски создавал эту платформу, чтобы дизайнеры могли показать процесс решения задач и проблем. Но многие допускают главную ошибку - демонстрируют только финальный результат, выкладывая красивую картинку без контекста.</p>
56
+
</ul><p>Основатель Behance Скотт Бельски создал эту платформу, чтобы дизайнеры могли показать процесс решения задач и проблем. Но многие допускают ошибку - демонстрируют только финальный результат, выкладывая пару красивых картинок без контекста.</p>
60
-
<p>Кейс - это история о том, как вы выполнили работу. Если всё сделать грамотно, такой рассказ в картинках будет интересно изучать, а результат будет вызывать доверие у потенциальных работодателей и уважение коллег.</p>
57
+
<p><strong>Кейс - это история</strong>о том, как вы выполнили работу. Если всё сделать грамотно, её будет интересно изучать, а результат будет вызывать доверие у потенциальных работодателей и уважение коллег.</p>
61
-
<p>На Behance очень высоко ценится именно история создания проекта с подробностями задачи, проведённой аналитической работой, материалами и, конечно, результатом.</p>
58
+
<p>Заказчики высоко ценят, когда дизайнер может рассказать о проекте с подробностями задачи, проведённой аналитической работой, материалами и, конечно, результатом.</p>
62
<p>Хороший дизайн - это хорошо решённая задача, а не просто красивая картинка или анимация.</p>
59
<p>Хороший дизайн - это хорошо решённая задача, а не просто красивая картинка или анимация.</p>
63
<p>Иногда создание кейса может занимать не меньше времени, чем работа над самим проектом. Вот лайфхак, который поможет упростить и ускорить процесс:</p>
60
<p>Иногда создание кейса может занимать не меньше времени, чем работа над самим проектом. Вот лайфхак, который поможет упростить и ускорить процесс:</p>
64
<ul><li>Приступайте к подготовке и сбору материалов с самого начала работы над дизайн-проектом, и тогда к его завершению у вас уже будет готова основная часть содержимого кейса.</li>
61
<ul><li>Приступайте к подготовке и сбору материалов с самого начала работы над дизайн-проектом, и тогда к его завершению у вас уже будет готова основная часть содержимого кейса.</li>
65
<li>Сохраняйте во время работы всё, что можно, - находки, скетчи, мудборды. Не обязательно потом это использовать, но многое может пригодиться, чтобы сделать презентацию более насыщенной интересными деталями.</li>
62
<li>Сохраняйте во время работы всё, что можно, - находки, скетчи, мудборды. Не обязательно потом это использовать, но многое может пригодиться, чтобы сделать презентацию более насыщенной интересными деталями.</li>
66
</ul><p>К примеру, если ваша работа связана с UX, сохраняйте себе:</p>
63
</ul><p>К примеру, если ваша работа связана с UX, сохраняйте себе:</p>
67
<ul><li>описание проблемы и решения;</li>
64
<ul><li>описание проблемы и решения;</li>
68
<li>описание целевой аудитории, персон, карты пути пользователя;</li>
65
<li>описание целевой аудитории, персон, карты пути пользователя;</li>
69
<li>анализ рынка и аудит схожих продуктов;</li>
66
<li>анализ рынка и аудит схожих продуктов;</li>
70
<li>карты приложения;</li>
67
<li>карты приложения;</li>
71
<li>черновые наброски;</li>
68
<li>черновые наброски;</li>
72
<li>прототипы.</li>
69
<li>прототипы.</li>
73
</ul><p>Будьте внимательны с NDA. Если по договору с заказчиком запрещено публиковать работу в портфолио, не нарушайте это условие.</p>
70
</ul><p>Будьте внимательны с NDA. Если по договору с заказчиком запрещено публиковать работу в портфолио, не нарушайте это условие.</p>
74
-
<p>При этом большой объём информации может выглядеть скучно, поэтому старайтесь фокусироваться на главном и не расписывать каждый этап слишком подробно. А чтобы кейс получился ещё более увлекательным, разбавляйте текстовые и "технические" блоки анимацией, иллюстрациями и видео.</p>
71
+
<p>При этом большой объём информации может выглядеть скучно и отпугивать. Старайтесь фокусироваться на главном и не расписывать каждый этап слишком подробно.</p>
72
+
<p>Текстовые и "технические" блоки обязательно нужно перемежать анимацией, иллюстрациями и эмбедами видео.</p>
75
<p>Один из главных вопросов начинающих дизайнеров - "Как собрать портфолио, чтобы попасть на работу, если я ещё не работал в студии и не выполнял заказы?"</p>
73
<p>Один из главных вопросов начинающих дизайнеров - "Как собрать портфолио, чтобы попасть на работу, если я ещё не работал в студии и не выполнял заказы?"</p>
76
<p>Или наоборот: дизайнер работает в крутой компании, но контракт запрещает ему публиковать какие-либо материалы или подробности проектов.</p>
74
<p>Или наоборот: дизайнер работает в крутой компании, но контракт запрещает ему публиковать какие-либо материалы или подробности проектов.</p>
77
-
<p>В таких случаях на Behance можно и нужно публиковать концепции, придуманные исключительно для портфолио.</p>
75
+
<p>В таких случаях на Behance можно и нужно выкладывать концепции, которые вы сами придумали и разработали исключительно для портфолио.</p>
78
<p>Это нормальная практика: вовсе не обязательно, чтобы у проекта был реальный заказчик, главное, чтобы работа решала конкретную задачу, даже если вы сами её придумали.</p>
76
<p>Это нормальная практика: вовсе не обязательно, чтобы у проекта был реальный заказчик, главное, чтобы работа решала конкретную задачу, даже если вы сами её придумали.</p>
79
Концепция приложения, которое помогает создать новые модели из существующих деталей Lego<em>Изображение: Vladimir Laur / wannabe like /<a>Behance</a></em><p>Чтобы собрать портфолио, можно генерировать идеи для реальных проектов и решать реальные задачи, но при этом не зависеть от настоящего заказчика.</p>
77
Концепция приложения, которое помогает создать новые модели из существующих деталей Lego<em>Изображение: Vladimir Laur / wannabe like /<a>Behance</a></em><p>Чтобы собрать портфолио, можно генерировать идеи для реальных проектов и решать реальные задачи, но при этом не зависеть от настоящего заказчика.</p>
80
<p>Например:</p>
78
<p>Например:</p>
81
<ul><li>Сделать редизайн приложения, сайта или сервиса, которым вы пользуетесь, ведь наверняка вы сталкивались с чем-то, что можно улучшить.</li>
79
<ul><li>Сделать редизайн приложения, сайта или сервиса, которым вы пользуетесь, ведь наверняка вы сталкивались с чем-то, что можно улучшить.</li>
82
<li>Создать дизайн вымышленного продукта.</li>
80
<li>Создать дизайн вымышленного продукта.</li>
83
<li>Разработать альтернативную айдентику для существующего бренда.</li>
81
<li>Разработать альтернативную айдентику для существующего бренда.</li>
84
-
</ul><p>Установка "чем больше - тем лучше" не подходит для портфолио на Behance.</p>
82
+
</ul><p>Лайфхак: попросите у ChatGPT или другой нейросети дать вам задачу по вашему профилю от воображаемого клиента.</p>
85
-
<p>Если кейсов много - карточки занимают больше одного экрана - это может даже оттолкнуть. Потенциальный работодатель в любом случае не станет заглядывать в каждый, а откроет два-три последних и на их основе составит впечатление о дизайнере.</p>
83
+
<p>Установка "чем больше - тем лучше"<strong>не подходит</strong>для портфолио на Behance.</p>
84
+
<p>Если кейсов много - то есть карточки-превью занимают больше одного экрана, - хотя вы не арт-директор студии с 20-летней историей, это может даже оттолкнуть. Потенциальный работодатель в любом случае не станет заглядывать в каждый, а откроет два-три последних и на их основе составит впечатление о дизайнере.</p>
86
<p>Если вы в основном работаете над однотипными проектами на потоке, из них можно составить один сборный кейс. А если вы соберёте целое портфолио из десятков визуально похожих проектов, вряд ли получите хорошее предложение о работе: у HR-менеджеров и нанимающих дизайнеров нет времени внимательно просматривать все кейсы каждого кандидата.</p>
85
<p>Если вы в основном работаете над однотипными проектами на потоке, из них можно составить один сборный кейс. А если вы соберёте целое портфолио из десятков визуально похожих проектов, вряд ли получите хорошее предложение о работе: у HR-менеджеров и нанимающих дизайнеров нет времени внимательно просматривать все кейсы каждого кандидата.</p>
87
<p>Поэтому вот<strong>несколько советов</strong>:</p>
86
<p>Поэтому вот<strong>несколько советов</strong>:</p>
88
<ul><li>Хорошо, когда в профиле доступно всего несколько работ, но они лучшие из тех, что вы когда-либо делали.</li>
87
<ul><li>Хорошо, когда в профиле доступно всего несколько работ, но они лучшие из тех, что вы когда-либо делали.</li>
89
<li>Хотя бы один из кейсов должен быть о проекте этого года. Так заказчик поймёт, что вы "в строю", занимаетесь своим портфолио и продолжаете работать в дизайне.</li>
88
<li>Хотя бы один из кейсов должен быть о проекте этого года. Так заказчик поймёт, что вы "в строю", занимаетесь своим портфолио и продолжаете работать в дизайне.</li>
90
-
<li>Устаревшие проекты лучше убирать в архив.</li>
91
<li>Каждая работа, которую вы презентуете на Behance, должна демонстрировать что-то новое в вашем портфолио - тему, предмет, навык, стиль и тому подобное.</li>
89
<li>Каждая работа, которую вы презентуете на Behance, должна демонстрировать что-то новое в вашем портфолио - тему, предмет, навык, стиль и тому подобное.</li>
92
<li>Если вы мультидисциплинарный дизайнер или если вы умеете работать в разных стилях, проиллюстрируйте каждый одним-двумя проектами.</li>
90
<li>Если вы мультидисциплинарный дизайнер или если вы умеете работать в разных стилях, проиллюстрируйте каждый одним-двумя проектами.</li>
93
-
</ul>Девять разных проектов в одном портфолио<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Для успеха кейсу на Behance нужна драматургия. Но это не так сложно, как кажется на первый взгляд:</p>
91
+
<li>Морально и технически устаревшие проекты лучше убирать в архив.</li>
92
+
</ul>Девять разных проектов в одном портфолио: и шрифт, и айдентика, и сборный кейс с разными анимациями<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Для успеха кейсу на Behance нужна драматургия - как и вообще любой истории. Но это не так сложно, как кажется на первый взгляд:</p>
94
<p>Кейс оформляется блоками, поэтому важно сначала продумать их последовательность.</p>
93
<p>Кейс оформляется блоками, поэтому важно сначала продумать их последовательность.</p>
95
<p>В хорошей истории о проекте есть завязка, развитие сюжета и финал. В конце могут идти "титры" и благодарности.</p>
94
<p>В хорошей истории о проекте есть завязка, развитие сюжета и финал. В конце могут идти "титры" и благодарности.</p>
96
<p>Блоки можно оформить в стилистике проекта - это добавит истории цельности.</p>
95
<p>Блоки можно оформить в стилистике проекта - это добавит истории цельности.</p>
97
-
Кейс на Behance собирается как конструктор. На страницу даже можно вставить ссылку на проект в Figma<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Большинство кейсов дизайнеры составляют из примерно одной и той же последовательности элементов:</p>
96
+
Кейс на Behance собирается как конструктор. На страницу даже можно вставить ссылку на проект в Figma<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><ul><li>Сложите все потенциально интересные для кейса материалы в одну папку либо сразу в файл графического редактора, в котором будете работать над кейсом.</li>
98
-
<p>С первого изображения пользователь начинает знакомство с вашим проектом, поэтому лучше сразу привлечь его внимание чем-то интересным - иллюстрацией, моушн-роликом, фото или смелой композицией.</p>
97
+
<li>Составьте список смысловых блоков будущей Behance-презентации.</li>
98
+
<li>В привычном графическом редакторе создайте пустой макет шириной 1400 пикселей и добавьте в него прямоугольные блоки, каждый из которых позже можно будет стилизовать и использовать в качестве контейнеров для запланированного контента.</li>
99
+
</ul><p>Оформление кейса лучше выстраивать в стиле самого проекта, но должно быть понятно, где "обёртка", а где проект.</p>
100
+
Например, не растягивайте дизайн-макеты на всю ширину кейса - оставляйте пустое пространство по бокам или составьте собственную сетку. Так блоки внутри кейса будут выглядеть аккуратно<em>Изображение: Anna Kazmina /<a>Behance</a></em><p>Большинство кейсов дизайнеры составляют из примерно одной и той же последовательности элементов.</p>
101
+
<p>С первого изображения пользователь начинает знакомство с вашим проектом, поэтому лучше сразу привлечь его внимание иллюстрацией, моушн-роликом, фото или смелой композицией.</p>
99
<p>Как правило, в ваших интересах - сразу показать пользователю, о чём ваш кейс, хотя бы в общих чертах. Интрига в презентациях проектов - редкость на Behance.</p>
102
<p>Как правило, в ваших интересах - сразу показать пользователю, о чём ваш кейс, хотя бы в общих чертах. Интрига в презентациях проектов - редкость на Behance.</p>
100
-
На первом экране можно обозначить тему проекта<em>Изображение: Сергей Горушкин /<a>Behance</a></em><p>Это рассказ о работе в одном-двух предложениях. Иногда очень короткое описание проекта располагают на первом экране, чтобы пользователю сразу было понятно, о чём в кейсе пойдёт речь.</p>
103
+
На первом экране можно обозначить тему проекта<em>Изображение: Сергей Горушкин /<a>Behance</a></em><p>Это рассказ о работе в одном-двух предложениях.</p>
101
-
Тема проекта, лаконичное описание продукта и теги на самой первой картинке сразу объясняют посетителю страницы, что перед ним<em>Изображение: Vlad Baranovsky / wannabe like /<a>Behance</a></em><p>В этом блоке можно набрать текст из пары абзацев: о клиенте, его брифе и о цели вашей работы.</p>
104
+
<p>Иногда очень короткое описание проекта располагают сразу на первой картинке, чтобы пользователю сразу было понятно, о чём в кейсе пойдёт речь.</p>
102
-
<p>Если есть желание или если вам важно использовать шрифт, которого нет в библиотеке сервиса, текст тоже можно сверстать на карточки и загрузить изображением.</p>
105
+
Тема проекта, лаконичное описание продукта и теги на самой первой картинке сразу объясняют посетителю, что перед ним<em>Изображение: Vlad Baranovsky / wannabe like /<a>Behance</a></em><p>В этом блоке можно набрать текст из пары абзацев: о клиенте, его брифе и цели вашей работы.</p>
103
-
Текст о бренде и о том, что сделал дизайнер<em>Изображение: Sergey Yakovenko /<a>Behance</a></em><p>В эту категорию входят анализ рынка, описание пользователей, различные карты взаимодействия с продуктом, скетчи, референсы, мудборды, прототипы и так далее. Особенно полезно добавлять их в UX/UI-кейсы.</p>
106
+
<p>Если есть желание или если вам важно использовать шрифт, которого нет в библиотеке сервиса, текст тоже можно сверстать на карточки и загрузить картинками.</p>
104
-
<p>Можно показать только часть или всё - главное, чтобы это дополняло презентацию и было интересно оформлено визуально.</p>
107
+
Текст о бренде и о том, что для него сделал дизайнер<em>Изображение: Sergey Yakovenko /<a>Behance</a></em><p>В эту категорию входят анализ рынка, описание пользователей, различные карты взаимодействия с продуктом, скетчи, референсы, мудборды, прототипы и так далее.</p>
105
-
Карта пути пользователя для платформы поиска заказов из кейса на Behance<em>Изображение: Embacy Team / mda, sanek / Maria Roshka / Elena Bardasheva / Dima Moroz / Vadim Orlov / Valeriya Kulikova /<a>Behance</a></em><p>Блоки о дизайн-решениях можно добавлять набором картинок - с частями макетов, UI-элементами проекта, брендингом на мокапах, коллажами иллюстраций, фотографиями. В этой части повествования можно не ограничивать себя и демонстрировать работу так, как требует фантазия.</p>
108
+
<p>Их полезно добавлять в UX/UI-кейсы. В кейсах графических дизайнеров и арт-директоров они редкость.</p>
106
-
<p>Используйте гифки и видео - это помогает сделать презентацию проекта динамичной. А в некоторых проектах только демонстрационные анимации и видео могут показать, как при взаимодействии с пользователем будет вести себя тот или иной экран приложения или, например, горизонтальный скролл на сайте.</p>
109
+
<p>Можно показать только часть или всё - главное, чтобы это дополняло презентацию и было оформлено осмысленно. Просто скриншоты рабочего поля и черновиков загружать не следует.</p>
107
-
Гифка показывает работу над леттерингом для логотипа<em>Изображение: Ochodias Studio / Karla Márquez / Manuel Vargas / Neiza Hernández / Alberto Stangarone /<a>Behance</a></em><p>Но чтобы не превратить контент в исключительно развлекательный, перемежайте и дополняйте визуализацию дизайна полезной информацией о том, как проект получился именно таким. Например, покажите сетку, укажите выбранные шрифты и цветовые палитры.</p>
110
+
Карта пути пользователя для платформы поиска заказов<em>Изображение: Embacy Team / mda, sanek / Maria Roshka / Elena Bardasheva / Dima Moroz / Vadim Orlov / Valeriya Kulikova /<a>Behance</a></em><p>Блоки о дизайн-решениях можно добавлять набором картинок - с частями макетов, UI-элементами проекта, брендингом на мокапах, коллажами иллюстраций, фотографиями.</p>
111
+
<p>В этой части повествования можно не ограничивать себя и демонстрировать работу так, как требует фантазия.</p>
112
+
<p>Используйте гифки и видео - это помогает сделать презентацию проекта динамичной. А в некоторых проектах только демонстрационные анимации и видео и могут показать, как при взаимодействии с пользователем будет вести себя тот или иной экран приложения или, например, горизонтальный скролл на сайте.</p>
113
+
Гифка показывает работу над леттерингом для логотипа<em>Изображение: Ochodias Studio / Karla Márquez / Manuel Vargas / Neiza Hernández / Alberto Stangarone /<a>Behance</a></em><p>Но чтобы не превратить контент в исключительно развлекательный, перемежайте и дополняйте визуализацию дизайна чёткой информацией о том, как проект получился именно таким.</p>
114
+
<p>Например, покажите сетку, выбранные шрифты или палитры.</p>
108
Иллюстрация о том, как работает пластика фирменного шрифта<em>Изображение: ESH Gruppa / Stefan Lashko / Phillip Tretyakov / Ekaterina Daugel-Dauge /<a>Behance</a></em><p>Этот блок - подобие финальных титров фильма. Обычно в нём пишут имена людей, которые работали над проектом, его направление, год создания и прочую общую информацию.</p>
115
Иллюстрация о том, как работает пластика фирменного шрифта<em>Изображение: ESH Gruppa / Stefan Lashko / Phillip Tretyakov / Ekaterina Daugel-Dauge /<a>Behance</a></em><p>Этот блок - подобие финальных титров фильма. Обычно в нём пишут имена людей, которые работали над проектом, его направление, год создания и прочую общую информацию.</p>
109
-
<p>В имена, названия студий и компаний зашивайте ссылки на них - это проявление вежливости.</p>
116
+
<p>В имена, названия студий и компаний зашивайте ссылки на них - это вежливость.</p>
110
-
<p>В самом конце иногда добавляют фразу "Спасибо за просмотр". Но не стоит писать "Ставьте лайк, подписывайтесь на меня", на Behance это считают дурным тоном.</p>
117
+
<p>В самом конце иногда добавляют фразу "Спасибо за просмотр". Но не стоит писать "Ставьте лайк, подписывайтесь на меня": на Behance это считают дурным тоном.</p>
111
<p>Обложка, или thumbnail, - это картинка, которая должна привлекать пользователей. В их лентах рекомендаций и на вашей странице отображаются именно они, а не первые картинки кейсов.</p>
118
<p>Обложка, или thumbnail, - это картинка, которая должна привлекать пользователей. В их лентах рекомендаций и на вашей странице отображаются именно они, а не первые картинки кейсов.</p>
112
<p>Иногда обложку для кейса дизайнеры отрисовывают специально, но чаще ставят изображение, максимально отражающее суть проекта. Это может быть логотип, дизайн на интересном мокапе или иллюстрация, которая ярко показывает конкретный стиль.</p>
119
<p>Иногда обложку для кейса дизайнеры отрисовывают специально, но чаще ставят изображение, максимально отражающее суть проекта. Это может быть логотип, дизайн на интересном мокапе или иллюстрация, которая ярко показывает конкретный стиль.</p>
113
-
Обложки проектов<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Интерфейс на Behance интуитивно понятный, но есть моменты, которые могут вызывать вопросы и сложности.</p>
120
+
Обложки проектов<em>Скриншот:<a>Behance</a>/ Skillbox Media</em><p>Интерфейс на Behance интуитивно понятный, но есть моменты, которые могут вызывать вопросы.</p>
114
-
<p>На Behance можно загружать JPEG, PNG и GIF. Файлы с расширениями .pdf, .psd, .tff, .doc, .pdf платформа не воспринимает.</p>
121
+
<p>На Behance можно загружать JPEG, PNG и GIF. Файлы с расширениями .pdf, .psd, .tff, .doc, .pdf загрузить в "тело" кейса нельзя - их можно добавить только отдельно по кнопке "Прикрепить ресурсы". Они будут отображаться как файлы для скачивания снизу и справа от самого кейса.</p>
115
-
<p>Но можно встраивать коды из Adobe XD, Vimeo, YouTube, GIPHY, SoundCloud, Spotify, а также прямые ссылки на проекты в Figma, Marvel, Codepen.</p>
122
+
<p>Но в кейс можно встраивать коды из Adobe XD, Vimeo, YouTube, GIPHY, SoundCloud, Spotify и прямые ссылки на проекты в Figma, Marvel, Codepen.</p>
116
<p>Если JPEG сильно портится при сохранении или при публикации кейса, есть вероятность, что она слишком большая или сложная в цветовом плане. Из-за этого не справляются алгоритмы оптимизации. Иногда удаётся решить эту проблему, если разрезать изображение на несколько частей, - так вес файла уменьшится, на обработку потребуется меньше ресурсов и итоговое качество станет лучше.</p>
123
<p>Если JPEG сильно портится при сохранении или при публикации кейса, есть вероятность, что она слишком большая или сложная в цветовом плане. Из-за этого не справляются алгоритмы оптимизации. Иногда удаётся решить эту проблему, если разрезать изображение на несколько частей, - так вес файла уменьшится, на обработку потребуется меньше ресурсов и итоговое качество станет лучше.</p>
117
<p>По умолчанию все изображения в кейсе будут отображаться с максимальной шириной 1400 px. То есть даже если вы загрузите макет шириной 1920 пикселей, на странице проекта он всё равно будет уменьшен до 1400, а если ваше изображение меньше, то оно будет отображаться в оригинальном размере - до 1400 сайт его не растянет.</p>
124
<p>По умолчанию все изображения в кейсе будут отображаться с максимальной шириной 1400 px. То есть даже если вы загрузите макет шириной 1920 пикселей, на странице проекта он всё равно будет уменьшен до 1400, а если ваше изображение меньше, то оно будет отображаться в оригинальном размере - до 1400 сайт его не растянет.</p>
118
<p>Но на Behance есть режим просмотра Lightbox View - он активируется, если нажать на конкретную картинку, и тогда она откроется в максимально доступном разрешении - 2800 px. Так что в некоторых случаях есть смысл экспортировать изображения из графического редактора в полуторном или двойном размере.</p>
125
<p>Но на Behance есть режим просмотра Lightbox View - он активируется, если нажать на конкретную картинку, и тогда она откроется в максимально доступном разрешении - 2800 px. Так что в некоторых случаях есть смысл экспортировать изображения из графического редактора в полуторном или двойном размере.</p>
119
<p>Ориентируйтесь на то, что изображения должны весить до 10 МБ: если они будут больше, это замедлит загрузку, и зритель может потерять интерес и уйти со страницы.</p>
126
<p>Ориентируйтесь на то, что изображения должны весить до 10 МБ: если они будут больше, это замедлит загрузку, и зритель может потерять интерес и уйти со страницы.</p>
120
<p>Максимальный размер файлов на Behance - 50 МБ.</p>
127
<p>Максимальный размер файлов на Behance - 50 МБ.</p>
121
-
<p>Высота изображений в кейсе может быть какой угодно. Но не загружайте весь кейс одной длинной картинкой: если пользователь кликнет по ней, то в режиме Lightbox View она будет выглядеть неразборчиво.</p>
128
+
<p>Высота изображений в кейсе может быть какой угодно. Но не загружайте весь кейс одной длинной картинкой: если пользователь кликнет по ней, то в режиме Lightbox View она будет выглядеть мелким неразборчивым полотном.</p>
122
-
<p>Оформляйте кейс блоками - отдельными достаточно крупными изображениями или полями с текстом. Так проект будет загружаться у пользователей гораздо быстрее.</p>
129
+
<p>Оформляйте кейс блоками - из отдельных достаточно крупных изображений или полями с текстом. Так проект будет загружаться у пользователей гораздо быстрее.</p>
123
<p>Картинка-обложка на Behance должна быть не менее 808×632 px, а в ленте рекомендаций и в подборках они отражаются в одном стандартном размере - 202×158 px.</p>
130
<p>Картинка-обложка на Behance должна быть не менее 808×632 px, а в ленте рекомендаций и в подборках они отражаются в одном стандартном размере - 202×158 px.</p>
124
-
<p>Количество блоков в кейсе обычно зависит от масштаба проекта. Среднее их число - от пяти до 15: это включает и изображения, и эмбеды видео, и текстовые пояснения. Меньше пяти делать не стоит - это уже сложно будет назвать полноценным кейсом. А большое количество блоков обычно делают в UI/UX-презентациях, где нужно показать ресёрч, схемы, вайрфреймы.</p>
131
+
<p>Количество блоков в кейсе обычно зависит от масштаба проекта. В среднем их от пяти до 15: это включает и изображения, и эмбеды видео, и текстовые пояснения.</p>
132
+
<p>Меньше пяти делать не стоит - это уже сложно будет назвать полноценным кейсом. А больше блоков обычно приходится делать в UI/UX-презентациях, где нужно показать ресёрч, схемы, вайрфреймы.</p>
125
<p>Хорошая длина совокупности всех блоков - около 20 000 пикселей. Если получается значительно больше, вы должны быть уверены, что оно того стоит.</p>
133
<p>Хорошая длина совокупности всех блоков - около 20 000 пикселей. Если получается значительно больше, вы должны быть уверены, что оно того стоит.</p>
126
<p>Не стоит раздувать кейс, чтобы создать ощущение большой проделанной работы - больше не значит лучше.</p>
134
<p>Не стоит раздувать кейс, чтобы создать ощущение большой проделанной работы - больше не значит лучше.</p>
127
-
<ul><li>Сложите все потенциально интересные для кейса материалы в одну папку либо сразу в файл графического редактора, в котором будете работать над кейсом.</li>
135
+
<p>Гифки в Behance-кейсах получаются заметно более низкого качества, чем видео, но у GIF-изображений есть пара плюсов:</p>
128
-
<li>Составьте список смысловых блоков будущей Behance-презентации.</li>
136
+
<ul><li>Чтобы сделать гифку, нужно гораздо меньше навыков, усилий и ресурсов, чем для видео.</li>
129
-
<li>В привычном графическом редакторе создайте пустой макет шириной 1400 пикселей и добавьте в него прямоугольные блоки, каждый из которых позже можно будет стилизовать и использовать в качестве контейнеров для запланированного контента.</li>
130
-
</ul><p>Оформление кейса лучше выстраивать в стиле самого проекта, но должно быть понятно, где "обёртка", а где проект.</p>
131
-
Например, не растягивайте дизайн-макеты на всю ширину кейса - оставляйте пустое пространство по бокам или составьте собственную сетку. Так блоки внутри кейса будут выглядеть аккуратно<em>Изображение: Anna Kazmina /<a>Behance</a></em><p>Гифки в Behance-кейсах получаются заметно более низкого качества, чем видео, но у GIF-изображений есть пара плюсов:</p>
132
-
<ul><li>Создание гифок требует меньших навыков, усилий и ресурсов в производстве, чем создание видео.</li>
133
<li>Гифки загружать в кейс так же просто, как обычные картинки.</li>
137
<li>Гифки загружать в кейс так же просто, как обычные картинки.</li>
134
-
</ul><p>Если же для вашего кейса принципиальны высокое качество и плавная анимация, вам больше подойдёт видеоформат. При этом видео лучше встраивать. У многих возникают трудности, потому что не совсем очевидно, как это делать.</p>
138
+
</ul><p>Если же для вашего кейса принципиальны высокое качество и плавная анимация, вам больше подойдёт видеоформат - и учтите, что видео лучше встраивать эмбедами.</p>
135
<p>Сначала загрузите ролик на видеохостинг<a>Vimeo</a>. Это даст дополнительные возможности настройки.</p>
139
<p>Сначала загрузите ролик на видеохостинг<a>Vimeo</a>. Это даст дополнительные возможности настройки.</p>
136
-
<p>Если использовать YouTube или загрузить видео прямо на Behance, то не получится гибко настроить внешний вид видеопроигрывателя. Например, скрыть его интерфейс, чтобы видео воспроизводилось бесшовно и без лишних кнопок по краям.</p>
140
+
<p>Если использовать YouTube или загрузить видео прямо на Behance, то не получится гибко настроить внешний вид видеопроигрывателя. Например, скрыть его интерфейс, чтобы видео воспроизводилось бесшовно и без лишних кнопок по краям. Кроме того, не все видеоплатформы могут быть доступны пользователям в РФ.</p>
137
<p>Чтобы встроить ролик со стороннего ресурса, нужно:</p>
141
<p>Чтобы встроить ролик со стороннего ресурса, нужно:</p>
138
<ul><li>На странице видео на видеохостинге нажать на кнопку "Поделиться" и выбрать опцию - Embed.</li>
142
<ul><li>На странице видео на видеохостинге нажать на кнопку "Поделиться" и выбрать опцию - Embed.</li>
139
<li>Вставить небольшой кусок кода, который вы получите, в соответствующее окно при создании кейса.</li>
143
<li>Вставить небольшой кусок кода, который вы получите, в соответствующее окно при создании кейса.</li>
140
<li>Дополнить этот код разными ключами, чтобы включить или отключить те или иные настройки.</li>
144
<li>Дополнить этот код разными ключами, чтобы включить или отключить те или иные настройки.</li>
141
</ul><p>Ключи у разных видеосервисов могут отличаться. В этом материале мы рассматриваем встраивание видео из Vimeo.</p>
145
</ul><p>Ключи у разных видеосервисов могут отличаться. В этом материале мы рассматриваем встраивание видео из Vimeo.</p>
142
<p>Ключ<strong>autoplay=1</strong>поможет сделать так, чтобы видео воспроизводилось автоматически. Важно, что в некоторых веб-браузерах оно всё равно не будет автоматически запускаться, если только в плеере не отключён звук. Эту задачу решит ключ<strong>muted=1</strong>.</p>
146
<p>Ключ<strong>autoplay=1</strong>поможет сделать так, чтобы видео воспроизводилось автоматически. Важно, что в некоторых веб-браузерах оно всё равно не будет автоматически запускаться, если только в плеере не отключён звук. Эту задачу решит ключ<strong>muted=1</strong>.</p>
143
<p>Во многих кейсах бывает несколько встроенных видео, и чаще всего хочется, чтобы они проигрывались одновременно и были зациклены. В некоторых браузерах запуск одного проигрывателя прерывает работу другого. С помощью ключа<strong>autopause=0</strong>можно отключить это ограничение.</p>
147
<p>Во многих кейсах бывает несколько встроенных видео, и чаще всего хочется, чтобы они проигрывались одновременно и были зациклены. В некоторых браузерах запуск одного проигрывателя прерывает работу другого. С помощью ключа<strong>autopause=0</strong>можно отключить это ограничение.</p>
144
<p>А вот полное отключение интерфейса видеопроигрывателя можно активировать лишь на платном тарифе, причём только в настройках вашего видео в самом Vimeo.</p>
148
<p>А вот полное отключение интерфейса видеопроигрывателя можно активировать лишь на платном тарифе, причём только в настройках вашего видео в самом Vimeo.</p>
145
<p>Ключи можно добавлять друг за другом подряд, но чтобы они работали, вводите между ними<strong></strong>символ<strong>амперсанд</strong> - вставляйте его как запятую между ключами без пробелов.</p>
149
<p>Ключи можно добавлять друг за другом подряд, но чтобы они работали, вводите между ними<strong></strong>символ<strong>амперсанд</strong> - вставляйте его как запятую между ключами без пробелов.</p>
146
Пример добавления ключей во время встраивания видео<em>Скриншот: Tony Yemelyanov / Behance / Skillbox Media</em><p>Экран смартфона не идеальное пространство, чтобы полноценно насладиться классным кейсом, но некоторых пользователей это не останавливает.</p>
150
Пример добавления ключей во время встраивания видео<em>Скриншот: Tony Yemelyanov / Behance / Skillbox Media</em><p>Экран смартфона не идеальное пространство, чтобы полноценно насладиться классным кейсом, но некоторых пользователей это не останавливает.</p>
147
<p>Обязательно проверяйте свои кейсы в браузере на мобильном устройстве или в мобильном приложении Behance. Это особенно критично, если в вашем проекте есть блоки с сеткой изображений, потому что в адаптивной версии изображения переносятся на следующую строку и вид вашего проекта может получиться не таким, как вы задумали.</p>
151
<p>Обязательно проверяйте свои кейсы в браузере на мобильном устройстве или в мобильном приложении Behance. Это особенно критично, если в вашем проекте есть блоки с сеткой изображений, потому что в адаптивной версии изображения переносятся на следующую строку и вид вашего проекта может получиться не таким, как вы задумали.</p>
148
-
<p>1. Презентуйте на Behance только значимые кейсы, а не все подряд:</p>
152
+
<p>1. Презентуйте на Behance только значимые кейсы, а не все подряд.</p>
149
<ul><li>Не каждый проект имеет смысл оформлять в кейс.</li>
153
<ul><li>Не каждый проект имеет смысл оформлять в кейс.</li>
150
<li>Каждый кейс должен привносить что-то новое в портфолио.</li>
154
<li>Каждый кейс должен привносить что-то новое в портфолио.</li>
151
<li>Не каждый проект, который вы презентуете, должен иметь реального заказчика.</li>
155
<li>Не каждый проект, который вы презентуете, должен иметь реального заказчика.</li>
152
-
</ul><p>2. Не забывайте, что Behance-кейс - это презентация<strong>процесса</strong>работы над проектом с демонстрацией результата:</p>
156
+
</ul><p>2. Не забывайте, что Behance-кейс - это презентация<strong>процесса</strong>работы над проектом с демонстрацией результата.</p>
153
<ul><li>Собирайте и сохраняйте материалы для кейса с самого начала работы над дизайн-проектом, чтобы сэкономить время.</li>
157
<ul><li>Собирайте и сохраняйте материалы для кейса с самого начала работы над дизайн-проектом, чтобы сэкономить время.</li>
154
<li>Зрителю должно быть понятно, о чём ваш кейс и какую задачу вы решали в проекте.</li>
158
<li>Зрителю должно быть понятно, о чём ваш кейс и какую задачу вы решали в проекте.</li>
155
-
</ul><p>3. Помните о технических нюансах:</p>
159
+
</ul><p>3. Помните о технических нюансах.</p>
156
<ul><li>Кейс строится из отдельных небольших блоков, а не из одной или нескольких длинных картинок.</li>
160
<ul><li>Кейс строится из отдельных небольших блоков, а не из одной или нескольких длинных картинок.</li>
157
<li>Стремитесь к общей длине в 15 000-25 000 пикселей.</li>
161
<li>Стремитесь к общей длине в 15 000-25 000 пикселей.</li>
158
</ul><p>4. Насыщайте кейс закулисными деталями и добавляйте анимацию и видео, чтобы разнообразить статичный контент.</p>
162
</ul><p>4. Насыщайте кейс закулисными деталями и добавляйте анимацию и видео, чтобы разнообразить статичный контент.</p>
159
<a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>
163
<a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>