전체 글
-
Daily UI #004 CalculatorChallenge 2023. 4. 13. 16:33
Daily UI Challenge #004 Calculator 벌써 4번째 과제! 이로써 데일리 UI 챌린지는 작심삼일을 면하게 되었다. 이번 챌린지 과제는 계산기 만들기. 아무래도 신경써야하는 요소가 적고, 레이아웃도 비슷한 편이라 이번엔 디자인 요소에 좀 더 신경을 써서 작업했다. 그러면 어떤 디자인으로 만들 것인가... 생각을 하다가, 마침 쓰고 있던 기계식 키보드의 디자인이 예뻐서 그걸 참고하기로 했다. 작업하다보니 살짝 뉴모피즘 스타일이 되었는데, 최근에 잘 안하던 디자인이어서 하면서 되게 재밌었다. 아무리 포토샵, XD 써서 아날로그 스타일 따라잡아도, 시장통에서 쓰는 실물 계산기의 그 쫀득한 맛은 이길 수 없다.
-
Daily UI #003 Landing PageChallenge 2023. 4. 13. 14:52
Daily UI Challenge #003 Landing Page 데일리 UI 챌린지 세번째는 랜딩 페이지 만들기. 사실 벌써 밀리고 있다. (얼마나 했다고?) 참회의 의미로 오늘은 이 게시글을 올린 뒤 4번째 과제를 하고 바로 또 업로드를 해야 한다. 이 챌린지... 할 수록 약간 구몬 같아지고 있다. 랜딩 페이지의 정의를 찾아보면 가장 중요한 요소는 사용자들을 서비스, 제품에 유도시킬 수 있도록 하는 일종의 CTA(call to action)버튼이 있다는 것. 그리고 대부분은 핵심적인 문구와 이미지 (특히 이미지의 경우는 집중도를 확 끌어야하기 때문에 명시성이 높은 이미지 혹은 영상도 많았음) 로 구성되어 있다는 지점이 있었다. 시간이 없었던 관계로 많은 요소를 디자인하기는 어려워서 간단하게 레이아웃..
-
Daily UI #002 Credit Card CheckoutChallenge 2023. 4. 12. 11:44
Daily UI Challenge #002 Credit Card Checkout 데일리 UI 챌린지 두번째 과제는 신용카드 결제창 만들기. 인앱 결제, 핀테크, 각종 페이 서비스 등등 몇가지 레퍼런스를 찾아보다가 카카오페이, 네이버페이 등과 비슷한 서비스라고 가정하고 작업했다. 어제 분명히 작업 끝까지 마쳤는데 시험 준비하느라 업로드를 그날 못한게 아쉽다. 흑흑. 사실 결제 진행 창 + 결제 완료 안내 창 까지 2개의 ui를 세트로 작업하려고 했는데 시간 분배를 못해서 하나만 만들었다. 개인적으로 중요하게 생각했던 부분은 '결제하기' 버튼에 최종적으로 얼마의 금액이 결제되는지 넣을 것과 사용자가 등록해둔 카드 중 어떤 카드로 결제되는지를 직관적으로 확인할 수 있게 한 것, 이 두가지 였다. 몇몇 어플은 ..
-
Daily UI #001 Sign UpChallenge 2023. 4. 10. 15:15
Daily UI Challenge #001 Sign Up 데일리 UI 챌린지 첫 과제는 회원가입 페이지 제작하기. 회원가입 UX 플로우를 살펴보면 아이디, 비밀번호 입력부터 휴대폰 인증, 인증번호 입력, 보안문자 입력, 개인정보 동의 등등... 내용이 꽤 많아서 최대한 덜어내고 간단히 이메일주소와 비밀번호를 이용해 가입하는 형태로 작업했다. 온보딩 화면에 계정 생성 유도 버튼이 함께 있는 경우가 많고, 그 편이 회원가입 플로우로 흘러가는데 가장 부담이 없다고 생각해서 간단한 온보딩 화면도 같이 만들었다. 무슨 컨셉의 어플인 척하지? 고민하다가 요즘 뉴진스 노래 제일 많이 듣고 있어서 대충 케이팝 팬들이 사용할 법한 어플이라는 컨셉으로 잡았다. 작업하면서 느낀 점은 100일동안 (주말 제외하고) 계속해야..