DesignOps : 효율적인 업무 프로세스 자세히보기

전체보기 95

스케치(Sketch)에서 제플린(Zeplin)으로 디자인 내보내기

안녕하세요. 블로그 관리자입니다. 스케치(Sketch)에서 제플린(Zeplin)으로 디자인을 내보내는 것은 매우 간단합니다. 스케치(Sketch)에서 제플린(Zeplin)으로 디자인 내보내기 1. 먼저 디자인을 내보내려면 제플린(Zeplin) 데스크탑 앱을 설치해야 합니다. 다운로드 링크 : https://support.zeplin.io/en/articles/244698-downloading-mac-and-windows-apps 2. 스케치(Sketch) 디자인 파일에서 레이어 또는 아트보드를 선택합니다. 3. ⌃⌘E를 누르거나 상단의 Plugins > Zeplin > Export Selected... 사용하여 내보내기 프로세스를 시작하면 됩니다. 감사합니다. 제플린 문의 : zeplin@tangunso..

컨테이너를 사용하여 스크롤 만들기

안녕하세요. 블로그 관리자입니다. 프로토파이(Protopie)에서 컨테이너를 이용하여 스크롤을 만들 수 있습니다. 컨테이너란 무엇입니까? 컨테이너는 다수의 레이어들을 그룹핑([command] + [G])하여 한 번에 제어하거나 스크롤이나 페이징 인터랙션을 만드는 용도로 사용할 수 있습니다. 컨테이너를 사용하여 스크롤 만들기 1. 스크롤을 적용할 리스트를 생성합니다. 2. 스크롤 컨테이너를 생성합니다. 3. 컨테이너의 영역을 선택 및 드래그하여 지정합니다. 4. 리스트 레이어들을 모두 선택하고 스크롤 컨테이너 안으로 드래그하여 이동 시킵니다. 레이어 선택하여 스크롤 컨테이너 안으로 이동 이동 완료 5. Preview 창에서 스크롤을 직접 확인할 수 있습니다. Properties 1. Direction : ..

Adobe Sign 활용법 온라인 세미나 안내

이 메일이 보이지 않을 경우 여기를 클릭해 주세요. 본격적인 비대면 자율 인증 시대가 도래했습니다. Adobe Sign을 활용하면 온라인 환경에서 편리하고 신속하게 중요한 문서와 계약서에 서명받는 것은 물론 고객의 신규 등록부터 전자 결재까지 간편하게 처리할 수 있습니다. 본 온라인 세미나에 참여하시어 언택트 시대를 살아 갈 현대인이라면 반드시 숙지해야 할 비즈니스 운영 방법의 실마리를 찾아 보세요. AGENDA TIME TOPIC 14:00~14:05 Welcome (김현지 컨설턴트, 한국어도비) 14:05~14:30 전자서명의 정의와 법적 효력 -향후 전자서명에서의 몇 가지 쟁점, 발전 방향 (정병무 변호사, 법무법인 굿플랜) 14:30~14:45 전자서명 솔루션 Adobe Sign 데모 및 기능 소..

Adobe XD 문서를 제플린(Zeplin)으로 내보내기

안녕하세요. 블로그 관리자입니다. 최신 버전의 Adobe XD와 제플린이 설치되어 있다면 Adobe XD 내보내기 메뉴에 제플린(Zeplin) 메뉴가 표시됩니다. 아래 단계를 따라 레이어 또는 아트보드를 Adobe XD에서 제플린(Zeplin)으로 내보냅니다. Adobe XD에서 제플린(Zeplin)으로 내보내기 1. Adobe XD에서 레이어 또는 아트보드를 선택합니다. 2. 파일 -> 내보내기 -> Zeplin을 선택합니다. 단축키 [command] + [option] + [E] 3. 제플린(Zeplin)에 로그인 되어 있지 않다면 아래와 같은 팝업이 나타납니다. 제플린(Zeplin) 계정으로 로그인 하면 됩니다. 내보내기가 완료되면 디자인은 이제 개발자가 사용할 수 있는 자산, 및 코드스니펫과 함께..

제플린(Zeplin)에서 프로젝트 만들고 디자인 내보내기

안녕하세요. 블로그 관리자입니다. Free, Starter, Growing Business, Organization 플랜을 사용중인 경우 Mac 앱과, Windows 앱에서 프로젝트를 생성할 수 있습니다. 프로젝트 생성하기 Organization 플랜을 사용중이시라면 상단에 조직을 먼저 선택 후 Create Project 를 선택해서 프로젝트를 생성합니다. 프로젝트 유형 선택하기 다음은 프로젝트의 유형을 선택해야 합니다. 제플린(Zeplin)은 현재 4가지 프로젝트 유형을 지원합니다. iOS, Android, Web, MacOS 프로젝트 내 모든 리소스(수치, 에셋, 코드스니펫 등)는 프로젝트 유형에 따라 디자인을 내보내는 동안 자동으로 생성합니다. 예를들어 프로젝트의 유형을 Android로 선택하면 A..

프로토파이(Protopie) Duration과 Start Delay 값 조절하여 다양한 인터랙션 만들기

안녕하세요. 블로그 관리자입니다. 프로토파이(Protopie)의 Duration과 Start Delay 값을 설정하여 다양한 느낌의 인터랙션을 만들 수 있습니다. 아래 패널에서 Duration, Start Delay 항목에 수치를 입력하여 세밀하게 조절할 수 있습니다. 또한 값이 변경될 때마다 타임라인에서도 Duration과 Start Delay 값을 시각화해서 확인할 수 있습니다. 자유롭게 조절도 가능합니다. 프로토파이(Protopie)를 통해 Duration 값과 Start Delay 값만 변경해도 다양한 느낌의 인터랙션을 만들 수 있습니다. 프로토파이(Protopie) 문의 : Protopie@tangunsoft.com

제플린(Zeplin)을 지원하는 버전

안녕하세요. 블로그 관리자입니다. 제플린(Zeplin)의 OS, 브라우저, 스케치 및 Photoshop 요구사항은 아래와 같습니다. 제플린(Zeplin)은 데스크톱 앱과 웹 앱 모두 제공합니다. 데스크탑 앱(Desktop App) Mac macOS 10.15 Catalina macOS 10.14 Mojave macOS 10.13 High Sierra Windows Windows 7+ 웹 앱(Web App) 제플린(Zeplin)의 웹 앱은 Windows, MacOS 및 Linux 장치에서 작동하며 최고의 경험을 제공하기 위해 대부분의 최신 브라우저를 지원합니다. Chrome 62+ Firefox 59+ Safari 11+ Edge 15+ Plugins Photoshop CC 2015+ Sketch 44.1..

프로토파이(Protopie)란 무엇입니까?

안녕하세요. 단군소프트 블로그 관리자 입니다. 프로토파이(Protopie)를 이용하면 디자이너는 가장 빠르고 손쉽게 코딩없이 인터렉션을 제작할 수 있습니다. 구현 정도와 퀄리티에 따라 Low-Fidelity ~ High Fidelity로 나뉘는데 프로토파이(Protopie)는 Hi-Fi 프로토타입 툴로써 말로는 설명하기 어려운 디테일한 인터랙션을 바로 손쉽게 구현할 수 있습니다. 프로토파이(Protopie)의 인터렉션 구성은 오브젝트 + 트리거 + 리스폰스로 되어있습니다. 디자이너가 "네모를 탭하면 여기로 움직이게 해주세요"라고 인터랙션을 설명할 때 아래와 같이 오브젝트, 트리거, 리스폰스로 구성이 됩니다. 오브젝트 생성하기 프로토파이(Protopie)에서 오브젝트인 Ractangle을 하나 생성합니다...