🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

[인프런 워밍업 스터디 클럽 1기_디자인] 3주차 발자국

[인프런 워밍업 스터디 클럽 1기_디자인] 3주차 발자국

벌써 워밍업 3주차에 접어들었다.

피그마를 적응하는 순간, 업데이트가 자주 되니 반가우면서도 또 배우고 익혀서 적용해야 한다 ㅠ
내 나름대로 폰트 베리어블 구조를 고민하면서 폰트 베리어블을 로컬 베리어블에 추가해보고
어제 5월 18일(토요일) 볼드 강사님의 특강 내용과 비교해봤다.
좀 더 고민하고 디벨롭해서 컴포넌트에 적용해봐야겠다.


이번 3주차에는 그리드 시스템과 반응형 기준점을 설정하고,
다양한 효과 그리고 높낮이를 나타내는 그림자효과,
컴포넌트 만들기 전에 라이브러리 세팅하기를 복습해봤다.

 


1> 그리드 시스템과 반응형 기준점 설정하기

그리드 : 고정형 Fixed : center, width값 설정, offset:0 (margin0)

image

image

image

image

 

2>다양한 효과 그리고 높낮이를 나타내는 그림자효과

image

image


3> 컴포넌트 만들기 전 라이브러리 세팅하기

image

 

회고

  • 칭찬  

    • 폰트 베리어블 커스터마이징 고민

    • 강의 복습

  • 아쉬움

    • 폰트 베리어블 구조 고민으로 미션을 많이 수행하지 못함


  • 개선점 

    • 컴포넌트에 새로운 폰트 베리어블을 적용하여 개선할 예정

 

 

 

 

댓글을 작성해보세요.

채널톡 아이콘