Изображения 60,62k
Коллекция 1
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
jcomp
-
Добавить в коллекцию -
Нравится
pikisuperstar
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
mazharul1
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
MoNp
-
Добавить в коллекцию -
Нравится
pikisuperstar
-
Добавить в коллекцию -
Нравится
user11898798
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
pikisuperstar
-
Добавить в коллекцию -
Нравится
Siridhata
-
Добавить в коллекцию -
Нравится
vectorpouch
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
SilviaNatalia
-
Добавить в коллекцию -
Нравится
nutcracker
-
Добавить в коллекцию -
Нравится
alexsahon
-
Добавить в коллекцию -
Нравится
darthvector
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
pikisuperstar
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
upklyak
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
bamdewanto
-
Добавить в коллекцию -
Нравится
freepik
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
ibnuinu
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
jcomp
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
arturch
-
Добавить в коллекцию -
Нравится
storyset
-
Добавить в коллекцию -
Нравится
freepik
-
Ошибка сбоя цветового градиента
-
Ошибка неисправности в стиле смещенной деформации 404
-
404 не нашли посадку шаблон страницы
-
Ошибка 404 не найдена эффект сбоя веб страницы в Интернете
-
шаблон интернет баннера с эффектом сбоя ошибка страницы пиксельная графика сбой элемент 404 не найден
-
404 не найден или концепция плоской линии ошибки страницы
-
ошибка 404 не найден неоновый эффект
-
ошибка 404 не найден эффект сбоя
-
красочный неоновый глюк 404 текст
-
синий циан 404 ошибка дизайн страницы
-
ошибок 404
-
связи ошибка интернет интернет икона в тонких потерял регула
-
ошибка треугольника 404 глюк границы дизайна
-
ошибка страницы 404
-
404 милые звездные сети без сетевого звена ошибка коммерческого элемента
-
связи ошибка интернет значок вектор интернет линии потерял
-
404 ошибка иллюстрации вектор на белом фоне
-
2 5d404 художественное слово дизайн сцены элемента
-
символ ошибки оповещения дежурства значок векторный дизайн
-
страница не найдена ошибка 404 концепция с людьми пытающимися исправить ошибку на странице сайта рядом с большим символом 404 можно использовать для веб баннера инфографика целевая страница шаблон сайта плоский векторные иллюстрации
-
рисованной мультфильм почесывая голову показывая желтый робот с кодом ошибки 404
-
неон ошибки 404
-
Ошибка 404 Страница Не Найдена
-
ошибка 404 страница не найдена веб сайт
-
треугольник ошибка 404 глюк границы прозрачный дизайн
-
плоская ошибка 404 страницы веб сайта
-
ошибка 404 с концепцией сломанной линии электропередач png изображения
-
Эффект сбоя в стиле ошибки 404 страницы
-
Мультяшный рисованной компьютерной ошибки 404 иллюстрации
-
ошибка 404 в стадии строительства знак 3d значок сайт баннер концепция
-
ошибка 404 эффект сбоя
-
Сообщение об ошибке 404
-
ошибка 404 не найден эффект сбоя
-
Интернет отключен ошибка 404 страница не найдена
-
страница не найдена ошибка 404 Концепция целевой страницы
-
Веб страница Возврат 404 Ошибка ошибки кода ошибки 404
-
ошибка 404 с элементом вектора границы сбоя круга
-
Страница ошибки 404 не найдена
-
Мода прохладный стиль ошибка ошибки 404
-
Ошибка 404 или не найден значок кнопки на сером фоне
-
Страница ошибки 404 не найдена
-
Рисованной бизнес компьютер ошибка 404 иллюстрации
-
Ошибка белого цвета ошибка 404 стр
-
Ошибка 404 Страница Не Найдена
-
Космическая планета астронавт ошибка 404
-
ошибка 404 глюк страница не
-
Бизнес веб ошибка 404 концепции иллюстрации
-
Ошибка ошибки 404 страницы
-
ошибка 404 png
-
Ошибка 404 Страница Не Найдена
-
Ошибка 404 страница
-
ошибка 404 страницы игры
-
Ошибка 404 веб страница не найдена вектор
-
страница не найдена ошибка 404 на глючном фоне экрана
-
Интернет страница ошибка 404 концепции иллюстрации
-
ошибка 404 глюк границы вектор прозрачный дизайн
-
ошибка 404 в стадии строительства знак 3d значок сайт баннер концепция
-
страница не найдена или ошибка 404 веб сайта
-
Ошибка 404 Страница Не Найдена
-
Ошибка 404 Страница Не Найдена
-
Ошибка 404 Страница Не Найдена
-
Робот с ошибкой 404 веб страницы
-
Мультяшный рисованной компьютер ошибка 404 увеличительное стекло иллюстрации
-
Иллюстрация ошибки 404 png страница не найдена
-
Ошибка 404 ошибка арт страница отсутствует
-
ошибка 404 схеме росписью
-
Иллюстрация концепции страницы ошибки 404 в Интернете
Error 404 page not found
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Error 404 page
Illustration
Website Error 404. Page Not Found.
Illustration
404 page
Illustration
404 page
Illustration
Error 404
Illustration
error 404
Illustration
Developer solving error 404
Illustration
Unable to connect error
Illustration
Page Not Found
Illustration
Error 404 web page on tablet
Illustration
Error 404 web page on tablet
Illustration
Error 404 web page on tablet
Illustration
Woman experiencing technical problems with laptop
Illustration
Man experiencing technical problems with laptop
Illustration
Cat and dog waiting video to buffer
Illustration
Cat in Empty cart
Illustration
Dog teases the cat key
Illustration
Dog sees submarine
Illustration
Dog rejoices at gifts
Illustration
Dog opens the door for the cat
Illustration
Dog is looking for a cat under the carpet
Illustration
Dog forgot his computer password
Illustration
Dog and the cat go on the map
Illustration
Dog and cat sleeping
Illustration
Dog and cat paint the fence
Illustration
Dog and cat lost in the desert
Illustration
Dog and cat looking into the distance
Illustration
Dog and cat looking for money in a purse
Illustration
Cat was locked up
Illustration
Cat stole the phone from the dog
Illustration
Cat stole sausages from the plate
Illustration
Cat sits on the dog
Illustration
Cat reaches for the bell
Illustration
Cat peeks into the laptop
Illustration
Cat looks through a magnifying glass
Illustration
Cat is trying to open the safe
Illustration
Cat is playing with the prelauder
Illustration
Cat is hanging from a limb from a tree
Illustration
Cat hid in the mailbox
Illustration
Cat helps fix the dog’s breakage
Illustration
Cat climbed upstairs with a bell
Illustration
Cat chewed through the wires
Illustration
Cat broke a flowerpot
Illustration
Cat asks the dog for food
Illustration
Error 404 unavailable web page
Illustration
404 error page
Illustration
404 Error page not found
Illustration
Error 404 unavailable web page
Illustration
404 Error page
Illustration
404 error page
Illustration
404 Error page
Illustration
404 page error
Illustration
404 Error Page
Illustration
404 page error
Illustration
404 Error Page
Illustration
404 Error Page
Illustration
404 error page
Illustration
404 Error Page
Illustration
404 Error Page
Illustration
404 page error
Illustration
404 Page error
Illustration
404 error page not found
Illustration
404 error page not found
Illustration
404 error page not found
Illustration
404 error page
Illustration
404 error page
Illustration
Error page 404
Illustration
Web page warning of 404 error
Illustration
Woman Frustrated with 404 Error
Illustration
Man Frustrated with 404 Error
Illustration
404 error
Illustration
404 Error
Illustration
Connection Error
Illustration
Network Error
Illustration
Network Error
Illustration
404 Network Warning
Illustration
Business Under Maintenance
Illustration
Hand Come Out With 404 Error
Illustration
System Warning
Illustration
System Error
Illustration
Network Error
Illustration
Internet Error
Illustration
Man try to fix a broken website
Illustration
page not found
Illustration
Man getting 404 error
Illustration
404 Error message
Illustration
404 Error
Illustration
404 Error
Illustration
Page Not Found
Illustration
404 Error
Illustration
404 Error
Illustration
Connection Lost
Illustration
Empty Page
Illustration
404 Error
Illustration
Page Not Found
Illustration
404 Error
Illustration
404 Error
Illustration
Page Not Found
Illustration
404 Error
Illustration
Page Not Found
Illustration
404 Error
Illustration
Page Not Found
Illustration
404 Error
Illustration
Broken Connection
Illustration
Error page
Illustration
Oops page not found
Illustration
Page Not Found
Illustration
Page not found
Illustration
Why Am I Here
Illustration
Maintenance
Illustration
Location Lost from map
Illustration
Broken Cycle handle
Illustration
Internet Connection Lost
Illustration
-
-
404 Error — 3D Illustration
Like
-
Empty State Illustration
Like
-
-
-
-
Search Not Found Illustration
Like
-
-
404 — Web Page Error UI Illustration
Like
-
-
-
-
-
-
404 — Error Page with 3D and Animation
Like
-
404 — Web page error
Like
-
-
Illustrations for Error Pages
Like
-
-
-
404 page — Untitled UI
Like
-
404 — Web Design with Illustration
Like
-
404 page — Untitled UI
Like
-
Loading more…
404 Error Vector Images
—
3,833
royalty free vector graphics and illustrations matching 404 Error
Filters
of 39
Click to view uploads for {{user_display_name}}
{{user_display_name}}
Bookmark icon
Intersect icon
Popular Searches
-
cat
-
jersey
-
car
-
russia day
Related Searches
- 404
- error
- page
- vector
- illustration
- text
- internet
- icons
- failure
- message
- web
- oops
- website
- background
- concept
- error icon
- design elements
- information
- design
- service
- found
- graphic
- alert
- not
- warning
- template
- isolated
- symbol
- white
- bug
- problem
Next Page
of 39
Работая над дизайном сайта, стоит учитывать все возможности лишний раз зацепить внимание пользователя. Одним из таких способов является креативная страница ошибки 404. Изначально ее цель – оповестить пользователя о том, что URL, по которому он переходил, отсутствует и вернуть его на сайт. Конечно, можно оставить стандартную страницу и не тратить время на проработку идеи и создание дизайна. Однако наличие красочной страницы, цепляющей внимание, поможет сгладить впечатления от того, что пользователь «потерялся», не смог найти то, что искал.
В идеале страница 404 ошибки должна не только сообщить пользователю, что произошло, но и предложить альтернативу: главную страницу или другой часто посещаемый раздел сайта. Чтобы не потерять клиента или читателя, вам стоит продумать концепцию страницы и приложить усилия для разработки. А вдохновение предлагаем поискать в нашей подборке.
В качестве бонуса в конце статьи вы также найдете советы по оформлению страницы 404.
Purée Maison
Purée Maison – французское креативное агентство, специализирующееся на коммуникационных стратегиях. Персонаж со страницы ошибки 404 нарисован в фирменном стиле сайта и также встречается на страницах загрузки.
Pixar
Не плачь, это всего лишь ошибка 404. То, что ты ищешь, могло переместиться в долгосрочную память.
На странице ошибки 404 мультипликационной студии Pixar Печаль из мультфильма «Головоломка» приняла ошибку слишком близко к сердцу. Хороший пример тематической страницы: персонаж известен многим, кто знаком с творчеством компании.
Marvel
Страница не найдена. Даже глаз Уату не видит ваш запрос.
Главным героем страницы ошибки 404 Marvel стал персонаж вселенной Наблюдателя. Поскольку Уату – не такой уж хороший наблюдатель, в Marvel решили, что глаза, следующего за курсором, недостаточно и расположили его рядом с Черной вдовой.
Matteo Vandelli
Креативные страницы 404 нужны не только крупным известным брендам. Страница итальянского графического дизайнера Маттео Ванделли – одна из работ его портфолио. Зайдите на нее, проведите мышкой и посмотрите, что будет.
20th Century Fox
То, на что вы смотрите, могло уже быть перемещено. Если вы, конечно, не ищете «Офисное пространство».
Киностудия 20th Century Fox вместо страницы с ошибкой 404 выдает кадры из своих фильмов, среди которых «Эдвард Руки-ножницы», «Офисное пространство», «Месть полудурков», «Наполеон Динамит» и другие. Забавно, что на момент написания статьи при попытке кликнуть по тексту пользователя перебрасывало на другую, менее креативную страницу ошибки 404.
Cloud Sigma
О, вы нашли домашнюю страницу нашего junior-разработчика. Даже спя на диване целыми днями, он иногда находит время немного покодить…
Cloud Sigma – облачное хранилище. На странице – немного юмора и кнопка, ведущая на Главную.
BluePath
Раз вы попали на эту страницу, наслаждайтесь картой, которую мы для вас составили. На ней показаны все преступления, совершенные в Атланте за пару лет. Зачем? Да потому что то, что вы нас еще не наняли, – преступление!
Другой сайт, страница которого сделана с юмором, – сайт компании BluePath, работающей с Big Data. На странице 404 – карта Атланты с точками, обозначающими преступления, совершенные в городе за 2 года. А все потому, что вовремя не начать сотрудничать с BluePath – преступление.
The Useless Web Index
На странице реестра самых бесполезных сайтов интернета несколько опоссумов ищут потерявшуюся страницу и никак не могут ее найти.
Kualo
О нет, космические завоеватели уничтожили эту страницу. Отомстите им. Или кликните на ссылку, чтобы вернуться на предыдущую страницу.
Веб-хостинг Kualo на рынке уже 15 лет, бесконечность по меркам интернета. Их страница ошибки 404 – отсылка в прошлое. Те, кто наткнулся на нее, могут поиграть в Space Invaders, лучшую аркадную игру по версии Книги рекордов Гиннесса и основоположницу всех современных аркад.
Waaark
Упс, что-то пошло не так.
Страница креативной студии Waark выполнена в приятной цветовой гамме, но это не главное. Чтобы понять, насколько она крута, нужно вставить наушники или включить громкость. Перейдите на страницу и послушайте, как робот ругается на того, кто попал на страницу 404, и заявляет о своем превосходстве.
Steve Lambert
Самая неловкая страница ошибки 404 в интернете. Страницы здесь нет. Она перемещена. Или никогда не существовала. Извините. Так иногда случается. Может, воспользуетесь поиском?
На странице ошибки 404 сайта американского художника Стива Ламберта размещено видео, в котором автор неловко рассуждает об ошибке 404 и никак не может остановиться. Если вы знаете английский, попробуйте посмотреть его хотя бы до середины, не испытав чувства неловкости за автора. У нас не получилось.
Figma
Надпись «404» можно растягивать за опорные точки. Расслабляет.
Airbnb
Airbnb решил ограничиться простой, но приятной анимацией о невезучей девочке, уронившей мороженое. Компания известна дружелюбием и лояльным отношением к своим клиентам, и страница соответствует имиджу. Зато здесь есть много полезных ссылок.
Hot Dot Production
Слоган веб-разработчик Hot Dot Production «Где дизайн встречается с технологией» хорошо отражен на его странице ошибки 404. Три цифры составлены из сотен маленьких точек, которые меняют направление или расходятся в разные стороны в зависимости от движений мышки.
GitHub
Страница Github нацелена на гиков-фанатов серии «Звездные войны».
Помимо 404 у GitHub еще есть креативная страница с 500 ошибкой.
CSS Ninja
Ниндзя, символ компании CSS Ninja, обосновался на странице 404 ошибки. Он предлагает пользователю перейти на предыдущую или домашнюю страницу.
MailChimp
Мы потеряли эту страницу. Мы посмотрели везде, но так и не нашли то, что вы ищете. Давайте найдем для вас место получше.
В сервисе для рассылок MailChimp недавно произошел ребрендинг, страница ошибки 404 соответствует новому фирменному стилю. Судя по всему, осел со страницы тоже не понимает, куда попал.
Emirates
Страница ошибки 404 от Emirates выполнена в фирменном стиле компании. Один из менеджеров компании Томас Панек утверждает, что упор на ней сделан на UX-дизайн: компания провела исследование и вычислила, на какие страницы пользователи обычно переходят после 404. Так на странице появились 4 кнопки для перехода на поиск рейсов, управление бронью, вход в аккаунт и главную страницу.
Audiko
Audiko – сервис для создания рингтонов. На странице ошибки 404 – иллюстрация Лондона с его традиционными красным автобусом, телефонной будкой, Биг Беном, Шерлоком Холмсом и Тауэрским мостом. А чтобы не потеряться, по центру расположен поиск рингтонов и ссылка на домашнюю страницу.
IMDb
На 404 странице главного западного сайта о кинематографе можно найти измененные цитаты из кинофильмов, в которые вставлено слово «страница». Например, «Я отсутствующая страница Джека» из Бойцовского клуба или «Что на странице?!» из фильма «Семь».
Зайдите и проверьте, цитата из какого фильма попадется вам.
NPR
Организация National Public Radio, распространяющая новости радиостанций США, на своей странице 404 ошибки предлагает ознакомиться с материалами о других пропавших: Атлантиде, летчице Амелии Эрхарт и изображении Валдо на крыше одного из зданий Ванкувера.
Blizzard Entertainment
Компания-создатель игр World of Warcraft и Diablo обвиняет пользователя в том, что страница «сломалась». Ущерб действительно налицо: хедер навигации «упал», а экран разбит.
TProger
На странице 404 портала о разработке TProger есть все: объявление об ошибке, забавные видео (каждый раз новые) и ссылки на другие страницы.
Crello
Страницу сервиса для создания дизайнов Crello украли голуби. Действительно, теперь остается только вернуться на предыдущую страницу или сразу перейти к созданию дизайна.
Hakim.se
Страничка 404 ошибки сайта шведского разработчика Хакима Эль Хаттаба. Сразу после перехода на пользователя начинают смотреть с десяток глаз, не сбежать со страницы в этот момент невозможно.
Android
Android предлагает пользователю вернуться на сайт либо поиграть в игру: помочь сладостям попасть в нужную трубу.
Sumatosoft
Авторы страницы Sumatosoft намекают на то, что страницу украли инопланетяне. Но не стоит расстраиваться: вы все еще можете перейти на домашнюю страницу, просмотреть кейсы или написать компании.
Ma meilleur cuite
Этой страницы не существует… Вы пьяны или просто потерялись? В любом случае вы нашли Pacman’а, который тоже потерялся. Помогите ему найти выход, по пути собирая кружки с пивом!
Французский блог об алкоголе Ma meilleur cuite предлагает сыграть в игру Pacman, выполненную в стилистике сайта.
Romainbraser
На странице сайта разработчика Romainbraser можно сыграть в аналог популярной игры Lemmings.
Fox
На 404 странице студии Fox пользователей ждет Стьюи из Гриффинов. Кнопка «Get Together» ведет на главную страницу.
Discord
Оказывается, мессенджер Discord приводят в действие квантовые хомяки-роботы. Узнать об этом можно, только попав на страницу ошибки 404.
Slack
На странице 404 ошибки корпоративного мессенджера Slack – отсылка к небольшой MMO-игре Glitch (от англ. глюк), созданной одним из основателей программы.
Canva
Сервис для дизайна изображений Canva предлагает решить головоломку или вернуться на предыдущую страницу.
Amphibian
На портале с комиксами Amphibian можно сыграть в лягушачий футбол.
Советы от экспертов
Одного вдохновения для создания хорошей 404 страницы недостаточно, поэтому предлагаем изучить советы от экспертов.
В первую очередь нужно принять, что возникновение 404 ошибки – это слабо контролируемая проблема. Причины могут быть разными. Вы обновили структуру сайта, а старая ссылка ведет на ныне несуществующую часть. Пользователь опечатался. Вы опечатались при заполнении сайта.
Задачи кастомной страницы 404:
- уведомить об ошибке в дружелюбной форме. Не забывайте про тональность коммуникации (ToV, Tone of Voice): ошибка произошла не по вине пользователя, успокойте его, просто скажите, что контент не найден;
- объяснить причину. Например, что страница была удалена либо что вы недавно обновили структуру сайта;
- предложить решение, чтобы оставить посетителя на сайте.
Можно посмотреть логи и изучить проблему, чтобы понять причину ошибок 404. Устраните причину, если она зависит от вас. Если ошибочный URL повторяется, предложите уникальное для этого адреса решение. Например, настройте редирект на новый адрес статьи либо предложите альтернативный контент, тематический раздел. Допустим, пользователь отложил в браузерные закладки товар, возвращается через год и не находит его, т.к. модель снята с производства, а страница удалена. В таком случае на странице 404 порекомендуйте ему новую модель.
Если причина возникновения ошибки неизвестна, можно предложить типовые решения: предоставить возможность перейти на работающие страницы, показать основную навигацию, дать ссылки на популярные разделы. Например, для ecommerce-сайтов имеет смысл предложить перейти в каталог товаров или дать ссылки на самые популярные. Главное – не оставить посетителя наедине с проблемой. Хорошие примеры реализации этих идей – Squarespace и IFTTT.
Это рекомендации, которые удовлетворяют базовые задачи. Можно сделать страницу нетипичной, но это улучшение уже на уровне эмоционального отклика.
Удивить можно с помощью иллюстрации или необычного копирайтинга. Попробуйте пойти еще дальше: сделайте игру-рулетку, призом в которой будет промокод на скидку. Креативьте! Однако увлекаться не стоит: клиенту в первую очередь нужно помочь найти то, за чем он пришел.
Примеры того, как можно удивлять и веселить, но при этом все равно предлагать полезное действие:
- CreativePeople – сюрреалистичная фирменная иллюстрация поддерживает наш стиль, а отсылка к уровню в игре предлагает в неформальном стиле решение проблемы.
- Andrea Areni – хорошая визуализация ошибки, напоминающая помехи на телеэкране. Круто, технологично, непонятно.
- Gymbox – а тут просто удивляют посетителя, смешат его. Все-таки 404-я ошибка – не какая-то трагедия.
Всем работающим с 404 страницей также советую прочитать статью Джейкоба Нельсона, написанную еще 21 год назад. Все советы остаются актуальны.
Однако стоит помнить, что все-таки лучше, чтобы пользователь вообще не попадал на страницу 404 ошибки.
Константин Кислейко, руководитель отдела дизайна AGIMA
Я уже давно не встречал 404 страницу в реальной жизни.
Видимо, CMS стали достаточно совершенными, чтобы исключить эту проблему. Ссылки внутри сайта проверяются и исправляются автоматически, а внешние переходы сразу перенаправляют на наиболее релевантную страницу. В общем, на хорошем сайте у посетителя шансов увидеть 404 страницу немного. А про плохие сайты и разговаривать незачем.
В последнее время даже дизайнеры перестали веселиться на этой странице. Смысла нет, разве в портфолио выложить. Так что, перефразируя классику, – хорошая 404 страница – это невидимая 404 страница.
Источник: Creative Bloq
CSS3, SVG
31.03.2022
Cписок с некоторыми из лучших анимированных страниц 404
54 креативных страниц с ошибкой 404 с классной анимацией!
Если вы вызываете страницу, которой (больше) не существует, вы перенаправляетесь на страницу 404. Но это неплохо, потому что страницы 404 могут творить чудеса, если проявить немного творчества, чтобы посетители не покидали ваш сайт.
Страницы 404 называются так, потому что в случае, если страница не найдена или больше не существует, сервер возвращает код состояния 404, чтобы показать, что запрошенная страница больше не существует.
Примеры можно использовать в качестве шаблона или в качестве примера для вашего собственного сайта, и давайте будем честными… страницы 404 — лучшие! 🤣 Вы можете найти больше информации о собственном использовании на сайте Codepen.
И так рассмотрим все собранные мной примеры анимированых 404 страниц:
1. Mars 404 Error Page
2. Dripping paint 404 page | Анимация SVG
3. CSS 404 page
4. 404 animation
5. 404 — new
6. 404 — animation
7. Error Page
8. Ark 404 animation
9. 404 Animation
10. 404 Animation
11. Neon 404 — CSS only(Static)
12. 404 svg animated концепция страницы для интернет-магазина
13. Darkmode animation | 404
14. 404 error page
15. Text Wave Animation (404 not found)
16. GSAP: SVG Animation 404 Error Milk Carton)
17. Error 404 Page With Astronaut
18. MJ 404 in Pure CSS
19. 404 error page, Caveman mode — pure CSS
20. Space 404 (pure CSS)
21. StevenGFX Robot 404 Error
22. Weight a Minute — Error 404
23. 404 Page
24. 404 Page
25. Css only 404 Crying Baby
26. 404 Frog
27. Yeti 404 Page
28. 404 Error Example #2
29. 404 Page
30. CSS Train 404 Page
31. Error Page
32. 404 — SVG Animation
33. 404 Page SVG animation
34. 404 Error Page: Animated SVG GSAP
35. 404 Error page — Animated SVG
36. SVG Animation 404 page
37. 404
38. Animated Error page — #Project4
39. 404 Error Page
40. Fargo 404
41. 404 Error Page
42. 404 magnifying glass SVG animation CSS
43. Error 404 bulb SVG animation CSS smil
44. 404 animation CSS Javascript Mousemove
45. Tractor Pull 404 Error
46. Space 404
47. «Lost in Space» — 404 Error
48. «Lost in Space» — 404 Error
49. 404 Page Not Found
50. Challenge: 404 page
51. 404 — Glitched out
52. 404 No signal
53. Neon — 404 Page Not Found
54. Glitchy 404 Page
Надеюсь, вам понравилось! Пользуйтесь!