모바일 장치 UI 용 모형을 만들기위한 도구
IPhone, Android 및 Windows Phone 7 장치)와 같은 다른 휴대 전화에 대한 UI 모형을 만드는 데 도움이되는 도구를 찾고 있습니다.이를 수행 할 수있는 응용 프로그램이 있습니까?
IPhone의 프로토 타이핑을한다면 매우 흥미로운 iPhone Mockup tool 최근에 찾았습니다.
이 기사에서 제공하는 목록 을 고려할 수도 있습니다. 주제에 대한 많은 스텐실과 도구가 있습니다.
좋은 질문- Balsamiq Mockups 최선의 방법 일 수 있습니다. 그들은 iPhone 컨트롤이 내장되어 있으며 누군가가 Windows Phone 7의 컨트롤 에 기여했습니다. 그들은 또한 노키아 플랫폼 등을 가지고 있습니다. Android 옵션은 여기에 있습니다. Balsamiq 커뮤니티의 더 많은 기여를 위해 Balsamiq의 Mockups To Go 블로그 에 주목하십시오.).
또한 wireframing 및 prototyping 도구에 따라 Twitter에 두 개의 목록을 만들었습니다. 이러한 도구는 해당 회사가 해당 플랫폼에 대한 지원을 통합하는지 확인하기 위해 다음과 같이 고려할 수 있습니다. 그러나 Windows Phone 7이 아직 시작되지 않았기 때문에 많은 공간이 아직 그 공간으로 이동하지 않았습니다.
또한 Firefox의 경우 Pencil 을 확인하고 Android 스텐실에서 Android-ui-utils 오픈 소스 프로젝트 ( 블로그 게시물은 여기 ).
또한 Adobe Fireworks가 UI 프로토 타입 제작에 매우 적합하다고 들었습니다 (대화 형 모의 및 9 슬라이스 모양 지원).하지만 직접 시도하지는 않았습니다.
목록에 WireframeSketcher Eclipse 플러그인을 추가하고 싶습니다. 프로그래머가 아닌 사람도 IDE)에서 바로 사용할 수있는 매우 좋고 사용하기 쉬운 프로토 타입 응용 프로그램입니다.
WFS의 좋은 장점 중 하나는 화면이 XML 파일로 저장되어 버전 관리 시스템에 쉽게 저장하고 변경 사항을 체계적으로 유지하기 위해이를 병합 및 병합 할 수 있다는 것입니다.
처음에는 "일반적인"응용 프로그램을 조롱하기 위해 만들어졌지만 일부 사용자는 iPad/iPhone/Android 응용 프로그램을 위해 "스텐실"이라는 모형 구성 요소를 제공했습니다 ( WFS Mockupgallery 참조).
나는 종종 gdocs를 사용한다. 나는 그것에 가장 유연하고 익숙합니다. 나는 스케치를 공유하고 토론하고 협력 할 수있는 방법을 좋아합니다. 예를 들어 여기를 참조하십시오 : Windows Phone 7에서 2 단계 선택
Fireworks를 사용하거나이 앱 http://www.fluidui.com/ iPhone 전용이며 Android 목업 제작 용)을 시도하고 확인할 수도 있습니다. :)
IPhone/iPad의 경우 다음을 사용합니다 : App Cooker 및 iMockups
둘 다 iPad 앱입니다.
끝까지 도끼! 모바일에서 프로토 타입을 만드는 데 많은 시간을 보냈습니다. 내가 사용한 다른 모든 프로그램의 문제점은 자세한 양식을 처리하지 못한다는 것입니다. 휴대 전화에서 운동 양식을 프로토 타입해야했습니다. Axure는 화면마다 바운스 할 때 사용자 선택을 '기억'하는 양식을 처리 할 수 있습니다. (예 : 사용자가 '활동'을 선택하고 활동 목록이있는 다음 화면으로 이동하면 '실행'을 선택하고 '실행'이 미리 채워진 이전 화면에서 다시 반송되도록 할 수 있습니다. 하위 활동, 'treadmill run'이라고 말하면 양식에 'Run'및 'Treadmill Run'이 채워진 원래 양식 화면에서 다시 팝업됩니다.) 다른 프로그램은 이것을 드롭 다운으로 처리하지만 물론 이것은 전화에서 다르게 처리됩니다. Axure는이를 지원하는 유일한 프로그램입니다.
최신 버전의 소프트웨어에는 전화기의 실제 앱처럼 보이도록 프로토 타입의 뷰 패널을 조정할 수있는 설정도 있습니다. 모바일 기능인 '탭'과 같은 기능을 지원합니다.
사이트에는 무료 평가판이 있습니다. 모바일 UI 요소까지 지원되는 많은 위젯 라이브러리가 있습니다.
이 프로그램을 강력히 추천합니다!
다음은 귀하를 도울 수있는 또 다른 도구입니다 iPhone Wireframe Kit-Google Docs
또한이 도구를 리소스에 추가하십시오.
IPhone, Windows Phone 7 및 Android 모바일 GUI 모형 용) DesignerVista 4.0
나는 오랫동안 Fireworks를 선호했지만 최근에는 OmniGraffle로 옮겼습니다 (Firefox가 실제로 버그가 있고 Mac에서 느리게 시작했기 때문에). 지금까지의 선택에 매우 만족합니다. 다음은 iPhone 및 iPad 용으로 매우 멋진 스텐실 입니다. 여기에는 OmniGraffle의 실제 그래픽과 그레이 스케일 버전이 모두 포함됩니다.
일반적으로 그레이 스케일 와이어 프레임으로 시작하여 실제로 필요한 경우 그래픽을 추가합니다. 개인적으로 그레이 스케일을 사용하면 작업 속도가 빨라지고 와이어 프레임이 색상이 아니라 기능과 탐색을 설명합니다.
나는 Cacoo ; 그것은 간단한 와이어 프레이밍을위한 나의 방문이며 그들은 iPhone, Android 등을위한 훌륭한 옵션을 가지고 있습니다. 나는 다른 도구를 사용했지만, 나 자신이나 친구와 함께하기 전에 무언가를 조롱하는 것이 나에게 가장 좋습니다. .
보시다시피 많은 도구가 있습니다. 올바른 선택은 항상 이전의 경험과 기술 그리고 분명히 작업의 상황에 달려 있습니다. 무엇을 보여주고 싶은가 그리고 누구에게.
목록에 추가하여 권장 할 수있는 사항 :-모든 종류의 전환을 탐색하려면 Adobe Catalyst (또는 Flash)를 확인하십시오. 나중에 사양을 만들어야하는 경우 벤치 마크는 현재 Axure RP6입니다.
실제로, 당신이하고 싶은 일과 누가 당신의 결과물을 청중인지 알고 있다면 당신이 가진 모든 것을 사용할 수 있습니다.)
Rahul의 게시물에 의견을 추가 할 수 없으므로 Balsamiq의 사용자 정의 모형 사이트가 여기 로 이동하고 있음을 언급합니다 (== --- ==) https://mockupstogo.mybalsamiq.com/projects Posterous 사이트보다 훨씬 좋은 형식입니다.
@OneWorld는 한 달에 $ 12에 http://mybalsamiq.com 을 구독 할 수 있습니다. 그러나 데스크톱 버전 IMHO를 구입하는 것이 좋습니다.