[스터디] Daily UI_001

김희정·2025년 5월 13일

Daily UI

목록 보기
1/14


피그마 시작하면 개인적으로 데일리 UI 챌린지 시작할려고 했는데 스터디에서 한다고 하니 타이밍이 아주 좋다 😊

001은 가입 화면을 만드는것이다 클로닝으로 하려고 했는데 챌린지에서만큼은 스스로 디자인 해보고 싶어서 래퍼런스 참고만 했다!

요즘은 간편 로그인으로 많이 하다보니 참고해서 디자인해봤다

'휴대폰 번호로 계속하기'를 위에 붙여서 5개로 구성해봤는데 너무 선택지가 많아 보여 밑으로 빼서 구분을 줬다
-> 선택지 총 개수는 5개로 같지만 구분을 줘서 선택지가 줄어든 느낌을 주는 것 같다

빠질 수 없는 이용약관 동의 화면이다

래퍼런스를 참고해서 만들었을때 동의 항목들이 많았다
하지만 디자인하고나서 보니까 "뭐 이렇게 동의할게 많지..?" 라고 생각이 들어서 진짜 '필수'적인것만 넣었는데 잘한 선택인거 같다 ㅎㅋㅎ

지금 벨로그를 작성하며 느낀건 '필수' 텍스트에 빨간색으로 강조할걸 그랬다
하지만 괜찮다 다음에 넣으면 되니까 😁

본인인증 화면도 빠질 수 없어서 디자인했다
가입화면이라고 했을때 진짜 '가입' 하나만 생각했었는데 생각해보면 뭐가 되게 많다

이번 컬러는 연하늘색이어서 특정 버튼들에만 컬러를 넣어 강조느낌을 주었다
또한 도형 크기도 크게 넣어 눈에 더 잘 들어오게 디자인한것도 있다

느낌표 대신에 축하 이모티콘 넣을려고 했는데 크기가 안 커져서 느낌표로 바꾼건 안 비밀 ㅎㅎ
이번 화면에서도 강조하고 싶은 부분에 특정 컬러를 넣었다!

아 그리고 텍스트를 검정색으로 하니까 너무 붕 뜨는(?) 느낌이 들어서 살짝 톤다운 줬더니 잘 어울리는거 같다
디자인 하면서 깨달은건 생각보다 찐 검정색을 잘 안 쓰는거 같다 약간 짙은 회색?을 많이 쓰는듯 싶다

profile
24살 프로덕트 디자이너 취준생

3개의 댓글

comment-user-thumbnail
2025년 5월 13일

(댓글 1등으로 달려오기!!!!!)
멘탈모델이 잘 되어있는 것 같아요~!! 중요한 페이지들이 잘 보여서 좋네요. 너무너무 수고 많으셨어요~!!! ㅎㅎ

답글 달기
comment-user-thumbnail
2025년 5월 13일

스스로 디자인 해보겠다는 마음가짐이 너무 멋있어요 희정님👍 로그인 화면뿐만 아니라 다음 화면까지 구성하셨다니..저는 메인 화면에만 디자인 욕심부리다가 시간 다보냈거든요ㅠㅠ 정작 중요한 걸 놓쳤네요😭 많이 배워갑니다!

답글 달기
comment-user-thumbnail
2025년 5월 14일

심플해서 오히려 각 필요한 내용들도 잘 보이고 가입 과정에 필요한 모든 화면들이 있다보니 완성도가 높은것같아요! 🙌
저는 페이지 하나 만드는것도 벅차던데 대단하세요!
저도 더 분발해야겠습니다!!! 🔥
오늘도 화이팅하세요!! 💪🏻💪🏻💪🏻

답글 달기