Август 15, 2021 Запись была обновлена
Страница 404 для сайта — какой дизайн сделать для страницы 404
Страница 404 для сайта нужна для того, чтобы показать посетителю что он обратился не по адресу. Разные веб-мастера по-разному относятся к дизайну таких страниц. Одни учитывают абсолютно все мелочи на сайте и создают красивые и оригинальные страницы 404 для сайта.
Узнай подробнее о профессии UX/UI дизайнер, пройди обучение и создавай крутые дизайн для сайтов и мобильных приложений!
Я считаю, что каждый сам выбирает нужен ли дизайн для страницы 404 делать очень необычным или можно просто написать текст, который говорит посетителю что такой страницы на сайте нет. И для тех, кто всё же решил сделать свою страницу более креативной я сделал подборку разнообразных страниц 404 у различных интернет-проектов.
Вам будет интересно:
- 7 сайтов для создания GIF анимации онлайн — создание GIF
- 8 CSS редакторов
- 8 сервисов для оптимизации изображений
Ниже представлено 24 разнообразных вариантов страницы 404 для сайта. Посмотрите их все, и, возможно, в процессе просмотра у Вас возникнет такое чувство — «вот, именно такая мне нужна!» и Вы понравится структура страницы, которую останется лишь реализовать.
1. Weirdsgn.com
2. Info for families
3. TinyCarrier
4. TrackMaven
5. WooThemes
6. edu(k)ate
7. R&Co
8. Aquest
9. Fork CMS
10. Bellstrike
11. Jackrabbit
12. Meetodo
13. Klout
14. Signum
15. BrandCrowd
16. Fullscreen
17. This by them
18. Bret Victor
19. Tripomatic
20. Iconfinder
21. CoolApps(e)
22. y Travel Blog
23. Salt City Builds
24. Use Panda
Вывод
Как Вы могли заметить, в некоторых примерах (в 1-м и 11-м) присутствует параллакс эффект (он реагирует на перемещения курсора мыши).
Все примеры действительно выглядят очень креативно. Возможно, сделаю еще и вторую подборку страниц 404 для сайта. Их очень много. Как видите, такие большие интернет-проекты как Iconfinder, к примеру, следят за тем, чтобы всё было идеально и даже страница 404. В этой подборке очень много цветных и веселых страниц 404, а в следующий раз я попробую найти страницы с фоновым изображением, которые намного проще сделать абсолютно любому владельцу сайта.
Успехов!
С Уважением, Юрий Немец
Еще материалы по этой теме
Спасибо за ваше обращение!
Мы свяжемся с вами в течение 2-х часов (график работы: пн-пт, с 10 до 19)
Юр, привет! А как их можно установить к себе на сайт?
Привет, Никита! Чтобы сделать свой дизайн страницы 404 необходимо редактировать файл (если сайт на WordPress) 404.php, который находится в папке с твоей темой. В основном весь дизайн этой страницы состоит в том, чтобы поставить изображение на фон и написать какой-нибудь текст, например, «Перейти на главную».
Как поставить изображение на фон в CSS можно посмотреть в этом уроке: Урок 13. Работа с изображениями — Часть 1
Классно! Спасибо за урок! Добавил в избранное)
Спасибо Юрий за классную подборку дизайна 404 страницы.
Все никак к своей не доберусь, а надо уже. 😎 😎
Ну не видела я сайта лучше!
Весь сайт просто завораживает. Восхищена. Лучшие комплименты Ваши.
Уроки создавайте.
Спасибо. Попробуем изменить на что-то иное и нашу страницу.