2024/10 3

[Week 2] 이미지 확대해서 보는 UI 만들기 / 스티키 탭 메뉴 만들기 / 모달&스테퍼 만들기 / 미니 드로워 인터랙션

Mento of Week 2:효정, 가은, 소연, 리사Mentee of Week 2: 지환, 은재, 재현, 성희, 희정이미지 확대해서 보는 UI 만들기 - 지환✏️1. 이 기능은 주로 어디에서 쓰이나요?   네이버 쇼핑몰처럼 이미지의 일부분을 확대해 주는 UI가 필요한 상황에 주로 쓰인다.2.  적용 방법  배경이 들어가는 프레임에 인터랙션이 생길 컴포넌트를 생성해 준다. 이 예시에서는 좌측에 원래 축소 이미지가 있고 우측에 확대된 이미지가 생길 것이다.  전 단계에서 만든 컴포넌트의 Variant를 형성해 준다. Variant는 우클릭 Main component에 들어가면 Add Variant를 선택하면 된다. 이제 Componet4의 추가 Variant를 만든다. 좌측에 확대된 부분을 표시해 주는 정..

카테고리 없음 2024.10.14

[Week 1] Orientation

Mento of Week 1:성희 Mentee of Week 1:리사, 재현, 은재, 지환, 소연, 가은, 효정✏️스터디 진행 세부 내용 안내✏️1. 어떤 자료를 활용하나요?           바쁘다 바빠 현대사회! 과제하랴, 대외활동하랴, 기타 등등 바쁘신 여러분들을 위해 아주 좋은 자료를 찾아왔습니다! 바로 피그마 튜터 님의 예제 자료들인데요, 피그마 튜터 님이 업로드해주신 예제 리소스들을 맨 밑에서 부터 하나씩 도장깨기하며 인터랙션의 감을 잡아봅시다! https://www.figma.com/@figma_tutor 여기에서 예제들을 확인할 수 있습니다! 2. 스터디의 진행 방식이 어떻게 되는지 아직 잘 모르겠어요! 멘토와 멘티 매칭 시스템총 8명의 멤버로 이루어진 피그마 스터디는, 1:1 멘토 멘티 ..

카테고리 없음 2024.10.06

[Intro] GDG on Campus: SEOULTECH Figma Study

🙌피그마의 핵심 기능인 컴포넌트를 활용하여 프로토타입 인터랙티브 애니메이션 마스터가 되자🙌             피그마 스터디에 참여해주신 멤버들 모두를 환영합니다! 우리 스터디의 목표는 피그마의 컴포넌트 기능을 활용하여 프로토타입에 적용할 인터랙티브 애니메이션 마스터가 되는 것입니다 💪💪 단순히 그래픽으로만 나타나는 유저 인터페이스 뿐만 아니라, 상호작용 요소들은 사용자 경험을 극대화하는 핵심 요소들입니다. 이번 스터디를 통해 그 과정에 필요한 기술을 하나하나 배워보고자 합니다 👍 🤔 왜 프로토타입 애니메이션을 만들어야 하나요?            피그마의 컴포넌트 기능은 반복적인 디자인 요소를 효율적으로 관리할 수 있게 해줍니다. 이를 통해 디자인의 변경 사항을 쉽게 반영하여 수정함은 물론..

카테고리 없음 2024.10.01