내일배움캠프_디지털마케터_3기 (사전캠프 9일차)

오늘 배운 피그마 강의

---

프레임과 그룹

 

코드는 디자인을 어떻게 읽을까?

1. 디자인을 코드로 변환한다.
2. 이때, 코드는 디자인을 레고처럼 쌓는다
   > 코드는 기본적으로 네모난 박스 영역을 만든다. 이것을 박스 모델이라고 부른다.
3. 웹과 앱은 코드를 읽고, 디자인으로 다시 바꿔서 화면에 보여준다.
   > 따라서 UI를 설계할 때는 코드로 변환할 수 있는 구조로 만들어야 한다. 그 구조를 위한 기능이 프레임이다.

 

프레임의 개념

피그마에서 코드 블록을 만드는 기능, 실제 화면으로 인식하는 개체이다.

• 프레임은 디자인을 코드로 바꿀 때 개발이 가능한 코드 블록으로 만들어진다.
• 박스 모델의 박스 하나하나가 피그마에서 프레임이라는 기능으로 구현되는 셈이다.
• 프레임은 다른 개체나 프레임을 넣을 수 있기 때문에, 컨테이너라고도 불린다.

 

그룹의 개념

여러 개체를 하나로 묶어주는 기능

• 그룹은 다양한 경우에 사용할 수 있다.
• 여러 개체를 조정하거나 디자인을 정리하는 등 편의를 위해 여러 개체를 하나로 담는 기능이다.
• 프레임과 달리 그룹은 코드 블록으로 인식되지 않는다.
  > 그룹은 SGV 이미지로 인식하다고 생각하면 편함.
• 그룹을 사용하는경우
  여러 요소를 한 번에 담아서 움직일 때 주로 사용한다. 복잡한 디자인들을 정리할 필요가 있을 때 그룹을 사용해서 정리하기도 한다. > 실무에서는 그룹을 사용하는 빈도가 매우 적다.

---

튜터님의 라이브 세션 

---

오늘 수업에는 실무자이신 튜터님이 "나는 어떤 마케터가 되어야 할까?"에 대한 주제로 강의를 해주셨다.

여러 마케터 업무 중에서 어떤 것에 좀 더 초점을 두고 싶은지 방향성을 제시해 주셨다.

나는 하고싶은 쪽이 조금 확고하게 굳혀 있다고 생각이 들었는데 튜터님의 강의를 듣고 '이것만 할래'가 아닌 이것에 중점을 두되 다른것도 어느정도 할 수 있는 능력을 키우는게 좋겠다고 느꼈다! 

 

튜터님이 강조하신 내용은 ⬇️

근거 기반의 문제 및 솔루션 도출 중요!

“콘텐츠 기획/제작 + 데이터이해력 = 경쟁력”

 

피그마를 배우는 이유

기획 > 시각화 > 전달 > 측정 > 개선 

내가 만든 콘텐츠가 있어야 측정도 의미가 있다.

 

Q&A도 가졌는데 다른분들이 여러 질문을 해주셔서 답변듣는 재미도 있었다! 내가 궁금했던 부분들이 같은 사람도 있고 전혀 다른 분도 계셨다! 아무래도 현직에서 근무하시는 튜터님이라서 더 와닿는 답변이였다ㅎㅎ 이런 세션 너무 좋은듯?!

목요일 끝!