소개
안녕하세요.
디지털 에이전시 인픽스 크리에이티브 디자인그룹 그룹장 안명철 입니다.
내부 직원들을 교육하다가 이렇게 온라인 강의도 올리게 되었습니다.
저의 툴 강의를 통해 UI/UX 디자인을 하는 분들께 도움이 되면 좋겠습니다.
강의
전체1수강평
게시글
질문&답변
2024.01.17
Access Settings이 보이지 않아요
안녕하세요~ Access Setting 부분이 프로토파이 사이트가 업데이트 되면서 약간 이동되었습니다. 두 곳에서 접근이 가능한데요, 먼저 캡처해주신 메뉴화면에서 Share를 누르면 아래와 같은 모달화면이 나옵니다. (사진) 여기서 Anyone with link 항목을 선택하시면 아래와 같은 화면으로 바뀌고 Access Setting을 할 수 있습니다. 하지만, 무료계정에서는 항목들은 보이지만 변경기능은 비활성 됩니다. (사진) 참고로 유료계정에서는 아래처럼 설정항목이 보여집니다. (사진) 다른 방법은, 프로토파이를 재생하는 화면 오른쪽 상단의 Share 버튼을 누르시면 됩니다. (사진) 그러면, 아래처럼 이전 방법과 동일한 팝업이 나타납니다. 여기서 Anyone with link 를 선택하여 들어가면 됩니다. (사진) 도움이 되셨길 바랍니다~
- 0
- 1
- 84
질문&답변
2024.01.09
프로토파이 Share를 눌렀을 때 선생님 강의에선 다운로드 버튼이 있는데
안녕하세요. 프로토파이 강의를 수강해수셔서 감사합니다~ 최근 프로토파이가 웹사이트를 업데이트 하면서 UI가 살짝 이동하였습니다. 웹사이트의 플레이 화면에서 설정이 왼쪽으로 이동하고, 핸드오프 버튼이 오른쪽으로 이동하였구요, 문의하신 다운로드 버튼은 플레이 화면에서는 없어지고, Cloud 첫화면에 보이는 Pie 파일들의 썸네일 오른쪽 상단에 마우스를 올리면 나타나는 ... 메뉴를 누르시면 보입니다. 감사합니다. (사진)
- 0
- 3
- 179
질문&답변
2023.12.15
타이머 만들기
안녕하세요. 프로토파이 강의를 수강해주셔서 감사합니다~ 문의하신 부분이 혹시 숫자가 00 두자리씩만 표현되고 999가 넘어가면 다시 00이 되야 하는데 계속 올라간다는 말씀이실까요? 99에서 다시 00으로 되려면 변수에 숫자를 1씩 더해서 입력하는 Assign 명령에 Condition을 추가하여 99보다 크거나 같으면 변수를 0으로 리셋하고나서 다시 1씩 더해서 입력하는 조건을 추가하면 될 것 같습니다.(아래 예시 이미지) (사진) 타이머가 좀 까다로운 모션이라 강의내용에는 추가하지 않았는데요, 다행히 프로토파이 사이트에 예제로 제공되고 있으니 참고해서 보시면 도움이 될 것 같습니다. 아래 링크 달아드립니다. https://www.protopie.io/blog/create-a-stopwatch-timer
- 0
- 2
- 246
질문&답변
2023.11.24
Figma 디자인 화면 import 관련 질문
안녕하세요. 프로토파이 과정을 수강해주셔서 감사합니다. 강의에 사용되는 교재파일은 실제와 다르게 가공된 화면이거나 이미 서비스가 오픈되어 사용중인 화면을 조금 수정하여 사용하거나, 교재용으로 별도 제작된 파일들이라서 저작권에는 문제가 없습니다~ 또한 교재파일은 레이어를 단순화 하고 재활용 방지를 위해 교육과정에 필요없는 부분들은 하나의 이미지로 Merge 하여 사용한 것입니다. 실제 RangRang 님이 작업하실때 일부러 Merge 하여 쓰실 필요는 없습니다. 피그마의 레이어를 그대로 프로토파이로 익스포트 하여 작업하시면 됩니다! 피그마에서 작업한 디자인 화면을 프로토파이로 익스포트 할때 위치나 크기가 뒤틀리는 부분은 없습니다. 하지만, 피그마에서 사용한 마스크 처리(예, 텍스트 레이어를 마스크로 사용한 경우 등)가 프로토파이에서 지원되지 않는 경우에는 마스크가 풀려서 들어오고, 피그마에서 디자인한 비교적 복잡한 벡터 아이콘이 변형되어 들어오는 경우가 있을 수 있습니다. 이런 경우에는 적당한 png 마스크 이미지를 만들어 사용하시거나 아이콘을 피그마에서 3x 또는 4x 사이즈의 png 이미지로 익스포트 하여 프로토파이에서 사용하셔야 할 수 있습니다. 권장하는 방법은 피그마 디자인 파일을 그대로 프로토파이로 익스포트 하는 방법입니다. 감사합니다!
- 0
- 1
- 148
질문&답변
2023.11.14
디비이스 센서 활용 질문
안녕하세요~ 말씀하신 방법이 더 좋은 방법입니다. 저는 그간 배운 트리거들을 반복해서 학습하기 위해 중복해서 사용해봤는데요, 더 간단한 방법을 스스로 찾으시니 기쁩니다! 다만, tan 님께서 말씀하신 방법 중 Rotate 리스폰스: 바늘 지정 레인지 1 (0~100dB : 337 ~ 23angle) Assign: db(변수) 지정 레인지 1 (0~100db : 0~100 value) 이렇게 레인지1들을 모두 0~100으로 해주셔야 디자인에 표현된 0~100db 까지의 눈금 움직임과 매칭이 됩니다.
- 0
- 1
- 131