[스터디] 김성훈_day 13

안녕하세요 여러분 👋

어쩌다보니 Daily UI를 매일 매일 진행하게 됐네요ㅎㅎ 하루하루 더 빠듯해지겠어요😭 그래도 열심히 해야겠죠!

오늘은 Daily UI Challenge #008 '404 Page Design'입니다.

그럼 시작해보겠습니다!

(P.S. 사실 어제 진행 했던 작업물인데 포스팅 작성을 못해서 부랴부랴 포스팅 먼저 올리는 중입니다.😂)

---

참고 레퍼런스

*이미지 출처 : Pinterest

*이미지 출처 : dribble

참고한 레퍼런스는 사용자가 예기치 못한 상황에 거부감이 들지 않도록 친근하게 표현한 점이 좋았어요. 그리고 오류가 생긴 상황을 위트 있게 잘 표현한 느낌이 들어서 저도 이 부분을 반영해 보기로 했습니다.

---

결과물

💡 Light 모드

첫 번째는 '가던 길이 끊어져있을 때 당황스러움'을 표현한 일러스트를 통해 오류 메세지를 재치 있게 표현해 봤습니다! 단순히 텍스트로만 표현하는 것보다는 더욱 친근하게 느껴지는 것 같아요.

두 번째 디자인도 같은 컨셉으로 디자인하되, 레이아웃을 변경하고 디자인 요소를 최소화해 좀 더 직관적인 버전으로 디자인해 보았습니다.

---

🌙 Dark 모드

항상 하던대로 다크 모드 버전도 추가로 제작해 보았습니다 ㅎ 개인적으로 다크모드가 좀 더 나은거 같기도..? 합니다?

아무튼 오늘은 여기까지 입니다 👋

다음 Daily UI Challenge 하러 가보겠습니다.
스터디원분들도 힘내세요!💪💪