작성
·
633
2
강의와 관련있는 질문을 남겨주세요.
• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)
• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)
• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등)
질문 전달에도 요령이 필요합니다.
• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.
• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.
• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요.
• 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요!
구체적인 질문일수록 명확한 답을 받을 수 있어요.
• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.
• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.
• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다.
기본적인 예의를 지켜주세요.
• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다.
• 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요.
• 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.
안녕하세요.
색센4. 카드 UI 그리고 shape 속성 조절하기
강의에서 궁금한 점이 생겨 이렇게 질문드립니다.
카드를 만들려면 저는 도형-사각형으로 만들고 R값을 주고 사진은 클리핑마스크로 하고 그렇게 만든다고 생각했는데 강의를 보니 frame으로 카드 틀을 만들고 그 frame 을 다른 frame(아이폰 화면)에 넣으시는 거 보고 궁금증이 들었습니다.
저는 어도비 XD를 쓰다가 피그마를 배우고 있는데 저는 여태까지 프레임이 화면크기(아이폰 화면크기, 갤럭시 화면크기 등)으로만 보고 일러스트의 "대지" 기능처럼 써왔는데 그런 프레임을 카드로 만들어서 프레임(화면)안에 또 프레임(카드)를 넣으시는 거 보고 그렇게도 가능한가라는 생각이 들었습니다.
그럼 "도형으로 만든 사각형"과 "프레임으로 만든 사각형"이 (단순히 프레임의 clip content 기능으로 프레임 안의 것만 보인다)의 기능 말고 다른 차이점이 있는건지 궁금합니다.
강의 재밋게 잘 듣고 있습니다. 감사합니다.
답변 1
4
안녕하세요! 질문 주셔서 감사합니다.
피그마의 프레임은 스케치나 Xd의 아트보드를 포함한 개념이라고 보시면 될 것 같습니다.
일반 도형과의 프레임 도형의 차이점에 대해 말씀드리겠습니다.
단순 도형 안에는 도형을 넣을 수 없습니다. 그와는 다르게 프레임으로 만든 도형은 단순한 도형의 의미가 아니라, 프레임 안에 들어가는 컨텐츠들을 정렬할 수 있는 컨테이너의 역할을 합니다. 다시 말씀드리면, 프레임으로 만드는 도형은 UI타입중에 카드타입이나 프로필 처럼, 요소들을 감싸는 부모요소로 사용하실 수 있는 것입니다.
그래서 컨테이너의 역할을 하는 프레임 안에는 프레임이 들어갈 수 있습니다.
인프런 웹사이트의 버튼을 예로 들어보겠습니다.
아래 버튼의 경우 R값과 보더 등이 들어간 프레임으로 만들면 그 안에 텍스트를 넣을 수 있으나, 단순 도형으로 사각형을 만들면 사각형과 텍스트는 각각 동일 레벨의 레이어로 작용하게 됩니다. 따라서 단순 도형 안에는 텍스트가 들어갈 수 없습니다.
프레임으로 사각형을 만들고 그 안에 텍스트나 아이콘 등을 넣었을 때, 사각형 프레임 기준으로 오브젝트의 정렬을 하실 수가 있고(피그마의 constraints기능 활용), 버튼의 사이즈가 늘어나더라도 안에 들어가는 오브젝트는 프레임 기준으로 설정한 위치에 따라 정렬이 조절됩니다.
그래서 아래 버튼들처럼 오브젝트를 포함하는 컨테이너로 만들어서 사이즈 조절할 때 안쪽 오브젝트가 영향을 받아야 한다면, 프레임으로 도형을 만드시는 것이 좋겠습니다.
섹션 6의 constraints , auto layout 강의가 도움이 되실 것 같습니다!
감사합니다.