HTML Diff
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 &amp; 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 &amp; 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>