카테고리 없음

[Week 1] Orientation

GDG on Campus Figma study 2024. 10. 6. 20:08

Mento of Week 1:성희

Mentee of Week 1:리사, 재현, 은재, 지환, 소연, 가은, 효정


✏️스터디 진행 세부 내용 안내✏️

1. 어떤 자료를 활용하나요?

           바쁘다 바빠 현대사회! 과제하랴, 대외활동하랴, 기타 등등 바쁘신 여러분들을 위해 아주 좋은 자료를 찾아왔습니다! 바로 피그마 튜터 님의 예제 자료들인데요, 피그마 튜터 님이 업로드해주신 예제 리소스들을 맨 밑에서 부터 하나씩 도장깨기하며 인터랙션의 감을 잡아봅시다! 

아주 잘 정리되어 있어요 😀

https://www.figma.com/@figma_tutor 여기에서 예제들을 확인할 수 있습니다!

 

2. 스터디의 진행 방식이 어떻게 되는지 아직 잘 모르겠어요! 

  • 멘토와 멘티 매칭 시스템
    총 8명의 멤버로 이루어진 피그마 스터디는, 1:1 멘토 멘티 페어 매칭 시스템으로 진행할 예정입니다! 
    이렇게 매칭된 페어는, 격주로 서로의 멘토 / 멘티가 되어 일요일 정기 온라인 스터디 시간 전까지 예습 / 정기 온라인 스터디 시간 이후 복습 블로그 작성을 하게 됩니다!

    예시: 
    A - B / C - D / E - F / G - H
    멘토 A, C, E, G
    예제를 한 개씩 예습하고, 예습한 내용을 온라인 스터디에서 공유합니다. 
    멘티 B, D, F, H온라인 스터디에서 공유된 내용을 바탕으로 복습을 진행하며, 복습 인증을 위해 티스토리 블로그를 작성합니다.
    그 다음주에는 멘토와 멘티가 서로의 역할을 바꾸며 스터디를 진행합니다. 

  • 예습한 내용은 어떻게 공유해야 하나요?
    직접 예습했던 피그마 링크를 채팅방에 공유하고, 프로토타입을 적용하는 시범실시간으로 화면 공유를 통해 보여주면서 스스로 예제를 통해 학습하며 알게 된 지식을 공유합니다! 
    알게 되었던 지식 뿐만 아니라, 본인이 겪었던 시행착오를 차근차근 이야기해줘도 좋고, 다른 스터디 멤버는 이를 보며 피드백하거나 새로운 방법을 제시할 수도 있습니다. 
    추가적으로 필수는 아니지만, UIUX와 관련된 인사이트를 공유하거나 꿀팁을 얻어갈 수 있는 SNS 등을 공유하면 더더욱 좋습니다. 
    + 스터디 내용은 매주 녹화하여 언제든지 복습할 수 있도록 할 예정입니다 😀

    예시: 
    1) 프로토타입 적용 시범: 아코디언 메뉴 만들기 예제를 예습했습니다. 인터랙션을 적용하려고 보니 애니메이션이 적용 방법이 다양하던데, Change to 액션을 사용하니, 사용할 수 있는 애니메이션이 Instant, Dissolve, Smart Animate 크게 세 가지가 있더라구요. 각각의 차이점을 몰랐는데 직접 적용해보니 Instant는 말 그대로 즉각적인 변화, Dissolve는 서서히 나타나는 변화, Smart Animate는 정확히 감을 잡진 못했지만 두 Property를 자동적으로 부드럽게 연결시켜 변화를 보여주는 것 같습니다.
    2) 시행착오 공유: marquee 효과를 넣으려고 하는데, 뚝뚝 끊겨서 나타나는 현상이 계속되는데, 어떻게 하면 수정할 수 있을지 잘 모르겠어요. 혹시 해결 방법 아시는 분 있나요?
    3) 인사이트 및 꿀팁 공유: 혹시 인스타에 '회사문장'이라는 계정 다들 아시나요? UX적 측면에서 인사이트를 많이 얻을 수 있는 계정이라 추천합니다. 제가 최근에 봤던 글 중에, '미야오톡'의 한국어 번역 개선을 위해서 조사한 아티클에 굉장히 흥미로운 정보가 많더라구요. 사람들이 기대하는 고양이 말투가 있대요. 

  • 복습한 내용은 어떻게 작성하나요?
    멤버들 전원 티스토리에 가입한 계정의 이메일을 저에게 전달해주시면 GDG on Campus: SEOULTECH 블로그의 필자 권한 엑세스를 부여해드립니다! 매주 복습 블로그 템플릿을 임시저장 창에 업로드 해둘테니, 자유롭게 작성해주시면 됩니다.
    복습 내용은 너무 자세할 필요 없이 인터랙션을 위해 어떤 기능을 어떻게 적용한다, 어떤 기능은 ~한 역할을 한다 등 자유롭게 적어주셔도 됩니다. 캡쳐 사진을 함께 첨부한 필기 노트같은 느낌도 괜찮습니다! 

    복습 블로그는 스터디 다음날 월요일 오후 7시까지 작성 부탁드립니다!

    예시: 

 

 

정규 세션을 진행하며 복습용으로 다시 볼 수 있게 만든 디자인 파트 노션 본문처럼 이런 느낌으로 정리하면 다른 멤버들도 함께 보고 복습하기에 깔끔할 것 같습니다 😄👍

 

- 기능의 이름

- 기능의 역할

- 왜 이 기능을 사용해야 하는지

- 알면 좋을 부수적인 요소들 

- 온라인 스터디에서 진행했던 내용 기반의 복습 노트

- 기타 등등...

 

 

제공되는 양식

            매주 작성할 블로그의 양식을 임시저장으로 넣어둘테니, 확인해주세요! 토글과 리스트는 원하는 만큼 늘리셔도 됩니다. 


💡오늘의 인사이트/정보 공유💡

성희: 

여러분은 평소에 인사이트를 어디에서 얻으시나요? 저는 특별하게 공부를 해서 얻는다, 하는 건 제가 성격이 게으르기도 해서 잘 없는 것 같습니다 😅 그래서 매일 습관적으로 들어가는 인스타그램을 최대한 잘 활용해보려고 하는데요, 피드에 뜨는 콘텐츠들에 노출되면 무의식적으로 자연스럽게 머릿속에 잘 들어오게 되는 것 같더라구요. 그래서 디자인 관련, 그리고 제가 평소에 인사이트를 얻기 위해 팔로우하는 인스타그램 계정들을 공유합니다😀

  • Onno Quist https://www.instagram.com/onno_quist/ 
    1900년대 중반 - 말 모션 그래픽 아티스트들의 영상 작업물을 보아볼 수 있는 계정입니다. 추상적인 그래픽 형상을 참고하기 좋은 것 같아요!
  • Jin & Park https://www.instagram.com/jinandpark/
    시각디자인전공... 박우혁 교수님의 인스타그램입니다. 아내분과 같이 작품활동을 하시면서 작품들을 업로드하시는 것 같아요. 최근에 Kiaf에서 현대미술작품을 선보이셨더라구요. 다양한 작업을 하시는데, 특히 타이포그래피가 인상적이라 팔로우하고 있습니다. 
  • 회사문장 https://www.instagram.com/com_sentence/
    앞전 예시에도 나왔던 계정인데요, 정말 재밌는 UX 인사이트들을 확인할 수 있어서 자주 보게 되는 매거진인 것 같습니다!