블로그
전체 42024. 10. 25.
0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 4주차 발자국
4주차때 배운 것벌써 4주차, 마지막 발자국을 남기게되네요.4주차 때에는 만들어놓은 컴포넌트를 가지고 b2b이러닝 페이지, 모바일 ott 페이지 만들기를 진행했습니다.컴포넌트가 다 만들어져있고, 배리어블을 통해 라이트/다크모드, 브랜드별 컬러 다 지정해놓으니까 하나의 페이지 만들기가 간편했습니다! 배리어블 통해서 변경하면 바로 다크모드로 변경되고.. 물론 초반에는 컬러를 보면서 잘 지정해야겠지만 디자인시스템을 잘 구축해놓으면 간편하게 디자인을 바로 뽑아내 확인해볼 수 있어 시간이 많이 줄 것 같습니다. 좋았던 점배리어블 기능을 잘 사용해서 더 효과적으로 사용할 수 있다는 것을 알아서 (불린 기능, 텍스트 기능)실무에 투입되고나서도 잘 사용할 수 있을 것 같습니다!강의를 구매하고 인프런 워밍업클럽을 통해 미션을 수행하니까 빼먹지않고 꾸준히 듣고, 실습할 수 있던 것 같습니다. 그리고 피드백을 통해 놓쳤던 부분을 알 수 있어서 좋았던 시간이었습니다!
UX/UI
・
디자인
・
배리어블
・
피그마
・
디자인시스템
・
UXUI
・
워밍업클럽
2024. 10. 19.
0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 3주차 발자국
3주차때 배운 것네비게이션 컴포넌트(링크, 브레드크럼, 탭, 바텀네비게이션, 페이지네이션, 사이드네비게이션, 캐러셀)모드를 활용해보기 (라이트다크, 브랜드 컬러 변경)배웠던 것을 활용해 B2B 이커머스 어드민 페이지 만들기벌써 3주차 발자국을 남긴다!! 지금까지 빼먹거나 엄청 미루거나 하지 않았던 나에게 먼저 칭찬 스티커를 주고..작업하고 디스코드에 올리는 과정을 하니까 뭔가 빼먹지 않으려고 하는 것 같았다. 이번에는 네비게이션 컴포넌트를 만들었고, 배리어블에 모드를 추가해 다크모드에 잘 대응하도록 하는 것을 해보았는데 막상 컬러를 설정하니까 컬러가 너무 밝거나 어디는 안맞거나 하는 경우가 있었다. 그래서 그걸 조절하는게 꼭 필요하고.. 하다보니까 내가 컬러부분이 조금 아쉽다는 생각이 들어서 많은 수련(?)이 필요하는 것을 알게되었던 순간... 모드를 통해서 딸깍 바꾸면 슉 바뀌는 것이 편리했다! 역시 유료버전이 좋구나 (지금은 교육계정이지만)반응형이랑 이미지컴포넌트도 배리어블에 설정해서 변경되는 것을 처음 알아서 신기했고 추후에 피그마가 더~ 편리하게 해줄 수 있지만... 지금도 너무 신기했던 경험... 아쉬웠던 점자꾸... constraints 부분을 까먹는다..! 만들고 확인하는 과정을 꼭꼭 거치도록하자다음에 시도할 점나머지시간에는 강의를 무사히 끝내는 것에 초점을 가지고 진행할 예정이다.. 잘 마무리했으면 좋겠다!!
UX/UI
・
피그마
・
배리어블
・
UXUI
・
디자인
2024. 10. 12.
0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 2주차 발자국
2주차때 배운 것입력 컴포넌트 (버튼, 컨트롤, 라벨, 텍스트필드, 텍스트박스, 셀렉트)디스플레이 컴포넌트 (아바타, 아코디언, 뱃지, 툴팁, 구분선, 인터랙티브 칩, 상태칩, 카드, 테이블)피드백 컴포넌트 (토스트, 로딩 스피너, 스켈레톤 로더, 슬롯컴포넌트를 활용해 모달 제작)Slot 컴포넌트를 활용해서 모달을 만드는 것을 알게된 점이 좋았다.예전에 회사 다닐 때에는 필요한 모달 다 만들어놨는데.. 저렇게 컴포넌트를 만들어서 활용할 수 있다는 것을 알게되어서 좋았던 것 같다.그리고 오늘 들었던 온라인세션에서도 좋은 인사이트를 얻을 수 있었다.AI 활용을 부끄럽게도 잘 안했었는데 (지피티로.. 자소서나 그런거만 물어봤었다) 지피티를 통해 디자인 문서 초안을 세울 수 있다는게 좋은 것 같았다. 그리고 다른 사람들의 의견을 조금이나마 알 수 있는 시간이 있어서 좋았고... 몰랐던 디자인시스템을 알게되었던 점도 되게 좋았다. 역시 다른 이들의 생각을 들어야 인사이트를 얻을 수 있구나하는 시간이어서 너무 좋았다 아쉬웠던 점또 시간 계산을 잘못했었다는 점..?ㅋㅋㅋㅋㅋ 아침에.. 일찍 일어나는게 쉽지 않다. 또한 아침에 바로 강의를 듣는 것도 쉽지 않았다.이래저래 지원서 계속 넣는 것을 도전하기 위해 다른 곳에 신경 쓰다보니 강의 듣고 미션 수행하는데에 시간 분배를 못했던 것 같다. 얼마 안남았으니 다음주에는 꼭 일찍 일어나서 아침에 강의와 미션을 수행하는 것으로...! 다음에 시도할 점온라인 세션에서 들었던 플러그인 사용해서 문서 정리하기!개인 드래프트에 다시 만들어보면서 복습해보기 3주차도 열심히 미션 밀리지 않게 매일매일 강의 들어야겠다.+인프런 워밍업 클럽으로 하니까 뭔가 매일 공부하게되고... 열심히 사는 것 같은 기분이 들어서 좋은 것 같다 ㅋㅋㅋㅋ
UX/UI
・
디자인시스템
・
워밍업클럽
・
피그마
・
UXUI
・
컴포넌트
2024. 10. 05.
0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 1주차 발자국
인프런 워밍업클럽 2기 1주차피그마 배리어블 기능을 알아가고, 디자인시스템을 효과적으로 제작하기위해 강의를 신청했다.혼자하면 분명 미루게될 것 같아서 워밍업클럽으로 4주동안 다 듣는 것을 목표로 했다. 1주차때 배운 것배리어블 등록 (색상, 간격, 타이포그래피, 아이콘, 그림자)입력 컴포넌트 제작 (버튼, 체크박스, 라디오버튼, 스위치버튼)배리어블을 등록할 때 primitive와 semantic으로 나눠서 지정하는 것을 배웠다.이것을 강의 그대로 따라하는 것은 쉬웠지만, 내가 만들 프로젝트?에 대입해서 어떻게 구성할 것인지는...디자이너 혼자일 때는 어렵지 않겠지만 추후 개발자와 일을 하게 되었을 때에는 꼭 많은 소통이 필요하겠다고 느껴졌다.예전에 작업할 때 state랑 status를 혼동해서 작업했던 것 같다.. 이번 기회에 안헷갈리고 개념을 잘 정리하는 시간이었던 것 같다! 아쉬웠던 점강의를 따라하기만 한 점내가 하고 싶은 프로젝트의 디자인시스템을 만드는데 도움이 되고자 강의를 신청했는데, 일단 강의를 듣다보니 그대로 따라하고만 있었다. 물론 따라하는 것이 나쁜 것은 아니지만... 그 이후 복습했던 시간이 없었던 것 같다.시간 배분을 잘 못했다.강의 초반에는 오전에 강의를 듣고~ 실습하고 그럴려고했는데 사람 마음이.. 아침에 일어나서 공부를 하려니 조금 못했던 것 같다.. 막 점심에도 듣고 저녁에도 듣고... 취준생이라 시간 많으니 오전시간에 다시 듣도록 노력해야겠다.문서 정리를 못한점배리어블 만들기만하고 문서로 정리를 잘 못했다.. 다음에 시도할 점복습을 하자 + 문서 정리를 하자내 개인 프로젝트에 따로 제작을 해보면서 이걸 개발자와 소통하려면 어떻게 배리어블을 구성할 것인지... 문서를 어떻게 할 것인지 생각해보는 시간이 있으면 좋을 것 같다.오전에 수업을 다 몰아듣자!시간을 정해서 듣는게 더 효율이 좋을 것 같다. 2주차도 잘 듣고, 미션도 밀리지 않고싶다! 다들 화이팅..
UX/UI
・
디자인시스템
・
디자인
・
UXUI
・
피그마
・
프로덕트디자인
・
워밍업클럽