소프트웨어소개-발사믹
발사믹 첫 인터페이스화면
1. 전체화면을 편리하게 캡처하는 기능이라든지
2.링크 등을 걸어서 디자인한 페이지를 다른 사람에게 이메일로 그대로 전송할 수 있다든지 하는 것
3.트라이얼버전으로 프로그램 상에 이미지등을 띄우고 레이아웃해 보거나 필요하면 직접 캡처하는 방식으로 이용하느것은 가능.
4.와이어 프레이밍 효율성
발목의 모형 3.5.16 소개
Mockup을 사용하면 그림과 같은 느낌이 들지만 디지털이기 때문에 쉽게 조정할 수 있습니다. 팀은 디자인을 생각해 내고 회의 중에 실시간으로 반복 할 수 있습니다. 제품 관리자, 설계자, 개발자 및 클라이언트가 이제 동일한 도구에서 함께 작업하여 코드를 작성하기 전에 와이어 프레임을 신속하게 반복 할 수 있습니다.
Mockup은 귀사와 귀사의 팀 또는 고객이 가능한 가장 빠른시기에 가능한 한 프로세스 초기에 와이어 프레임을 반복하도록 도와줍니다. 다음은이 목표를 지원하는 몇 가지 기능입니다. 극단적 인 속도 : 설계 회의를 진행하는 동안 디자인 회의를 진행하면서 실시간으로 디자인을 만들고 조정할 수 있습니다. 같은 회의실에서나 온라인 모임에서 화면을 공유 할 수 있습니다
- 아무도 모르게 비판하는 것을 두려워하지 않습니다. Mockup으로 만든 와이어 프레임은 의도적으로 거칠고 충실합니다. 아이디어는 가능한 한 많은 의견을 격려하는 것입니다 ... 아무도 당신이 자신의 의견으로 불쾌해질 것이라고 생각하지 않을 것입니다.
- 디자인을 공유하고 피드백을 얻는 여러 가지 방법 :
- 목업은 첨부 파일로 이메일로 보내거나 웹 사이트에 쉽게 포함하거나 공유 폴더에 저장할 수있는 일반적인 PNG 이미지로 내 보냅니다.
- 목업은 또한 클립 보드로 내보내므로 스냅 샷을 Word 또는 PowerPoint 요구 사항 문서 및 기능 사양에 붙여 넣기 만하면됩니다.
- 플러그인의 Mockup 버전을 사용하고 있다면 액세스 제어, 버전 관리 및 좋아할만한 멋진 웹 오피스 기능을 포함하여 Wiki 페이지 또는 버그 보고서에 모형을 내장 할 수 있습니다.
- Mockups for Desktop을 Drobox와 같은 "클라우드의 파일 공유"서비스 (자세한 내용)와 결합하여 거의 실시간으로 협업 할 수 있습니다.
- 동료가 Mockup을 구입하지 않은 경우 무료 온라인 데모 버전에서 XML 코드를 가져 와서 조정할 수 있으며 다시 내보내고 이메일로 보낼 수 있습니다.
- 현재 Mockups (구독 기반)의 온라인 버전을 개발 중입니다. 댓글 달기, 버전 관리, 액세스 제어 및 모든 좋은 것들이 있습니다. 비공개 베타 프로그램에 참여하고 싶다면 알려주십시오
발목 모형 3.5.16의 시스템 요구 사항
- OS : Windows XP, Vista, 7, 8, 8.1, 10 (32 비트 및 64 비트)
Balsamiq 모형 3.5.16 기술적 인 세부 사항 세부 사항
- 소프트웨어 성명 : Balsamiq Mockups 3.5.16
- 크기 : 16MB
- 호환성 아키텍처 : 64Bit (x64) 32Bit (x86)
- 개발자 : Balsamiq Studios LLC
모바일 응용 프로그램 만들기
Balsamiq을 사용하여 와이어 프레임을 디자인 할 때 세부 사항을 신경 쓸 필요는 없지만 와이어 프레임 테스트를 시작할 때 세부 사항 중 일부 가 더 중요 해집니다. 특히 iPad에서 와이어 프레임은 아래 예와 같이 뷰포트에 정확히 맞을 때 훨씬 더 몰입감을줍니다.
https://balsamiq.com/tutorials/articles/mobileapplication/
먼저 iPhone 컨트롤을 캔버스 에 추가합니다 . 시간을 절약하기 위해 UI 라이브러리에서 컨트롤을 드래그하는 대신 "빠른 추가" 상자에 "iphone"이라는 단어를 입력 할 수 있습니다 . "/"또는 "+"키를 눌러 빠른 추가에 초점을 보낼 수 있습니다.
다음으로 Title / Headline 컨트롤을 추가 하고 정렬 가이드를 사용하여 iPhone 컨트롤 내에서 정렬합니다. 사용자 이름과 암호 필드에는 텍스트 입력 컨트롤을 추가 하고 몇 가지 팁과 트릭을 추가 할 수 있습니다 . 첫 번째는 텍스트를 대시 ( "-")로 감싸서 비활성화 된 것으로 표시하는 것입니다. 이렇게하면 사용자가 자신의 정보를 입력 할 때 덮어 쓰게 될 자리 표시 자로 텍스트를 표시하는 효과가 있습니다. 사용자 이름 필드를 만들고 포맷 한 후에는 해당 필드를 복제하여 암호 필드를 빠르게 만들 수 있습니다. 컨트롤을 복제하기위한 바로 가기는 CTRL / CMD + D ( 여기에서 키보드 바로 가기의 전체 목록 )입니다.
다음은 라벨 저장 및 iPhone On / Off 스위치 컨트롤 로 구성된 사용자 이름 저장 확인란 입니다. 모바일 앱이므로 일반 체크 박스 대신 켜기 / 끄기 컨트롤을 사용합니다. iPhone 컨트롤 외부에서 이러한 컨트롤을 정렬하고 그룹화하여 다른 정렬 가이드가 방해하지 않도록 할 수 있습니다. 컨트롤을 그룹화하면 iPhone 컨트롤 내부에 단위로 쉽게 정렬 할 수 있습니다.
로그인 버튼의 경우 커다란 색상의 버튼이 필요하기 때문에 텍스트 크기를 늘리거나 배경색을 변경하거나 Button 컨트롤 의 크기를 확대 할 수 있습니다. "비밀번호 분실"링크의 경우 링크 컨트롤을 사용합니다 .
마지막으로 아이콘에 대해 아이콘 컨트롤을 추가 하고 아이콘 검색을 사용하여 아이콘 컨트롤을 클라우드 아이콘으로 변경합니다. 두 번째 아이콘의 경우 중복 된 바로 가기를 다시 사용하고 속성 관리자 에서 크기를 변경할 수 있습니다 .
이 와이어 프레임에 사용 된 팁과 트릭 :
- '/'또는 '+'를 사용하여 빠른 추가로 이동합니다.
- 텍스트를 -dash-
- CTRL / CMD + D를 사용하여 복제하십시오.
- 그룹 컨트롤 (CTRL / CMD + G)을 사용하면 쉽게 정렬 할 수 있습니다.
- 단추의 크기와 텍스트의 크기를 모두 조절할 수 있습니다.
첫 번째 와이어 프레임 만들기
| 선택한 컨트롤의 텍스트 편집 | ENTER 또는 F2 |
| 선택 항목에 추가 | SHIFT+ 클릭 |
| 선택 항목 토글 | CTRL+ 클릭 |
| 모두 선택 | CTRL+A |
| 모두 선택 취소 | CTRL+ SHIFT+A |
| 커서 아래의 컨트롤 무시 | 보류 ALT |
| 선택을 마크 업으로 처리 / 처리하지 않음 | CTRL+ SHIFT+K |
크기 / 위치 | |
| 가로 세로 비율 유지 크기 조정 | SHIFT마우스로 크기 조정시 대기 |
| 수평 또는 수직 축을 따라 선택 항목 이동 | 누르고 SHIFT드래그 |
| 이동 또는 크기 조정 중 스냅 해제 | 보류 CTRL |
| 텍스트 / 아이콘 크기 늘리기 / 늘리기 | CTRL+] |
| 텍스트 또는 아이콘 크기 축소 / 줄이기 | CTRL+[ |
| 너지 선택 1px | ↑↓←→ |
| 너지 선택 10px | SHIFT+↑↓←→ |
| 너지 - 크기 조정 선택 1px | CTRL+ ALT+↑↓←→ |
| 너지 - 크기 조정 선택 10px | CTRL+ ALT+ SHIFT+↑↓←→ |
| 자동 크기 선택 | CTRL+ ALT+0 |
| 캔버스 이동 (손 도구) | SPACE BAR+ 클릭하고 끌기 |
| 앞으로 가져 오기 | CTRL+ SHIFT+↑ |
| 뒤로 보내기 | CTRL+ SHIFT+↓ |
| 앞으로 가져 | CTRL+↑ |
| 뒤로 보내기 | CTRL+↓ |
| 중복 선택 | ALT+ 끌기 |
편집 / 기록 | |
| 마지막 명령 취소 | CTRL+Z |
| 마지막 명령 다시 실행 | CTRL+ Y또는 CTRL+ SHIFT+Z |
| 선택한 컨트롤 잘라 내기 | CTRL+ X또는 SHIFT+DELETE |
| 선택한 컨트롤 복사 | CTRL+ C또는 CTRL+INSERT |
| 풀 | CTRL+ V또는 SHIFT+INSERT |
| 적절한 위치에 붙여 넣기 | CTRL+ SHIFT+V |
| 선택한 컨트롤 삭제 | DELETE 또는 BACKSPACE |
| 선택한 컨트롤 복제 | CTRL+D |
| 선택한 컨트롤 잠금 | CTRL+2 |
| 잠긴 모든 컨트롤 잠금 해제 | CTRL+3 |
| 선택한 컨트롤 변환 | CTRL+ ALT+T |
그룹 | |
| 선택한 컨트롤 그룹화 | CTRL+G |
| 선택한 그룹 그룹 해제 | CTRL+ SHIFT+G |
정렬 | |
| 선택한 컨트롤을 왼쪽 정렬 | CTRL+ ALT+1 |
| 선택한 컨트롤 센터 정렬 | CTRL+ ALT+2 |
| 선택한 컨트롤을 오른쪽 정렬 | CTRL+ ALT+3 |
| 선택한 컨트롤 정렬 | CTRL+ ALT+4 |
| 선택한 컨트롤 가운데 정렬 | CTRL+ ALT+5 |
| 선택한 컨트롤 정렬 | CTRL+ ALT+6 |
아이콘 작업 | |
|---|---|
| 제안 목록 탐색 | ↑↓←→ |
| 선택한 아이콘 사용 | ENTER |
| 아이콘 라이브러리 닫기 | ESC |
| 제안 목록 닫기 | ESC |
| 아이콘 크기 늘리기 / 늘리기 | CTRL+] |
| 축소 / 축소 아이콘 크기 | CTRL+[ |
텍스트로 작업하기 | |
| 선택한 컨트롤의 텍스트 편집 시작 | ENTER 또는 F2 |
| 현재 텍스트 커밋 | ENTER(한 줄 컨트롤), CTRL+ ENTER(여러 줄 컨트롤) 또는 아무 곳이나 클릭 |
| 현재 편집 무시 | ESC |
| 텍스트 크기 늘리기 / 늘리기 | CTRL+] |
| 텍스트 크기 줄이기 / 줄이기 | CTRL+[ |
텍스트 서식 지정 | |
| 이탤릭체 | 밑줄의 텍스트 |
| 링크 | [괄호 안의 텍스트] |
| 목표와 연결하다 | [괄호 안의 텍스트] (wireframe_name) 또는 [괄호 안의 텍스트] (website_url) |
| 대담한 | 별표로 된 텍스트 |
| 장애인 | 하이픈에있는 텍스트 - |
| 취소 선 | 물결표 ~ ~에있는 텍스트 |
| 글꼴 크기 | {size : 12} text {size} |
| 색상 ( 16 진 값 또는 색상 이름 ) | {color : # ff0000} text {color} 또는 {color : red} text {color} |
| 컨트롤에 리터럴 , -, 또는 [] 을 입력하려면 \, 백 슬래시 (\ , \, -, \, [] ) 접두어로 이스케이프합니다 . | |
특수 텍스트 매크로 | |
| Lorem-Ipsum 생성기 | 텍스트 또는 텍스트 영역 컨트롤에 lorem 을 입력하십시오 . |
| 현재 와이어 프레임 이름 표시 | 레이블, 텍스트, 제목 또는 부제목 컨트롤에 {mockup-name}을 (를) 입력하십시오 . |
빠른 추가 | |
| 빠른 추가에 포커스 보내기 | /(슬래시) 또는 +(더하기 기호) |
| 제안 목록 탐색 | ↑↓ |
| 제안 목록 닫기 | ESC |
| 캔버스로 다시 포커스 보내기 | ESC |
| 커서 위치에 컨트롤 추가 | SHIFT+ENTER |
도면 컨트롤 | |
| 여기에 컨트롤 그리기에 대해 자세히 알아보기 | |
| 캔바스에 직사각형 그리기 | R+ 끌기 |
| 캔버스에 텍스트 블록을 그립니다. | T+ 끌기 |
| 캔버스에 텍스트 줄 그리기 | Y+ 끌기 |
프로젝트 작업 | |
| 새로운 빈 와이어 프레임 | CTRL+N |
| 현재 와이어 프레임 복제 | CTRL+ SHIFT+N |
| 새 프로젝트 | CTRL+ ALT+N |
| 프로젝트 열기 | CTRL+O |
| 다른 이름으로 저장... | CTRL+ SHIFT+S |
| 와이어 프레임 이름 바꾸기 | CTRL+ ALT+R |
| 현재 프로젝트 닫기 | CTRL+ W또는 CTRL+F4 |
| 이 와이어 프레임의 JSON 내보내기 | CTRL+E |
| 와이어 프레임 JSON 가져 오기 | CTRL+ SHIFT+E |
| 스냅 샷을 클립 보드로 내보내기 | CTRL+ SHIFT+C |
| 스냅 샷을 PNG로 내보내기 | CTRL+R |
| 모든 스냅 사진을 PNG로 내보내기 | CTRL+ SHIFT+R |
| PDF로 내보내기 | CTRL+P |
| Balsamiq Wireframes 편집기를 종료하십시오. | CTRL+Q |
| 다음 와이어 프레임 | CTRL+ TAB(Windows) PAGE DOWN또는 fn+ ⌘+ ↓(Mac) |
| 이전 와이어 프레임 | CTRL+ SHIFT+ TAB(Windows) PAGE UP또는 fn+ ⌘+ ↑(Mac) |
| 와이어 프레임의 꼭대기 | HOME(Windows) fn+ SHIFT+ ↑(Mac) |
| 와이어 프레임의 바닥 | END(Windows) fn+ SHIFT+ ↓(Mac) |
조회수 | |
| UI 라이브러리 숨기기 / 표시 | CTRL+ L또는 CTRL+F1 |
| 검사기 숨기기 / 표시 | CTRL+ ;또는 ALT+ENTER |
| 프로젝트 정보 표시 / 숨기기 | CTRL+, |
| 네비게이터 패널 숨기기 / 보이기 | CTRL+J |
| 마크 업 표시 / 숨기기 | CTRL+K |
| 와이어 프레임으로 돌아 가기 (심볼 / 자산 / 휴지통에서) | CTRL+ SHIFT+M |
| 확대 | CTRL+ +(더하기 기호) 또는 CTRL+ 스크롤 마우스 |
| 축소 | CTRL+ -(빼기 기호) 또는 CTRL+ 스크롤 마우스 |
| 실제 크기로 확대 | CTRL+1 |
| 맞춤 확대 | CTRL+0 |
전체 화면 | |
| 전체 화면보기로 전환 | CTRL+ F또는F5 |
| 전체 화면보기 종료 | ESC |
| 현재 모형 편집 | E |
| 툴바 숨기기 / 표시 | T |
| 설정 패널 숨기기 / 표시 | S |
| 링크 힌트 숨기기 / 표시 | L |
| 큰 화살표 커서 숨기기 / 표시 | B |
| 마크 업 숨기기 / 표시 | M |
| 맞춤 축소 | Z |
| 검사기 패널 숨기기 / 표시 | I |
| 팬 캔버스 | 클릭 + 드래그 |
| 다음 모형 | Page Down |
| 이전 모형 | Page Up |
| 뒤로 | ← |
| 앞으로 | → |