Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
관리 메뉴

UI/UX 공부기록

[사전캠프 2주차] 화요일 TIL 본문

사전캠프

[사전캠프 2주차] 화요일 TIL

hyunjiii 2024. 10. 8. 17:43
10/8 일일 목표📝

2주차 1~4강 강의듣기

비슷한 JD분석 개인과제

아티클 스터디


 

 

📖 오늘 배운 내용!

 

오늘은 피그마를 다루기 위해 반드시 알아야하는 프레임과 오토레이아웃에 대해 배웠다.

프레임은 디자인의 기본단위이다.

 

오토레이아웃

오토레이아웃은 UI에서 매우 편리한 기능이다.

만들어둔 프레임에 오토레이아웃을 적용하면 간단하게 패딩이나 여백을 조절 가능하고 개별로 설정도 가능하여 디자인할때 편리한 기능인 것같다.

 

그리고 프레임과 그룹은 다른 것인걸 배웠다.


프레임
은 코드블록을 만드는 기능이고, 실제로 개발할때 필요한 속성 적용이 가능해 개발자들과 소통할때 편한 기능인것같다.

그룹은 디자인 할 때 편하게 움직이고, 여러개체를 하나로 담아 묶는 기능이다.'

 

그리고 레이어를 정렬하면 부모-자식 관계라고 부른다. 레이어 안에 또 다른 레이어 구조를 만드는 개념이다.

 

 

 


 

👩‍🏫 오늘 진행하며 어려웠던 부분

 

일러스트나 XD에서는 그룹이라는 개념밖에 없었는데 피그마에서 새롭게 프레임과 그룹은 다르다는 것을 알게되니까 조금 이해가 어려웠지만 실제로 피그마에서 조금 다뤄보니 이해가 가는 것 같다.

 

 


 

👀 어려웠던 부분을 어떻게 해결했을까?

 

실습하여 직접 피그마에서 오토레이아웃을 만들고 움직여보니 조금은 익숙해진 기분이다.

그리고, 프레임과 그룹의 차이를 말로만 듣고, 자료만 쳐다봤을때는 몰랐는데 한번 직접 해보니 금방 적응가능 할 것 같다!