Уявіть етикетку з назвою товару “Lemon Tea”.
Він акуратно розміщується в одному рядку. Під ним є достатньо місця. Невеликий значок врівноважує композицію. Кожен бачить напрямок, і макет затверджено.
Тоді надходить файл із контентом.
“Lemon, Ginger and Wildflower Herbal Infusion.”
Заголовок потребує трьох рядків. Значок виглядає загубленим. Панель з деталями занадто близько до останнього слова.
Обидві назви вигадані. Але якщо ви готуєте макети, вам може бути знайомий післяобідній сценарій, що настає далі.
Швидке виправлення змінює не лише розмір шрифту
Ви зменшуєте розмір заголовка. Він вміщується, але назва продукту втратила свою вагу. Переміщення значка залишає незручний проміжок поруч із зображенням.
Оператор чекає на придатний до використання файл. Менеджер бренду дивується, чому затверджений макет потребує ще роботи. Цей короткий зразок не показав, скільки варіацій має витримати дизайн.
Перш ніж настане наступний перегляд, ви вирішуєте самі знайти цю межу.
Додайте до макета кілька незручних гостей
Залиште “Lemon Tea” як орієнтир. Додайте довгу назву, насичений опис і версію без необов’язкового значка.
Назва перевіряє область заголовка. Абзац перевіряє простір унизу. Відсутній значок показує, чи не виглядає отвір, який він лишає, дивно.
Це макетні дані: вигадана інформація, яку використовують для тестування. Напишіть її самі або підготуйте разом із контент-командою. Обирайте складні приклади, які цілком можуть з’явитися в реальному завданні.
Співробітник із контенту бачить дещо інше
Покажіть приклади людині, яка надає тексти. Вона пояснює, що назву продукту не можна скорочувати. Супровідне речення може змінюватися, але потребує погодження. Одній упаковці також знадобиться друга мова.
Тепер ви можете разом ухвалювати рішення, дивлячись на фактично доступний простір.
Узгодьте назви для контенту: назва продукту, опис, вага та мова. Використовуйте ті самі стовпці або поля електронної таблиці для обох зразкових і фінальних даних. Згодом заміна значень не означатиме повторного під’єднання кожного текстового блока.
Прийміть одне рішення, яке наступна версія зможе використати знову
Випробувавши приклади, дизайнер дозволяє заголовку два рядки за узгодженого розміру. Панель із деталями може зміститися вниз, зберігаючи той самий проміжок. Усе, що довше, потребує окремого перегляду, зокрема й ту назву трав’яного настою в три рядки.
Адаптивний макет використовує заздалегідь підготовлені правила, щоб реагувати на контент. Дизайнер обирає поведінку; особа, яка готує скрипт, перетворює її на інструкції, які програмне забезпечення може повторювати. Довша назва може змістити панель вниз, але узгоджений проміжок залишається тим самим. Це передбачуваний результат: ви знаєте, як має реагувати макет і на що потрібно звернути увагу.
Порівняйте звичайну та складну версії у друкованому розмірі. Чи читається найдрібніший текст? Чи все ще виділяється назва продукту? Покажіть обидві версії на перегляді, включно з тією, що перевищує ліміт.
Тепер оператор має приклади того, що працює, і коли слід звертатися по допомогу.
Коли надходить фінальна таблиця
У Paqira ви можете ввести зразковий контент або імпортувати його з CSV чи Excel. Підготовлені Design Script використовують цей контент для створення або оновлення Illustrator artwork. Комусь потрібно створити й протестувати скрипт, перш ніж команда зможе повторно його використовувати.
Вигадані елементи слід чітко позначати та відокремлювати від виробничих. Коли надійде остаточна таблиця, імпортуйте перевірені значення, Відкиньте зразки та перевірте реальні результати. Остаточне формулювання може все ж виявити те, що ваші тести пропустили.
Збережіть також цей незручний зразок. Запустіть його знову, коли зміниться шрифт або шаблон.
Перед наступною презентацією спробуйте довшу, переконливішу назву. Раннє виявлення обмеження дає команді час узгодити рішення. Коли надходить остаточний контент, оператор має перевірений зразок, яким може керуватися, і знає, коли звертатися за допомогою до дизайнера.
Детальніше див. Посібник Paqira з дизайну до отримання остаточного тексту.