현대적인 UI로 탈바꿈하기

작성자
yesA0513
카테고리
🪛 뻘짓
태그
Web
작년에 만들어두고 방치(?)하던 내 웹사이트중 몇개의 디자인을 탈바꿈했다.
그동안 봐왔던 구닥다리 디자인은 버리고, 최신 트렌드인 미니멀리즘에 충실한 디자인으로 업데이트 했다.
요즘은 또 유사 스큐어모피즘으로 돌아가는거같다. 유행은 무시하는게 제맛
 

About Page

얼핏보면 괜찮은거 같지만 아니다.
얼핏보면 괜찮은거 같지만 아니다.
일단 기존에 있던 디자인을 버리고 싹 다 갈아엎게 된 이유는
  1. 뭔가 묘하게 질림
  1. 시간이 지나고 보니까 촌시러워보임
  1. 결정적으로 옆집 디자인이 또 바뀜
등이 있다.
 
그래서 바꾸면서 가져간 목표는
  1. 심플
  1. 심플
  1. 심플
  1. 제1발 심플
  1. 색깔을 적게 쓰자
였다.
 
이사람 없으면 글 쓸게 없을듯
이사람 없으면 글 쓸게 없을듯
이거랑 비교하니까 참 내꺼가 후져보인다.
하지만 평소처럼 또 미루다가 모든게 재미있는 기간. 시험 전주 주말에 프로젝트를 가동했다.
크 공부 안하는건 여전하네
 
새로 바꾸면서 쓴 기술은 별거 없고 그냥 대충했다(아님).
와 막 LP가 돌아간다. 개쩌는듯
와 막 LP가 돌아간다. 개쩌는듯
뭔가 많이 비슷한거 같지만, 오마주/모티브… 뭐 그런거라고 생각하자.
작년 버전과 달라진 점이라면,
  1. 관심사 세부 설명 추가
  1. MBTI 특징 세부 설명 추가
  1. 기술 스택에 마우스를 올리면 이름 표시
  1. 최근 들은 음악을 CD/LP 스타일로 변경
  1. 날씨 드디어 작동
  1. 시계 디자인 변경 (무려 초침 돌아감)
  1. 그동안 만든 다른 뻘짓 프로젝트 추가
정도 있다.
어후 많네. 다 갈아엎은듯
 
추가 사진들
notion image
초침 움직이는게 거의 애플워치급
초침 움직이는게 거의 애플워치급
앨범 커버는 돌아간다. 궁금하면 들아가서 확인해보시길
앨범 커버는 돌아간다. 궁금하면 들아가서 확인해보시길
 
 

Now Listening

이건 뭐 이유가 있는건 아니고 걍 삘받아서 바꿨다.
 
아이디어는 macOS의 앨범 표지 화면 보호기 보고 얻었다.
얜 막 혼자 뒤집고 바뀌고 난리다.
얜 막 혼자 뒤집고 바뀌고 난리다.
기본적으로 들어가면 최근 30개의 앨범 표지가 나온다.
notion image
 
마우스로 움직이면 앨범 커버도 같이 따라 움직인다.
notion image
 
마우스를 올리면 곡 이름이 뜬다.
notion image
 
클릭하면 자세한 곡 정보와 30초 미리듣기(애플뮤직)가 나온다. 애플뮤직으로 바로 갈 수 있는 버튼도 있다.
notion image
 
옛날꺼랑 비교하면 장족의 발전이다. (사실 중간에 한번 바꿨다)
 
 
역시 뻘짓은 시험기간에 하는거다.(??)
 
 
아이 재미있어
아이 재미있어
 
 
끝.
 
 

댓글