Design

Figma 기본기능#2

첫번째에 이어 두번째 이어서 진행해보겠습니다 Ios UI Kit를 눌러서 Page 1로 돌아옵니다 Assets로 돌아와서 Status를 검색합니다 StatusBar를 캔버스로 꺼내서 프레임 안쪽에 배치시킵니다 정렬을 Left, Top으로 지정하고 Size를 바깥쪽 Frame의 Size와 동일하게 조정합니다 현재 프레임은 375 x 812이고 StatusBar는 390 이므로 375로 맞춰줍니다 다시 Assets 채널에서 tab bar를 검색하고 프레임 안쪽으로 배치합니다 tab bar는 bottom , left를 하고 Frame과 동일하게 375사이즈로 맞춥니다 이제 프레젠테이션 뷰에서 컴포넌트가 어떻게 보이는지 확인합니다 상단 오른쪽에 재생버튼을 클릭합니다 보통 앱 중에서 스크롤이 발생하는 앱도 많기에..

FIgma 기본 기능

평소 UX/UI에 관심이 많았던지라 FIgma에 대해서도 알고 있었다 하지만 간단한 이미지 수정 외엔 딱히 사용하지 않았는데 이참에 제대로 공부 해보고자 한다 Figma란? Figma는 UX / UI 디자인을 할 때 유용한 디자인 프로그램이다 Adobe XD, Sketch처럼 UI 디자인을 할 수 있는 유용한 도구이다 Figma 특징 협업기능 여러 명이 실시간으로 작업을 공유하고 편집이 가능한 협업 기능을 제공한다 Mac, Windows 운영체제를 지원한다 벡터 기반의 프로그램이다 그래서 깨지는 현상이나 용량을 효율적으로 관리할 수 있다 인터넷에 연결만 되어있다면 작업을 하면서 자동으로 저장이 되는 기능을 제공한다(최대 30일) Figma는 앱 뿐만 아니라 웹에서도 동작한다 첫 회원가입을 진행하고 홈으로..