와이어프레임 편집기

재사용 가능한 스텐실을 만드는 방법은 다음과 같습니다.

1. 기존 스텐실을 사용하거나 고유한 요소를 그려 필요한 모든 것을 만듭니다(그런데 강력한 벡터 편집 도구가 있음).
2. 사용자 지정 스텐실에 포함할 모든 요소를 선택합니다.
3. 마우스 오른쪽 버튼을 클릭하고 선택 자산 -> 자산으로 변환.

라인 도구를 사용하면 ... 따다! - 선을 그리다.

지름길: L 열쇠.

직선을 그리려면 Shift 키를 누른 상태에서 그립니다. 그러면 도구가 15도 증분으로 맞춰집니다.

직사각형 도구를 사용하여 다음을 수행할 수 있습니다. 드럼 롤 - 직사각형을 그립니다.

지름길: R 열쇠.

도형의 종횡비를 잠그려면 Shift 키를 누른 상태에서 그리십시오.

타원 도구를 사용하면 프로젝트에 멋진 타원을 추가할 수 있습니다.

지름길: C 열쇠.

도형의 종횡비를 잠그려면 Shift 키를 누른 상태에서 그리십시오.

펜 도구를 사용하면 모든 유형의 폴리라인과 폴리곤을 만들 수 있습니다.

지름길: P 열쇠.

펜은 경로 편집 도구로 베지어 곡선을 적용하기 전에 모양의 빠른 스케치(제어점 추가)를 만드는 데 유용합니다. 점을 추가하는 동안 드래그하여 제어점을 추가하는 동안 베지어 곡선을 추가할 수도 있습니다.

기존 경로에 점을 추가하려면 펜 도구를 선택하고 경로의 아무 곳이나 클릭하여 다른 점을 추가합니다.

패스에서 점을 제거하려면 펜 도구를 선택하고 제거하려는 기존 점을 클릭합니다.

다각형을 닫으려면 첫 번째 점 바로 위에 마지막 점을 추가하기만 하면 됩니다. 다각형이 이제 닫힐 것임을 나타내기 위해 마우스 커서가 변경됩니다.

패스 편집 도구를 사용하면 펜, 연필 또는 기타 벡터 편집 도구를 사용하여 생성된 방법에 관계없이 기존 패스를 수정할 수 있습니다.

지름길: A 열쇠.

경로 편집 도구는 점 이동 및 베지어 곡선 편집과 같이 경로를 조정하는 데 유용합니다.

1. 곡선의 제어점으로 변환하려는 경로 점 위로 마우스를 가져갑니다.
2. Alt 키(Mac의 경우 Option 키)를 누른 상태에서 마우스 커서를 아래로 클릭하는 동안 지점에서 멀리 떨어진 아무 쪽으로나 "당깁니다".
3. 곡선 조정 핸들이 나타납니다(그림에서 가는 선으로 연결된 파란색 점). 이 핸들을 사용하여 필요에 따라 곡선을 조정합니다.
4. 제어점을 Alt 키를 누른 상태에서 클릭하여 곡선을 다시 일반 각진 모서리로 변환할 수도 있습니다.

연필 도구를 사용하면 어떤 자유형 그림도 만들 수 있습니다.

지름길: Y 열쇠.

손으로 그림을 잘 그리는지 확인하세요 :-) 연필 도구를 사용할 때 Wacom 보드 또는 기타 그리기 태블릿이 유용할 수 있습니다.

손 도구를 사용하여 디자인 화면 주위를 이동할 수 있습니다. 높은 수준의 확대/축소를 적용하고 사물을 보기 위해 섬세한 스크롤 조정을 해야 할 때 편리합니다.

지름길: H 열쇠. 또는 Space 키를 누른 상태에서 마우스 왼쪽 버튼을 사용하여 일시적으로 손 도구를 활성화할 수 있습니다. 이것은 다른 도구(예: 펜)를 사용하고 펜을 비활성화하지 않고 스크롤해야 할 때 유용합니다. Space 키를 놓기만 하면 펜이 다시 활성 도구가 됩니다.

도구 상자에서 더 많이 사용되는 벡터 모양을 찾을 수 있습니다.

이러한 셰이프는 모든 유형의 프로젝트에 표시됩니다(도구 상자의 다른 스텐실은 프로젝트 유형에 따라 다름).

모든 벡터 객체는 획 브러시, 획 너비 및 채우기 브러시(해당되는 경우)와 같은 공통 속성 집합으로 지원됩니다.

이렇게 하면 나머지 디자인과 일치하는 스타일로 모양을 빠르게 그릴 수 있는 유연성을 얻을 수 있습니다.

때로는 와이어프레임에 몇 개의 활성 링크만 추가하도록 선택할 수 있습니다. 이러한 경우 뷰어가 디자인에서 실제로 클릭할 수 있는 요소를 알기 어려울 수 있습니다. 이러한 이유로 공유 또는 미리보기 모드에서 프로젝트를 볼 때 일부 미묘한 페이지 링크 표시기를 켜고 끌 수 있는 기능을 포함했습니다. 이러한 단서는 디자인의 모든 페이지에 있는 클릭 가능한 요소에 대한 시각적 표시를 제공합니다.

디자인 모드에서 요소에 페이지 링크를 할당한 경우 공유 또는 미리보기 모드에서 프로젝트를 볼 때 해당 요소에 해당 페이지 링크 표시기가 표시됩니다.

페이지 링크 표시기는 미리보기 또는 공유 모드에서 기본적으로 켜져 있지만 페이지 오른쪽 상단 모서리에 있는 링크 토글을 클릭하여 쉽게 끌 수 있습니다.

페이지 또는 프로젝트 간에 요소를 쉽게 복사하여 붙여넣을 수 있습니다. 동일한 와이어프레임 프로젝트 내에서 복사하여 붙여넣거나 한 프로젝트에서 복사하여 다른 탭, 창 또는 다른 브라우저에서 열려 있는 다른 프로젝트에 붙여넣을 수 있습니다.

복사하려는 디자인 요소를 선택하고 키보드에서 Ctrl+C(Mac의 경우 Cmd+C) 키 조합을 사용하여 클립보드에 복사합니다.

현재 클립보드에 있는 요소를 붙여넣으려면 복사하려는 프로젝트의 페이지를 찾아 키보드에서 Ctrl+V(Mac의 경우 Cmd+V) 버튼을 누르기만 하면 됩니다. 그게 다야! 이제 붙여넣은 요소가 새 위치에 복사됩니다.

프로젝트 공유를 시작하는 방법:

1. 상단 탐색 모음에서 공유 버튼을 클릭합니다.
2. "공유 시작" 버튼을 클릭합니다.
3. 자동 생성된 링크를 원하는 사람에게 보냅니다.

프로젝트 공유를 중지하려면 동일한 대화 상자에서 "공유 중지" 버튼을 클릭하기만 하면 됩니다. 다시 공유를 시작할 때까지 비밀 링크는 더 이상 작동하지 않습니다.

프로젝트의 작업 공간을 공유하는 것이 그 어느 때보다 쉬워졌습니다. 프로젝트 편집기에서 팀 옵션을 클릭하기만 하면 됩니다.

누군가가 프로젝트 작업 공간을 공유하는 경우 프로젝트에 액세스할 수 있는 링크가 포함된 이메일을 받게 됩니다. 아직 NinjaMock 계정이 없는 경우 계정을 생성하라는 메시지가 표시됩니다. 몇 초밖에 걸리지 않습니다!

프로젝트 액세스와 함께 관리자, 디자이너 또는 검토자와 같은 특정 권한이 부여됩니다. 이러한 권한은 계정 소유자가 귀하에게 부여합니다.

내 프로젝트 한 곳에서 모든 프로젝트의 작업 공간(내 작업 또는 나와 공유)에 액세스합니다. 계정 간에 전환하여 프로젝트에 액세스하세요.

프로젝트 액세스 외에도 폴더 또는 계정 수준에 대한 액세스 권한이 부여될 수 있습니다. 이렇게 하면 폴더의 모든 프로젝트 또는 전체 계정에 대해 동일한 권한을 갖게 됩니다.

NinjaMock 와이어프레임 편집기는 개별 와이어프레임에 댓글을 남기고 상태를 추적하는 직관적이고 친숙한 방법을 제공합니다.

댓글은 댓글이 남겨진 페이지에 따라 다릅니다. 페이지가 삭제되면 해당 댓글이 더 이상 표시되지 않습니다.

댓글은 실시간으로 동기화되므로 최신 댓글을 받기 위해 프로젝트를 다시 열거나 새로 고칠 필요가 없습니다!

새 주석은 디자인 화면의 오른쪽에 있는 주석 창에서 추가하거나 와이어프레임의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 "주석 추가"를 선택하여 추가할 수 있습니다.

댓글을 남기거나 수정할 수 있는 사람에 대한 제한은 없습니다. 프로젝트를 여는 사람은 누구나 댓글을 추가, 편집 또는 삭제할 수 있습니다.

각 댓글은 디자인 화면에서 파란색 '말풍선' 아이콘으로 표시됩니다. 말풍선 내부에는 고유한 댓글 번호가 표시됩니다.

뷰어가 주석이 참조하는 와이어프레임 요소를 이해하는 데 도움이 되도록 디자인 화면의 아무 곳이나 자유롭게 거품을 이동할 수 있습니다.

댓글을 보거나 편집하려면 말풍선 아이콘을 두 번 클릭합니다.

댓글이 해결되면 말풍선 아이콘이 회색으로 표시되고 댓글이 댓글 창의 목록 맨 아래로 이동됩니다. 이렇게 하면 댓글 목록 상단에 표시되는 활성(미해결) 댓글에 집중할 수 있습니다.

전체 프로젝트에 해결되지 않은 주석이 있는지 확인하려면 다음을 사용하십시오. 모두 댓글 창 상단의 스위치. 이렇게 하면 현재 페이지에 대한 댓글만 보는 것이 아니라 모든 페이지에 대한 댓글을 볼 수 있습니다.

댓글 말풍선 아이콘을 클릭하면 해당 댓글이 남겨진 페이지로 바로 이동합니다. 이 말풍선 아이콘이 화면 중앙에 위치하도록 스크롤 위치도 조정됩니다.

특정 페이지 대신 전체 와이어프레임 또는 모형 프로젝트의 상태를 보려면 프로젝트 개요 웹 페이지를 사용할 수 있습니다. "개요"를 클릭하여 액세스할 수 있습니다.

PDF로 내보내고 종이에 인쇄하는 것은 여전히 와이어프레임의 필수적인 부분입니다. 많은 아이디어 작성자가 와이어프레임을 인쇄하여 사무실 벽에 붙입니다. 어떤 사람들은 영감을 얻기 위해 그것들을 사용하고, 다른 사람들은 그룹으로 디자인에 대해 토론하고 벽에 바로 코멘트를 추가합니다.

NinjaMock 와이어프레임 편집기에서는 페이지 링크 및 페이지 주석과 함께 와이어프레임을 내보낼 수 있는 기회를 제공하여 이 방법을 지원합니다. 이렇게 하면 종이에 있는 경우에도 디자인의 상호 작용을 탐색할 수 있습니다.

내보내고 주석을 포함하도록 선택하면 와이어프레임 페이지 옆에 모든 페이지 주석이 추가됩니다.

댓글에는 NinjaMock의 디자인 화면에 있는 것과 동일한 고유한 댓글 번호가 있습니다.

프로젝트를 HTML로 내보낼 수도 있습니다. HTML로 내보내기를 사용하면 파일을 컴퓨터에 다운로드하거나 자신의 웹 서버에 추가하여 편리한 액세스 및 저장을 할 수 있습니다. 이것은 파트너 및 고객과 프로젝트를 공유하는 데 유용할 수 있습니다.

HTML 프로토타입은 예를 들어 텍스트를 입력하고 확인란을 표시할 수 있도록 하여 작업을 미리 볼 때 보다 인터랙티브한 경험을 제공합니다.

프로젝트가 커지고 탐색이 더 어려워지면 페이지를 그룹으로 분리하는 것이 좋습니다. 예를 들어 애플리케이션 디자인에서 해당 영역별로 그룹화할 수 있습니다. 예를 들어 로그인 페이지, 설정 페이지 등 – 또는 원하는 다른 방법.

페이지 그룹은 단순히 명명된 페이지 집합입니다(페이지는 한 번에 한 그룹에만 포함될 수 있음). 필요한 만큼 그룹을 만들거나 그룹 간에 페이지를 이동하거나 그룹 내에서 정렬할 수 있습니다.

페이지 그룹을 만들려면 창의 오른쪽 상단 모서리에 있는 해당 아이콘을 클릭하여 페이지 창을 확장합니다.

컴퓨터에 있는 파일에 대해 잠시 생각해 보십시오. 파일이 너무 많아 원하는 것을 찾기 어려울 때 폴더를 만들고 그 안에 파일을 옮기기만 하면 됩니다.

NinjaMock에서 동일한 경험을 재현했습니다. 프로젝트 폴더를 만들고, 다른 와이어프레임 및 목업 프로젝트를 폴더에 넣고, 폴더를 다른 폴더로 이동하는 등의 작업을 수행할 수 있습니다. 이것은 작업을 구성하는 편리하고 친숙한 방법입니다.

프로젝트(또는 폴더)를 폴더로 이동하려면:

1. 프로젝트 목록에서 항목을 강조 표시(마우스로 가리킴)합니다.
2. "이동..." 텍스트 링크를 클릭합니다.
3. 대상 폴더를 선택하고 이동 버튼을 클릭하여 종료합니다.

팝업에서 폴더를 확장하거나 축소하려면 회색 폴더 아이콘을 클릭하십시오.