70 아름답게 디자인 된 404 오류 페이지

404 오류를보고 정말 좌절하게되면 누구를 비난 할 수 없습니다. 특히 정말 중요한 연구를 진행하는 사람들에게는 정말 나쁜 하루를 시작하게 할 수있는 일입니다.

목차



404 오류 이해

그러나 이러한 404 오류는 실제로 어디에서 발생합니까? 이러한 인스턴스는 어떻게 든 피할 수 있습니까?



404 오류가 표시되면 도달하려는 페이지를 서버에서 사용할 수 없음을 의미합니다. 이 오류 메시지를 표현하는 방법에는 여러 가지가 있습니다. 다음과 같은 형태로 제공 될 수 있습니다.

  • 오류 404
  • 404 찾을 수 없음
  • 이 서버에서 요청한 URL을 찾을 수 없습니다.
  • 오류 404 찾을 수 없음
  • HTTP 404
  • 404 파일 또는 디렉터리를 찾을 수 없음

페이지가 웹 사이트에서 영구적으로 제거되었거나 완전히 다른 페이지로 이동 된 경우가 있습니다. 이 두 경우 모두이 오류가 발생하지만 두 경우 모두 쉽게 피할 수 있습니다. 페이지에 대한 모든 링크를 업데이트하는 한 아무런 문제가 없어야합니다.



그러나 대부분의 경우 오류는 실제로 링크를 방문한 사람의 실수로 인해 발생합니다. 링크의 일부를 잘못 입력했거나 찾고있는 페이지와 다른 링크를 받았을 수 있습니다. 사용자가 자신의 키보드에 입력하는 내용을 제어 할 수 없기 때문에 이러한 오류를 방지하기가 더 어렵습니다.

영리한 404 페이지

그렇다면 이것은 404 오류에 관한 한 막 다른 골목에 직면했음을 의미합니까? 실제로이 오류 메시지가 피할 수 없다는 사실은 완전히 새로운 가능성의 세계를 열어줍니다. 사용자와 방문자를 실망시키는 페이지로 이끄는 대신 그들을 즐겁게하고 즐겁게하는 오류 페이지로 이끄는 것은 어떨까요?

다음은 지금까지 보게 될 가장 터무니없는 404 페이지입니다. 일부는 실제 그래픽 대접을 볼 수있는 반면 일부는 좌석에서 제어 할 수없이 웃게 만듭니다. 그들 중 일부는 홈페이지로 돌아가거나, 다른 페이지를 검색하거나, 여기 한 예에서 Pacman 게임을하는 것과 같이 고려할 대안을 제공합니다.



오류를 훨씬 더 흥미롭게 만들기 위해 어떤 경로를 택했는지에 관계없이 이러한 페이지는 당연히 불만을 잊게 만들고 상황을 밝게 유지 해준 사이트 개발자에게 감사 할 것입니다.

영감을주는 404 페이지 디자인

다음은 나만의 404 페이지를 디자인 할 때 유의해야 할 몇 가지 유용한 팁입니다.

  • 간단하게 유지 : 방문자에게 미친 정보 나 겁을주는 내용으로 폭격하지 마세요. 미니멀리즘은 보통 잘 작동합니다!
  • 그래픽, 이미지 및 일러스트레이션 사용 : 창의적이고 재미 있고 친절하세요. 많은 웹 사이트가 재미있는 접근 방식을 취하고 페이지를 재미있게 만듭니다.
  • 검색 창 및 기타 링크를 제공합니다. 사용자를 페이지에서 멀어지게하고 콘텐츠를 보여주세요. 길을 잃었 기 때문에 가이드가 되십시오.
  • 죄송합니다 : 당신 잘못이 아닐 수도 있고, 뭔가 잘못 됐을 수도 있고, 아무도 완벽하지 않습니다. 사용자에게 당신이 관심이 있다는 것을 보여주기 위해 사과하는 것을 잊지 마십시오.
  • 그들이 왜 거기에 있는지 설명하십시오. 믿거 나 말거나 엄마는 404 페이지가 무엇인지 전혀 모릅니다. 놀랍게 들리 겠지만 웹상의 모든 사람들이 당신이하는 모든 일을 알지 못한다는 사실을 명심해야합니다.

1. 영감



2. 아이콘 파인더

Iconfinder

3. 소셜 프라이

4. 디자인 54



5. 우주 뱀

6. Bigbadcollab

라이브 따옴표에 대한 의지를 잃는

7. 블루-다니엘

8. 디저

9. 온에어 에이전시

10. Tchikito

11. 오메가 시계

12. 골프 도자기

13. 스테레오 슈퍼

14. Pixiapps

15. 가상 마케팅

16. 장 델 브렐

17. 데일리 마일

18. 드리블

19. 다양한 얼굴

20. Cascade Brewery Co

21. 8 비트

22. 드롭 박스

23. 매튜 메이버

24. 웹은 사랑입니다

25. 그루브 샤크

26. 그리핀 기술

그녀를 사랑에 빠지게하는 좋은 아침 메시지

27. 두꺼운 콧수염

28. 디자인 폭탄

29. 메르 시아

30. Rubbik

31. 잭 래빗

32. 청크 게임

33. 키페

34. Github

35. 베가 즈 베가 즈

36. 괴롭힘

37. 1md

38. 고객 통계

39. Rothco

40. 트레버 데이비스

41. 원장 노트

원장

42. Fab.com

Fab

43. 총회

총회

44. 읽어보기

읽어보기

45. Welikesmall

Welikesmall

46. ​​열망

심한

47. 생략

생략

풀 하우스에서 레베카는 몇 살이야

48. 에어 비앤비

에어 비앤비

49. 버락 오바마

버락 오바마

50. 그랜트 버크

그랜트 버크

51. Weirdsgn

Weirdsgn

52. Github

GitHub

53. 디지털 텔레파시

디지털 텔레파시

54. 실크

실크

55. 스튜디오 플레인

저스트 스튜디오 404

pema chodron 때 물건이 무너질 때

56. Olia Gozha의 404

404 by Olia Gozha

57. 솔트 시티 빌드

Saltcitybuilds

58. 닌텐도

닌텐도

59. 크 바르 티라 크라 시보

Kvartirakrasivo

60. Romainbrasier

Romainbrasier

61. 블룸버그

Bloomberg

62. Underbelly Creative Co.

Underbelly Creative Co

63. 성공

edu (k) ate

64. 코디 하우스

코디 하우스

65. 우 부리

우 부리

66. 픽시

Piccsy

67. 마이 레이크지도

My Lake지도

68. Jackrabbit 디자인

Jackrabbit 디자인

69. 수제 스튜디오

수제 스튜디오

70. Sush.io

스시오