[스터디] 김성훈_day 06

HOON·2025년 5월 13일

스터디

목록 보기
6/14
post-thumbnail

Daily UI 도전하기!

오랜만에 돌아온 스터디 포스팅입니다!

개인적으로 스터디 방향에 대해 고민하던 중 스터디원분들과 의견을 나누고 싶었는데 모든분들이 제 의견에 공감해주셔서 너무 감사했습니다!🥹
다같이 피그마 고수가 되어봅시다!!🙌

그럼 스터디 주제가 변경됨에 따라 오늘부터는 Daily UI를 제작해보도록 하겠습니다!!👏

저는 Daily UI Challenge #001 부터 차근차근 제작해볼 예정입니다!

첫 번째 주제는 'Sign up'이네요.
그럼 가봅시다 🔥

UI 제작에 앞서 디자인 컨셉을 먼저 정하기로 했어요. 백지 상태에서 시작하려니 아무것도 떠오르지 않더라구요.. 레퍼런스를 찾던 도중 요새 디자인 트렌드인 '글래스모피즘' 스타일의 디자인을 따라 제작해보기로 결정했습니다!!

이전에 동기분들 레퍼런스 구경하다가 발견했던 디자인 스타일인데 '꼭 한번 제작해봐야겠다'라 생각했었거든요.👍

드디어 만들어보네요 ㅎㅎ

아직 피그마 툴 다루는게 익숙하지 않아 클론 디자인으로 많이 연습을 해야겠더라구요 😭

참고 레퍼런스

➡️ 원본출처

➡️ 원본출처

결과물

레퍼런스 보면서 했는데도 정말 오래걸렸습니다.. 보면서 맞춰가면 금방할 줄 알았는데 역시 쉽지 않네요..😭 지금까지 배웠던 걸 최대한 응용하면서 제작하다 보니 시간 가는 줄 몰랐습니다.. 내일 수업도 해야 하는데 피곤해 죽겠어요ㅋㅋㅋㅋㅋㅋ

예전에 일러스트레이터 과제로 제작 했었던 퍼스널 브랜드 로고도 삽입해서 제작해봤어요!! 다 만들고 보니 성취감과 피로감이 같이 오네요..ㅎ

하나의 화면을 만들고 다양한 배경을 변경해서 제작해보았습니다.



지금 보니 배경이 밝으면 UI가 많이 묻히네요.. 참.. 다음엔 이런 부분도 같이 고려해서 제작해야겠어요.

그럼 다음에 Daily UI Challenge #002를 들고오겠습니다~!
다들 오늘 하루도 수고 많으셨어요!👏

profile
우물을 벗어나고 싶은 디자이너

4개의 댓글

comment-user-thumbnail
2025년 5월 13일

예이 글래스모피즘 동지~!!! ㅎㅎ 팝업 형식도 참 예쁜 거 같아요! 그간 배운 것들이 잘 녹아든 거 같아서 묘하게 대리 뿌듯함을 느깁니다…😇😇 정말 수고 많으셨어요~!!!

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

앗 올려주신 레퍼런스 저도 핀터레스트에서 봤었어요!!ㅋㅋㅋㅋ 여기서 보니 괜스레 더 반갑네요!🙌
레퍼런스 찾아서 제작 하기에도 빠듯했는데, 퍼스널 브랜딩 로고를 활용할 생각까지 하시다니.. 역시 짱이네요 성훈님!!👍
배경이 밝으면 UI가 묻힌다는 말 공감되요! 그래도 밝은 색감만이 주는 느낌도 필요하다고 생각해요!🤔
성취감과 피로감이 같이 왔다는 말은 2000000000% 동감입니다ㅋㅋㅋㅋ 오늘도 화이팅하세요!! 🔥🔥🔥

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

우앗 너무 예뻐요!!

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

오 진짜 배경이 밝으면 묻히네요 비교해서 보니까 더 잘 보이네요 ! 저도 이번에 글래스모피즘으로 디자인 해봤는데 개인적으로 느낀건 배경이 우드나 자연으로 하면 유리에 비치는 효과가 더 잘 나타나는거 같아요 ㅎㅎ 고생 많으셨고 함께 으쌰으쌰 해보자구여 !!!

답글 달기