블로그
전체 4#카테고리
- UX/UI
#태그
- 인프런
- 워밍업스터디클럽
- 디자인1기
- 볼드
- 피그마
- 디자인시스템
- 워밍업클럽
- 볼드강좌
- 피그마베리어블
2024. 05. 26.
0
[인프런 워밍업 스터디 클럽 1기_디자인] 4주차 마지막 발자국
인프런 워밍업스터디클럽 디자인 1기 4주차 마지막 발자국을 남긴다.그간 다른 인강 사이트의 여러 강좌를 들어봤지만, 볼드 강사님의 피그마 강의가 가장 인상깊게 남았다.피그마가 업데이트 될때마다 강사님께서 정성스럽고 디테일한 자료를 공유해주셨고,강의 실습에 적용해보고 한단계 더 성장할 수 있는 계기가 되었다.물론, 실무에서도 당연히 잘 사용할 수 있을것 같아서 너무 뿌듯하다. 4주차 마지막 실습1. 모든 컴포넌트를 조합하여 페이지화2. Mobile/ Tablet/ Desktop 반응형 적용3. Light/ Dark 모드화 이 모든 작업은 이 강좌의 주제인 베리어블에서부터 시작된다.볼드님 강의를 들으면 모든 UI 화면을 손쉽게 전환할 수 있다.앞으로는 강사님 말씀대로 이 모든 베리어블이 데이터베이스화 되서 엑셀로도 연동되어UI 화면을 직접 수정하지 않아도 해당 베리어블의 값만 수정하면 디바이스별/ 모드별 화면이 단 한 번의 클릭으로 짜잔! 바뀌게 될 것이라는 점에 백퍼 공감!!!피그마의 최신 업데이트 관련해서 공부해보고 싶은 사람은이 강좌 무조건 추천한다!인프런 워밍업스터디클럽에 처음 참여했는데 너무 유익한 시간이었다.다음 기회가 있다면 다시 참여해보고 싶다. 회고칭찬 미션 모두 클리어강좌 완강아쉬움피그마 업데이트본을 전부 반영하지 못한 점개선점 컬러 베리어블에 이어 폰트 베리어블을 디자인시스템에 적용해서 디벨롭!
UX/UI
・
인프런
・
워밍업스터디클럽
・
디자인1기
・
볼드
・
피그마
・
디자인시스템
2024. 05. 19.
0
[인프런 워밍업 스터디 클럽 1기_디자인] 3주차 발자국
벌써 워밍업 3주차에 접어들었다.피그마를 적응하는 순간, 업데이트가 자주 되니 반가우면서도 또 배우고 익혀서 적용해야 한다 ㅠ내 나름대로 폰트 베리어블 구조를 고민하면서 폰트 베리어블을 로컬 베리어블에 추가해보고어제 5월 18일(토요일) 볼드 강사님의 특강 내용과 비교해봤다.좀 더 고민하고 디벨롭해서 컴포넌트에 적용해봐야겠다.이번 3주차에는 그리드 시스템과 반응형 기준점을 설정하고,다양한 효과 그리고 높낮이를 나타내는 그림자효과,컴포넌트 만들기 전에 라이브러리 세팅하기를 복습해봤다. 1> 그리드 시스템과 반응형 기준점 설정하기그리드 : 고정형 Fixed : center, width값 설정, offset:0 (margin0) 2>다양한 효과 그리고 높낮이를 나타내는 그림자효과3> 컴포넌트 만들기 전 라이브러리 세팅하기 회고칭찬 폰트 베리어블 커스터마이징 고민강의 복습아쉬움폰트 베리어블 구조 고민으로 미션을 많이 수행하지 못함개선점 컴포넌트에 새로운 폰트 베리어블을 적용하여 개선할 예정
UX/UI
・
인프런
・
워밍업클럽
・
피그마
・
디자인시스템
・
볼드강좌
2024. 05. 12.
0
[인프런 워밍업 스터디 클럽 1기_디자인] 2주차 발자국
디자인 1기 | 김혜경 베리어블 등록하기(1)color(text/bg/border/icon/shadow)- 강의 내용과는 달리 Primary-Color 변경 및 .theme 컬러 추가로 다른 베리어블에도 적용하느라 시간이 좀 소요됨베리어블 등록하기(2) - spacing베리어블 등록하기(3) - border(radius/ width)베리어블 등록하기(4) - effect(blur/ opacity)베리어블 등록하기(5) - typography(mobile/desktop)- 피그마 최신 업데이트 > 폰트가 베리어블로 처리 가능하다는 점을 감안해서 폰트 베리어블에 도전!!회고칭찬 컬러 베리어블 커스터마이징폰트 베리어블 추가아쉬움미션 클리어 분발!!개선점 폰트 베리어블 설정을 제대로 추가한건지 체크 필요!
UX/UI
・
인프런
・
워밍업클럽
・
피그마베리어블
・
디자인시스템
・
볼드
2024. 05. 06.
0
[인프런 워밍업 스터디 클럽 1기_디자인] 1주차 발자국
디자인 1기 | 김혜경 4/26 두근두근! 오리엔테이션!황금같은 토요일 저녁 8시에 모두들 모여서 동기부여 뿜뿜!!! Mission(1) - Color Variables.primitive, .theme, sematic 으로 구성된 컬러 베리어블 등록!유용한 플러그인을 사용하여 빠르게 컬러를 생성/등록/문서화 할 수 있었다.볼드님의 지식을 내 것으로 만드려면 복습/예습만이 최선이다.각 미션별로 체크할 수 있도록 이렇게 세심하게 신경써주시니 정말 더 열심히 할 수 밖에 없다. 강의 내용과는 조금 다르게 Primitive 컬러를 내 나름대로 커스터마이징해서 진행해보았다.각 부서별 사람들과 공유하도록 플러그인을 사용해서 문서화하니 시간도 절약되고 유용했다.컬러 베리어블을 등록하고 나면, 이제 한숨을 돌릴 수 있다.회고칭찬 강의 완강!스터디 1/2/3기에 이어 이번 워밍업클럽까지 참여!강의 내용과는 다르게, 베리어블 커스터마이징아쉬움개인사정으로 첫 주 진도는 여기까지라 반성 또 반성 ㅠ 개선점 최신 업데이트된 폰트 베리어블에 도전해보기로!!잠을 조금 줄여서라도 새벽/저녁 시간에 두 타임으로 나눠서 분발!!
UX/UI
・
인프런
・
워밍업클럽
・
디자인시스템
・
볼드