Skip to main content

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

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

Solomiia avatar
Written by Solomiia
Updated over 2 weeks ago

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

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

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

Параметр

Опис

Розмір макета, 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-коду у разі некоректного сканування

Did this answer your question?