Favicon dla Strony (w stylu Udemy)
1. Gdzie i w jakim celu planujesz używać ikony?
• Favicon dla strony
• Ikona dla aplikacji mobilnej (jeśli będzie potrzebna w przyszłości)
• Może być używana w mediach społecznościowych i na materiałach promocyjnych
2. Co powinno być przedstawione na ikonie?
• Litera “P”
• Symbol wzrostu, nauki (na przykład strzałka w górę, jak w Udemy)
• Minimalistyczny i zrozumiały design
3. Czy ikona powinna zawierać tekst?
• Nie, poza literą “P”
4. Czy masz firmowy styl, logo?
• Obecnie nie ma ostatecznej wersji, ale trzeba zrobić favicon w stylu Udemy
5. Czy należy używać ich kolorystyki, elementów, czcionki?
• Tak, inspirować się stylem Udemy
• Gradientowe fioletowe/niebieskie odcienie
• Minimalizm, czyste linie
6. Jaki powinien być styl ikony?
✅ płaski
✅ przestrzenny (lekkie gradienty, jak w Udemy)
❌ pixel-art
❌ artystyczny
❌ fotograficzny
7. Czy są wymagania dotyczące kształtu ikony?
✅ kwadratowa (dla favicon i mobilnego UI)
✅ zaokrąglone krawędzie (jak w nowoczesnych aplikacjach)
❌ okrągła
❌ prostokątna
8. Jakiego rozmiaru potrzebna jest ikona?
• Formaty: .ico, .png, .svg
• Rozmiary:
• 16x16 px (favicon)
• 32x32 px
• 512x512 px (dla urządzeń mobilnych i mediów społecznościowych)
9. Czy jest obraz otoczenia ikony (część interfejsu)?
• Umieszczana w pasku adresu przeglądarki, na karcie, w wynikach wyszukiwania Google
10. Czy możesz podać przykłady ikon, które Ci się podobają?
• Udemy favicon
• Coursera favicon
• Duolingo (styl, minimalizm)
11. Podaj wszelkie dodatkowe informacje, które uważasz za ważne.
• Design powinien pozwolić na napisanie tekstu po faviconie (w Udemy favicon to pierwsza litera ich logo, składającego się z tekstu i strzałki w górę, zobacz przykład). Pełny tekst Prismia
• Design powinien być rozpoznawalny i wyraźny nawet w małych rozmiarach
• Powinien różnić się od Udemy, ale pozostać w tym samym stylu
• Trzeba stworzyć warianty z różnymi rozwiązaniami kolorystycznymi do testowania
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, но оставаться в этом же стиле
• Нужно создать варианты с разными цветовыми решениями для тестирования