UI
-
Daily UI #005 App IconChallenge 2023. 4. 15. 11:51
Daily UI Challenge #005 App Icon 5번째 과제는 어플 아이콘 만들기. 어제 약속이 있어서 나가기 전에 하려다가 못하고 홀라당 나가버려서 오늘 아침에 부랴부랴 했다... 역시 꾸준히 뭔가 하나를 한다는 건 정말 어려운 일이다. 아무튼 이번 과제는 하나만 만드려다가 너무 허전할 것 같아서 비슷한 어플들을 한 세트로 만들었다. 투두리스트, 우선순위 매트릭스, 해비트래커, 다이어리 어플인데, 개인적으로 볼륨이 작은, 한가지 목적과 기능에만 집중한 어플리케이션 한 세트를 제작해보고 싶어서 이를 염두에 두고 작업했다. 어플 아이콘은 가볍고 볼륨이 크지 않은 어플임을 직관적으로 보여줄 수 있도록 심플한 모티프들만 넣었다. 해비트래커를 쓰는 친구들이 한 달 단위의 달력 시트에 스티커로 한 일을..
-
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 #001 Sign UpChallenge 2023. 4. 10. 15:15
Daily UI Challenge #001 Sign Up 데일리 UI 챌린지 첫 과제는 회원가입 페이지 제작하기. 회원가입 UX 플로우를 살펴보면 아이디, 비밀번호 입력부터 휴대폰 인증, 인증번호 입력, 보안문자 입력, 개인정보 동의 등등... 내용이 꽤 많아서 최대한 덜어내고 간단히 이메일주소와 비밀번호를 이용해 가입하는 형태로 작업했다. 온보딩 화면에 계정 생성 유도 버튼이 함께 있는 경우가 많고, 그 편이 회원가입 플로우로 흘러가는데 가장 부담이 없다고 생각해서 간단한 온보딩 화면도 같이 만들었다. 무슨 컨셉의 어플인 척하지? 고민하다가 요즘 뉴진스 노래 제일 많이 듣고 있어서 대충 케이팝 팬들이 사용할 법한 어플이라는 컨셉으로 잡았다. 작업하면서 느낀 점은 100일동안 (주말 제외하고) 계속해야..