Технічні вимоги до дизайну кастомних сертифікатів

Тут ми зібрали всю необхідну інформацію для дизайну кастомних сертифікатів в AcademyOcean.

Ця стаття призначена для допомоги у постановці завдань дизайнерам, які працюватимуть з матеріалами для академій.

Якщо у вас виникнуть будь-які запитання – сміливо пишіть нам, і ми з радістю все пояснимо та допоможемо розібратися.

🔧 Основні технічні вимоги

Параметр Опис
Розмір макета, px 1652 x 1092
Формат файлу SVG (рекомендовано — Figma)
Попередній перегляд PNG або JPEG
Обовʼязкові динамічні поля

1. Ім’я учня

2. Назва курсу

Необов'язкові динамічні поля

1. Посилання на верифікацію

2. Опис курсу

3. Дата отримання сертификата

4. Бал за курс/групу курсів

Шрифти для усіх елементів (ім’я/назва курсу, дата тощо)

1. PT Serif

2. Roboto

3. Montserrat

4. Шрифти з бібліотеки Google Fonts

Файл з текстами на сертифікаті Будь ласка, надайте окремий текстовий файл, який містить усі тексти кастомного сертифіката. Динамічні поля (тобто ті, що будуть змінюватися для кожного учня) мають бути виділені у цьому файлі

📅 Форматування елементів

📌 Дата отримання сертифіката

  • Формат має бути у вигляді: дд.мм.рррр (наприклад, 24.01.2025)

📌 Назва курсу

  • Вирівнювання може бути по центру, лівому або правому краю
  • Назву бажано оформлювати в один рядок
  • Дозволено автоматичне перенесення лише якщо текст не вміщується в один рядок
  • Текст не можна довільно переносити на новий рядок після імені чи конкретної букви
  • Можливе додавання лапок чи інших елементів до/після тексту

📌 Ім’я та прізвище учня

  • Можливе розташування у наступному порядку: First Name Last Name
  • Вирівнювання може бути по центру, лівому або правому краю
  • Один пробіл між ім’ям та прізвищем
  • Ім’я та прізвище мають бути в одному рядку, якщо вміщується
  • Перенесення можливе лише у разі недостатнього простору
  • Текст не можна довільно переносити на новий рядок після імені чи конкретної букви
  • Можливе додавання лапок чи інших елементів до/після тексту

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

Чи знайшли ви відповідь на ваше запитання? Дякуємо за відгук Під час надсилання відгуку виникла проблема. Будь-ласка спробуйте пізніше.