블로그
전체 4#카테고리
- UX/UI
#태그
- 피그마
- 디자인시스템
- 워밍업클럽
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 4주차 발자국](https://cdn.inflearn.com/public/files/blogs/d20fb8db-5219-4fe6-b58f-23700d5c084e/IMG_3535.png?w=260)
2024. 10. 27.
좋아요수0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 4주차 발자국
1. 이번 주에 공부한 것B2C 이러닝 페이지 만들기모바일 OTT 서비스 페이지 만들기타이포그래피 배리어블 등록하기 2. 이번 주 학습에서 느낀점이러닝 페이지에서 카드 on/off 만드는게 안 되어서 많이 힘들었다. 나름 공식 가이드를 찾아보다가 안 되어서 볼드님께 여쭈었는데, 그 외에 디스코드에서 다른 분이 커뮤니티를 찾아보면서 문제점을 파악하는 방식도 있다는 걸 알게 되었다. 좋은 방법을 배웠다 🙂 3. 잘한 점마무리를 잘한 것?! 과제도 무사히 제출했고, 특강도 참여했고(개인적인 문제로 실습을 할 수 없었지만) 오늘 이렇게 발자국도 쓰고 있다. 4. 아쉬운점이번주는 없음.. 😁 5. 후기피그마 배리어블은 해야지 해야지 하면서 미뤄놓고 있었는데 이번 기회를 통해서 완강하게 되어서 너무 행복하다. 워밍업 클럽 덕분에 학습도 하고, 추가 특강을 들으면서 다양한 활용법도 배워서 정말 참여하길 잘했다,라는 생각이 드는 시간이였다. 특히 반응형을 잘 못해 고민을 느꼈는데 이번 클럽을 통해 극복할 수 있었고, 강의를 듣고 난 후 프론트엔드 쪽도 조금씩 보고 있는데 신기하게도 이전보다 이해도가 올라간 느낌이였다. 정말 많이 배웠습니다!!
피그마
・
디자인시스템
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 3주차 발자국](https://cdn.inflearn.com/public/files/blogs/0f257054-c482-47d0-aef3-c23dd1b84c79/IMG_3535.png?w=260)
2024. 10. 19.
좋아요수0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 3주차 발자국
1. 이번 주에 공부한 것네비게이션 컴포넌트 제작(Link, Tab, Breadcrumb, Navigation Bar, Pagination, Side Navigation, Header, Carousel)배리어블 다크모드 실습B2B 이커머스 어드민 페이지 만들기 2. 이번 주 학습에서 느낀점반응형 웹에 대응할 수 있는 컴포넌트를 만드는 법을 드디어 알게 되었다! 모바일앱 위주로 작업하다보니 이 부분이 항상 고민되었고 잘 못한다고 생각했던 부분인데 이 강의를 통해 극복할 수 있게 된 것 같아 행복하다 :) 모든 컴포넌트를 복사해 오는 일이 참 힘들었다. 그리고 이 부분이 습관이 들어 있다면 진작에 미리 조금씩 복사해두지 않았을까? 라는 아쉬움도 들었다^^; 3. 잘한 점힘든 부분이 있어도 (다크모드에서 기존 컴포넌트 복사해오기..) 미루지 않고 조금씩 쉬어가면서 모두 해낸 것 😃 4. 아쉬운점과제 다 했는데 제출하는걸 깜빡해서 조금 전에 급하게 제출했다 🙃disabled 컬러를 넣어야 하는 곳에 자꾸 inverse 컬러를 넣었다.. 대체 왜 그랬을까? 5. 시도할 점과제 제출일 잘 확인하기disabled 컬러 사용된 컴포넌트 한번 재점검하기
디자인시스템
・
피그마
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 2주차 발자국](https://cdn.inflearn.com/public/files/blogs/71a9bdaf-01c5-4020-8023-b926848d8443/IMG_3535.png?w=260)
2024. 10. 13.
좋아요수0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 2주차 발자국
1. 이번 주에 공부한 것입력 컴포넌트 만들기디스플레이 컴포넌트 만들기피드백 컴포넌트 만들기(특강) ChatGPT로 디자인 시스템 가이드 만들기2. 이번 주에 배운 것Slot 컴포넌트를 활용해서 모달을 만드는 방법. 이전에 만들 때는 모달을 다 따로 만든 다음에 한번에 variant 셋트를 만드는 방법으로 진행했었는데 Slot을 이용해서 만드는 법이 신기했다. Slot 이용하는 건 정말 다양한 컴포넌트를 만드는 곳에 응용할 수 있는 것 같다.특강도 정말 좋았다. 실무에서도 GPT를 이용했지만 UX 라이팅에 이용하는 정도였고, ai를 쓰는 것을 시도해봐도 뭔가 아쉬움이 항상 있었는데 정말 실무에서 바로 쓸 수 있는 방법을 배워서 좋았다! 3. 잘한 점이번 주도 과제 무사 제출 🙂 Input 컴포넌트 파트에서 보너스 과제도 해본 것 4. 아쉬운점피드백으로도 받았지만 disabled 컬러를 써야 하는 부분에 inverse 컬러를 쓴 것. 꼼꼼히 체크했어야 하는데 여전히 어렵다.. 😭 5. 다음 주에 시도할 것과제 무사 제출하기!
UX/UI
・
디자인시스템
・
워밍업클럽
![[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 1주차 발자국](https://cdn.inflearn.com/public/files/blogs/e5479ce6-bb09-4101-ac12-06c6c1cd78f0/IMG_3535.png?w=260)
2024. 10. 05.
좋아요수0
[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 1주차 발자국
신청 계기배리어블 강의를 오픈 당시에 신청했는데 공부해야지 공부해야 하면서 지금까지 미뤄뒀다 😂최근 회사들 JD를 보니 디자인 시스템 제작 경험이 담당 업무이거나 우대사항인 경우를 확인했다.그리고 실무를 하면서도 디자인 시스템 없이는 일관성이 부족함을 체감했기에 꼭 필요하겠다라는 생각이 들어 밀도있게 공부해보자는 생각이 들어 워밍업 클럽을 신청했다. 공부한 파트variable을 활용한 디자인 시스템 제작을 위해 알아야 할 필수 개념 (기본 개념, 구조) 파운데이션 셋팅 (색상, 간격, 타이포그래피, 아이콘, 그림자, 그리드 시스템)입력 컴포넌트 제작 (버튼, 체크박스, 라디오버튼, 스위치 버튼) 배운 점 컴포넌트 이름 명명법, 컴포넌트 별 State, Foundation/Input 파트에서 기본적으로 제작해야 하는 컴포넌트의 종류오토레이아웃을 적용 후 바로 이름 변경하기, 다 만든 후 접근성 체크하기 등 수업을 따라가며 좋은 습관을 많이 배웠다.강의 듣는 동안 좋은 플러그인을 정말 많이 알게 되어 좋았다*.* 잘한 점성실하게 강의를 들었던 점! 일주일만에 진도를 30% 정도 나갔는데 뿌듯하다! 🥰 아쉬웠던 점디테일하게 신경쓰고 마무리에서 아직 약하다는 점. 폰트 컬러 지정을 깜빡하는 등의 실수가 종종 보였다. 강의 일단 완강 후 조금 쉬고 다시 하는 방식으로 해내긴 했지만 실무에서는 내가 편한 방식으로만 할 수는 없으니까.. 이 부분을 주의해야겠다고 생각했다. 다음주에 시도할 것꾸준하게 강의 수강하는 패턴 유지하기중간 중간에 배리어블 지정이 빠진 부분이 없는지 체크하기
UX/UI




