Зображення курсу Udemy: портрет, що пройде перевірку

У зображення вашого курсу два завдання: пройти перевірку якості Udemy, а потім вижити в півдесятка різних розмірів — на всю ширину сторінки курсу, карткою в сітці пошуку, вузькою смужкою у списку «Моє навчання». Чимало відхилених зображень провалюють перше завдання з причин, які до дизайну не мають жодного стосунку.

Рецензенти йдуть за чеклистом, а не за смаком. Правила, які публікує Udemy, збираються навколо кількох речей: текстова інформація на зображенні, розмита, пікселізована чи спотворена графіка, зображення, вже використане в іншому вашому курсі, а також рамки, обідки й чорні смуги по краях. Простота теж у цьому списку — стандарти вимагають обмежити кількість візуальних елементів і деталей, бо елементи, що змагаються між собою, збивають з пантелику. Будь-що з переліченого поверне курс на доопрацювання; перечитайте стандарти рядок за рядком, а не вгадуйте, чого від дизайну хочуть.

Спершу закрийте питання зі специфікаціями. Udemy публікує мінімальний і максимальний розміри замість одного фіксованого, а разом з ними — прийнятні формати файлів, у статті довідкового центру «Course image: Quality standards». Розміри, переписані зі старого допису в блозі, дають відмову, поки ви шукаєте в графіці проблему, якої там ніколи не було.

Що саме перевіряють

Чотири речі спливають раз за разом:

• Написи будь-якого штибу. Стандарти не допускають текстової інформації, окрім обмежених винятків на кшталт логотипа — назву курсу теж. «Бестселер», «−50%», рейтинг у зірках, самостійно намальований бейдж: правило однакове для всього.
• Знаки, які вам не належать. Логотип програми, якої ви навчаєте, словесна марка компанії. Ваш власний логотип — задокументований виняток; щодо чужих брендів Udemy радить порадитися з юристом і переконатися, що вміст курсу відповідає розділу 6 Умов для викладачів.
• Контакти. Сайт, нікнейм, адреса електронної пошти. Стандарти не згадують їх окремо, але це текст — тож їх ловить те саме правило.
• Помітні проблеми з якістю. М'який фокус, артефакти стиснення, елемент, розтягнутий понад розмір, у якому його знято. Стандарти вимагають чіткої графіки без спотворень.

Далі зменште чернетку до розміру мініатюри. Якщо вона перетворюється на пляму — провалене друге завдання, а рятувати її написами означає провалити перше.

Компоновка, яка працює безвідмовно

Формат, що витримує весь діапазон розмірів, — простий до неможливого: ви, вирізані з живої фотографії, на однотонному або двоколірному фоні, і більше нічого. Жодних рамок, колажів, метушливих стокових сцен. Коли з кадру прибрано кожен рядок тексту, картинка тягне роботу самотужки. Один центр уваги належить до рекомендацій Udemy, а не до вимог; портрет дає його задарма.

Морочливий крок — відділити себе від стіни кімнати за спиною. Завантажте фото на remover.bg і дайте йому вирізати фон разом із неслухняними пасмами; далі або підставте суцільний колір, або експортуйте прозорий PNG і розмістіть його у своєму редакторі, де вже й вирішуються розмір та положення.

Не піддавайтеся спокусі повернути текст: назва курсу й так стоїть поруч із зображенням усюди, де воно з'являється.

Зніміть вихідне фото так, щоб вирізка вдалася

Телефона біля вікна достатньо. Кілька дрібниць вирішують, чи вийде край чистим.

• Станьте за метр від стіни. Впритул до неї плечі підбирають тінь, яка зчитується як частина вас.
• Тримайте волосся на тлі іншого тону. Темне волосся на темній книжковій шафі — найважчий випадок; світла стіна відділяє ту саму голову миттєво.
• Поверніться до світла. Контрове освітлення пробиває крізь пухнасте волосся яскравий обідок, який доживає до вирізки.

Наш гайд «Професійне фото профілю вдома — без студії» описує ту саму схему.

Як зберегти чисті краї після стиснення

Зображення на маркетплейсах багато разів перекодовуються й зменшуються, і кожен такий прохід підкреслює облямівку, непомітну в повному розмірі: бліде гало, що на розмірі картки виглядає як дешева наліпка. Огляньте лінію волосся на 100% ще до збірки макета й підберіть колір фону, близький за світлотою до початкової стіни.

Тримайте вирізку в PNG, щоб прозорість пережила етап верстки; наш гайд про прозорі PNG розповідає, де альфа-канал зводиться випадково. М'яка тінь за плечима потім садить фігуру на колір, замість того щоб вона висіла перед ним.

Як зробити з каталогу серію

Опублікуйте другий і третій курси — і слухачі, яким сподобався один, переглянуть ваш профіль; спільна візуальна система читається як навчальна програма, а не як три випадкові завантаження.

Ухваліть рішення один раз: однакова обробка фону, однакова логіка акцентного кольору для кожної тематичної родини, однакове кадрування. Тримайте обличчя ближче до центру — на мобільних Udemy обрізає зображення, а її стандарти вимагають, щоб обрізаний варіант теж працював, тож фігура, зсунута до краю, зникає першою. Зніміть усі портрети за один раз, а потім змінюйте позу й акцентний колір під кожен курс. Аргументи на користь фото команди в єдиному стилі — це аргументи й для вашого власного каталогу.

Перед завантаженням

Подивіться на файл у тому розмірі, у якому його зустріне слухач: карткою в сітці, а не банером на вашому моніторі. Якщо обличчя там читається, а фон лишається однією чистою плямою — графіка працює. Далі звіртеся з опублікованими розмірами й форматами: та частина, від якої жоден дизайн не рятує.