본문 바로가기
728x90
반응형
SMALL

오토 레이아웃2

[Figma] 기획서 양식 만들어보기( '오토레이아웃' 활용) 서비스기획자로 일하면 기획서 양식 너무 필요합니다. (너무 당연한 얘기네요 ㅎㅎ)대부분은 회사에서 기본 템플릿이 있을텐데요.오토레이아웃을 활용해보기 위해서 기획서 템플릿을 만들어보려고 합니다!아래 이미지의 기획서 양식을 피그마로 만들 수 있나요?(바로 스크롤해서 답안을 확인하지 말고, 피그마에 직접 만들어본 후 답안을 확인해보면 여러분 성장에 더 많은 도움이 될 거에요! :) ) 꼭꼭꼭!!!  피그마로 할수 있는 만큼 해보고 아래 내용을 확인해 주세요!타이틀 만들기칩 만들기Description 영역 만들기만들어진 오토레이아웃 합치기프레임 추가(W: 1920, H: 1080)생성된 프레임에 만들어진 오토레이아웃을 적당한 위치에 배치최대한 잘 따라올 수 있도록 상세하게 설명 드려보았어요!답안을 보면서 직접 .. 2024. 11. 13.
오토 레이아웃(Auto layout) 1. 오토 레이아웃이 뭔가요?도형이나 텍스트의 크기와 위치를 자동으로 조정할 수 있도록 전체적인 틀을 설정하는 방식2. 오토 레이아웃 기능 설명① Resize to fit: 오토 레이아웃 내에서 도형 간의 교집합 영역에 맞춰 크기를 자동으로 조정② 오토 레이아웃 추가/삭제: 오토 레이아웃을 추가하거나 삭제③ 크기 설정 및 크기 조건 추가  - 레이아웃의 가로, 세로 크기 설정  - [▽] 선택 시 팝업 출력     - Fixed height: 사용자가 직접 설정한 크기로 고정       예. 가로 2000으로 설정한 후 텍스트 1글자 입력 시 가로 길이 2000 유지됨     - Hug contents: 입력한 텍스트에 맞춰 크기 자동 조정       예. 텍스트 1글자 입력 시 1글자에 맞는 크기로 자.. 2024. 10. 14.
728x90
반응형
LIST