앱 프로토 타이핑 : Facebook 종이 접기 시작

코어 포인트 :

Facebook의 종이 접기 도구를 사용하면 코딩 지식없이 대화식 응용 프로그램 프로토 타입을 생성 할 수 있습니다. Facebook은 수많은 플래그십 응용 프로그램을 구축하여 신뢰성과 기능을 입증하는 데 사용되었습니다. 종이 접기는 스케치와 완벽하게 통합되며, 디자인 도구에서 변경 될 때 프로토 타입이 자동으로 업데이트됩니다. 또한 코드 내보내기 기능이있어 엔지니어는 iOS, Android 및 웹 애니메이션에 필요한 코드를 내보낼 수 있습니다. 종이 접기는 광범위한 지원 리소스가 부족할 수있는 비교적 새로운 도구이지만 사용하기 쉽고 빠른 프로토 타이핑을 가능하게합니다. 변경이 이루어질 때 시청자에게 실시간 업데이트를 제공하며 패치 속성을 부드럽게 통합하여 이해하고 사용하기 쉽습니다.

소프트웨어 개발 분야에서 프로토 타입은 종종 피드백을 테스트하고 수집하는 데 사용되는 응용 프로그램 (또는 웹 사이트)의 프로토 타입을 작동시키고 있습니다.
• 잘 만들어진 프로토 타입은 항상 최종 응용 프로그램이 수십 개의 정적 모델 페이지보다 더 안정적으로 작동하는 방식을 제시합니다.
그러나 모든 디자이너와 팀이 그러한 프로토 타입을 구축 할 수있는 능력이있는 것은 아닙니다. 처음부터 코드를 작성하려면 시간과 전문 지식이 필요하지만 많은 온라인 도구는 일종의 구독이 필요합니다.
• 행복하게도 1 년 전 페이스 북은 코드를 쓰지 않고 현대 UI 및 대화식 프로토 타입을 설계하기위한 무료 도구 인 종이 접기를 발표했습니다.
실제로 테스트를 거쳐야합니다 - Facebook은 Instagram, Messenger, Slingshot 및 Facebook Paper와 같은 종이 접기를 사용하여 몇 가지 주력 앱을 구축했습니다.
• 소개 :
Facebook 종이 접기 자체는 데모 애니메이션 및 기타 복잡한 상호 작용을 포함하는 작업 모델을 쉽게 개발할 수있는 대형 석영 작곡가 "Patch"스택입니다.

패치는 기존 애니메이션, 그래픽 또는 대화식 모듈입니다. 패치를 프로토 타입을 구축하기위한 빌딩 블록으로 생각할 수 있습니다.

Quartz 작곡가를 이해하는 가장 좋은 방법은 입력 매개 변수 및 출력 결과를 취할 수있는 시각적 프로그래밍 도구로 생각하는 것입니다. 스케치 또는 Photoshop 레이어를 패치로 가져온 다음 최종 응용 프로그램 경험을 시뮬레이션하는 무언가를 만들 때까지 애니메이션 및 이벤트와 연결할 수 있습니다.

Quartz 작곡가를 마스터 한 후에는 프로토 타입을 즉시 쉽게 결합 할 수 있어야합니다. 다음은 석영 작곡가의 역사에 대한 자세한 설명입니다. 종이 접기를 다운로드하려면 공식 웹 사이트의 다운로드 섹션의 단계를 따르십시오.

인터페이스 및 기본 도구 :

Quartz Composer를 시작할 때 먼저 템플릿 선택기 창이 나타납니다. 새로운 종이 접기 프로젝트를 시작하려면 다음으로 이동하십시오 : 파일 & gt; New Origami 파일 "또는 ⌥⌘n.

종이 접기 프로젝트를 만든 후 3 개의 겹치는 창을 사용하라는 메시지가 표시됩니다. 작업 공간을 개선하고 깨끗하게 보이려면 다음으로 이동하십시오. Window & GT;

> 1. 편집 창 > 편집 창은 메인 작업 공간입니다. 디자인의 다양한 레이어를 연결하여 패치를 드래그 앤 드래그 앤 드래그 앤 드래그 앤 드래그 앤 드래그 앤 드래그 및 조립 할 수있는 워크 벤치입니다. 편집 창에서 패치 라이브러리, 뷰어 창, 패치 검사관 및 백/포워드 및 확대/축소와 같은 기본 도구 버튼과 같은 다른 도구 및 창에 액세스 할 수도 있습니다.

> 2. 패치 라이브러리 창 패치 라이브러리에는 프로토 타입을 구축하는 데 필요한 모든 구성 요소가 포함되어 있습니다. 이들은 마법의 효과를 달성하는 볼트와 너트입니다. 이벤트와 패치 라이브러리에서 다른 요소를 추가하여 두 번 클릭하거나 드래그 앤 드롭 만 클릭하십시오.

view> 3. 뷰어 window 뷰어 창은 실제 장치 에뮬레이터처럼 보입니다. 작업 공간에서 수행하는 모든 작업 (편집 창)은 여기에 반영됩니다. 유형의 뷰어 크기 패치 속성을 선택한 장치 유형의 선호 값으로 변경하여 표시되는 장치 유형을 변경할 수 있습니다.

드롭 다운 메뉴에는 기본적으로 Windows Phone 및 Apple Watch 유형이 있습니다.

코드 내보내기 프로토 타입을 승인 한 후 엔지니어가 할 시간입니다. 분명히, 이것은 최종 제품이 프로토 타입과 잘 일치하도록 긴밀히 협력 해야하는 디자이너와 프로그래머에게는 매우 어려운 과정이 될 수 있습니다.

최종 제품이 승인 된 프로토 타입과 충분히 유사하지 않을 때 문제가 발생할 수 있습니다.

그러나 종이 접기 코드 내보내기 기능 덕분에 엔지니어는 iOS, Android 및 웹에서 동일한 애니메이션을 구현하는 데 필요한 코드를 내보내 면서이 문제를 쉽게 해결할 수 있습니다.

스케치 통합 종이 접기 스케치 통합을 사용하면 스케치 앱의 디자인 된 레이어를 프로토 타입에 직접 연결할 수 있습니다. 즉, 스케치에서 디자인을 편집 할 때마다 종이 접기 프로젝트에 업데이트가 자동으로 반영됩니다.

데모 모드

데모 모드를 사용하면 다양한 배경 이미지, 장치를 잡고있는 사람의 손 및 터치 포인터를 사용하여 전체 화면 모드로 프로토 타입을 시청자에게 아름답게 제시 할 수 있습니다.

iPhone 또는 iPad가 있거나 Apple 장치의 트랙 패드를 통해 프로토 타입을 직접 제어 할 수 있습니다. 이 링크를 통해 공식 종이 접기 웹 사이트의 다양한 기능에 대한 자세한 내용은 찾을 수 있습니다.

결론 :

Facebook 종이 접기가 잘 작동하고 작업을 완료합니다. 패치를 편집하거나 새 이미지를 가져올 때 새로 고침 버튼을 컴파일하거나 클릭 할 필요가 없기 때문에 프로토 타입 조정이 빠릅니다. 모든 컨텐츠는 실시간으로 뷰어에 반영됩니다.

당신은 다른 사람으로부터 프로토 타입을 얻을 때 그것이 무엇을 의미하는지 이해하기 위해 많은 노력을 기울일 필요가 없습니다. 패치 속성은 일반적으로 자명하며 다른 것을 깨지 않고 부드럽게 통합되는 것 같습니다.

단점은 종이 접기가 비교적 새롭고 아직 많은 양의 지원 자원이 없다는 것입니다. 그럼에도 불구하고 기존 자원은 잘 만들어지고 조직되어 있습니다.

여기에서 찾은 공식 웹 사이트에서 예와 튜토리얼을 찾을 수 있습니다.

이 입문 기사에 컨텐츠를 추가하려면 질문이 있으시면 아래의 의견 섹션에 의견을 남겨 두십시오.

Facebook 종이 접기와의 프로토 타이핑에 대한 FAQ :

Facebook 종이 접기는 다른 응용 프로그램 프로토 타입 도구와 어떻게 다릅니 까?

Facebook 종이 접기는 다양한 응용 프로그램 프로토 타이핑 기능을 제공하는 고유 한 도구입니다. 다른 도구와 달리 종이 접기는 디자인의 실시간 미리보기를 제공하여 실시간으로 변경 사항을 볼 수 있습니다. 또한 복잡한 상호 작용을보다 쉽게 ​​만들 수 있도록 다양한 사전 구축 구성 요소를 제공합니다. 또한 종이 접기를 사용하면 프로젝트에서 직접 사용할 수있는 코드 스 니펫을 내보낼 수있어 시간과 노력을 절약 할 수 있습니다. Facebook 종이 접기가 무료로 사용할 수 있습니까? 예, Facebook 종이 접기는 완전히 무료로 사용할 수 있습니다. 오픈 소스 도구입니다. 즉, 누구나 자체 애플리케이션 프로토 타입을 만들 수 있습니다. 이로 인해 개인과 기업 모두에게 비용 효율적인 솔루션이됩니다.

운영 체제에서 Facebook 종이 접기를 사용할 수 있습니까?

현재 Facebook 종이 접기는 MacOS에서만 사용할 수 있습니다. 그러나 종이 접기의 팀은 지속적으로 업데이트하고 개선하기 위해 노력하고 있으므로 향후 다른 운영 체제에서 효과가있을 수 있습니다.

Facebook 종이 접기와 생성 된 프로토 타입을 공유하는 방법은 무엇입니까?

Facebook 종이 접기를 사용하면 다양한 방법으로 프로토 타입을 공유 할 수 있습니다. 비디오, GIF 또는 대화식 프로토 타입으로 프로토 타입을 내보낼 수 있습니다. 다른 사람들이 직접 상호 작용할 수 있도록 프로토 타입 링크를 공유 할 수도 있습니다.

코딩 지식없이 Facebook 종이 접기를 사용할 수 있습니까?

예, Facebook 종이 접기는 사용하기 쉽도록 설계되었으며 코딩 지식이 필요하지 않습니다. 구성 요소를 드래그하고 삭제하여 복잡한 상호 작용을 만들 수있는 시각적 인터페이스를 사용합니다.

Facebook 종이 접기를 사용하여 어떤 유형의 응용 프로그램 프로토 타입을 만들 수 있습니까?

Facebook 종이 접기는 다양한 응용 프로그램을 프로토 타입하는 데 사용할 수있는 다기능 도구입니다. 소셜 미디어 앱, 모바일 게임 또는 생산성 도구를 만들 든 종이 접기는 아이디어를 현실로 바꿀 수있는 기능과 유연성을 가지고 있습니다.

Facebook 종이 접기를 시작하는 방법?

Facebook 종이 접기를 시작하려면 Mac에서 종이 접기 스튜디오 소프트웨어를 다운로드하여 설치해야합니다. 설치가 완료되면 다양한 도구와 기능을 사용하여 고유 한 프로토 타입을 만들 수 있습니다.

Facebook 종이 접기에서 다른 사람들과 협력 할 수 있습니까?

Facebook Origami는 현재 내장 협업 기능을 제공하지 않지만 프로토 타입을 공유하고 피드백을 수집하여 다른 사람들과 협력 할 수 있습니다.

Facebook 종이 접기 사용에 대해 더 많이 배우는 방법은 무엇입니까?

Facebook 종이 접기 사용에 대해 더 많이 배우는 데 도움이되는 자료가 많이 있습니다. 종이 접기 웹 사이트는 다양한 튜토리얼과 가이드를 제공하며 다른 종이 접기 사용자와 연결하고 경험을 배울 수있는 많은 온라인 커뮤니티가 있습니다.

Facebook 종이 접기의 시스템 요구 사항은 무엇입니까?

Facebook 종이 접기에는 MacOS 10.13 이상이 필요합니다. 또한 64 비트 프로세서가있는 Mac이 필요합니다.

위 내용은 앱 프로토 타이핑 : Facebook 종이 접기 시작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!