Favicon для Сайту (в дусі Udemy)

1. Де і в якості чого ви плануєте використовувати іконку?

    •    Favicon для сайту

    •    Іконка для мобільного додатку (якщо знадобиться в майбутньому)

    •    Може використовуватися в соцмережах і на промоматеріалах

2. Що повинно бути зображено на іконці?

    •    Літера “P” 

    •    Символ зростання, навчання (наприклад, стрілка вгору, як у Udemy)

    •    Мінімалістичний і зрозумілий дизайн

3. Чи повинна іконка містити текст?

    •    Ні, крім літери “P” 

4. Чи є у вас фірмовий стиль, логотип?

    •    Зараз немає остаточної версії, але потрібно зробити favicon в стилі Udemy

5. Чи потрібно використовувати їх кольорову гаму, елементи, шрифт?

    •    Так, надихатися стилем Udemy

    •    Градієнтні фіолетові/сині відтінки

    •    Мінімалізм, чисті лінії

6. Яким повинен бути стиль іконки?

✅ плоский

✅ об'ємний (легкі градієнти, як у Udemy)

❌ піксель-арт

❌ художній

❌ фотографічний

7. Чи є вимоги по формі іконки?

✅ квадратна (для favicon і мобільного UI)

✅ закруглені краї (як у сучасних додатках)

❌ кругла

❌ прямокутна

8. Якого розміру необхідна іконка?

    •    Формати: .ico, .png, .svg

    •    Розміри:

    •    16x16 px (favicon)

    •    32x32 px

    •    512x512 px (для мобільних пристроїв і соцмереж)

9. Чи є зображення оточення іконки (частина інтерфейсу)?

    •    Розміщується в адресному рядку браузера, на вкладці, в пошуковій видачі Google

10. Можете навести приклади сподобалися вам іконок?

    •    Udemy favicon

    •    Coursera favicon

    •    Duolingo (стиль, мінімалізм)

11. Вкажіть будь-яку додаткову інформацію, яку ви вважаєте важливою.

    •    Дизайн повинен дозволити написати текст після фавікону (у Udemy фавікон - це перша літера їх логотипу, що складається з тексту і стрілки вгору, дивіться приклад). Повний текст Prismia

    •    Дизайн повинен бути впізнаваним і чітким навіть у маленьких розмірах

    •    Повинен відрізнятися від Udemy, але залишатися в цьому ж стилі

    •    Потрібно створити варіанти з різними кольоровими рішеннями для тестування

1. Где и в качестве чего вы планируете использовать иконку?

    •    Favicon для сайта

    •    Иконка для мобильного приложения (если потребуется в будущем)

    •    Может использоваться в соцсетях и на промоматериалах

2. Что должно быть изображено на иконке?

    •    Буква “P” 

    •    Символ роста, обучения (например, стрелка вверх, как у Udemy)

    •    Минималистичный и понятный дизайн

3. Должна ли иконка содержать текст?

    •    Нет, кроме буквы “P” 

4. Есть ли у вас фирменный стиль, логотип?

    •    Сейчас нет окончательной версии, но нужно сделать favicon в стиле Udemy

5. Необходимо ли использовать их цветовую гамму, элементы, шрифт?

    •    Да, вдохновляться стилем Udemy

    •    Градиентные фиолетовые/синие оттенки

    •    Минимализм, чистые линии

6. Каким должен быть стиль иконки?

✅ плоский

✅ объемный (легкие градиенты, как у Udemy)

❌ пиксель-арт

❌ художественный

❌ фотографический

7. Есть ли требования по форме иконки?

✅ квадратная (для favicon и мобильного UI)

✅ закругленные края (как у современных приложений)

❌ круглая

❌ прямоугольная

8. Какого размера необходима иконка?

    •    Форматы: .ico, .png, .svg

    •    Размеры:

    •    16x16 px (favicon)

    •    32x32 px

    •    512x512 px (для мобильных устройств и соцсетей)

9. Есть ли изображение окружения иконки (часть интерфейса)?

    •    Размещается в адресной строке браузера, на вкладке, в поисковой выдаче Google

10. Можете привести примеры понравившихся вам иконок?

    •    Udemy favicon

    •    Coursera favicon

    •    Duolingo (стиль, минимализм)

11. Укажите любую дополнительную информацию, которую вы считаете важной.

    •    Дизайн должен позволить написать текст после фавикона (у Udemy фавикон - это первая буква их логотипа, состоящего из текста и стрелки вверх, смотрите пример). Полный текст Prismia

    •    Дизайн должен быть узнаваемым и четким даже в маленьких размерах

    •    Должен отличаться от Udemy, но оставаться в этом же стиле

    •    Нужно создать варианты с разными цветовыми решениями для тестирования