¿Cómo esbozas los diseños e ideas de tu aplicación para iPhone?[cerrado]
https://stackoverflow.com/questions/2525246
-
22-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
¿Cómo esbozas los diseños e ideas de tu aplicación para iPhone?Actualmente estoy a punto de comenzar mi próximo proyecto y quiero encontrar una manera de plasmar mis ideas en la pantalla en lugar del papel tradicional.
Solución
Balsamiq tiene una excelente herramienta para hacer maquetas de diseños de interfaz. También tienen algunos componentes del iPhone. Hay una demostración en línea que he empezado a utilizar (después de ver la respuesta a otra pregunta SO) y han disfrutado realmente la experiencia hasta ahora.
Otros consejos
En la primera etapa, nada va a batir papel. Cualquiera que sea la herramienta que utilice será (con suerte) más preciso, seguro. Pero usted es tiempo a cambio de que la precisión, y en la etapa inicial de diseño de interfaz de usuario necesita velocidad más precisión.
hago mis diseños con unos lápices diferentes en tarjetas. Cuando estoy satisfecho voy en la dirección correcta, grabo la tarjeta a una regla y utilizo la cámara de mi iMac para tomar una imagen de ellos. entonces convertirlo en B & W y hago un brillo sencilla / contraste a tratar de conseguir que parecer tan bueno como sea posible, y tengo algo razonable digitalmente tienda.
Lo bueno de esto es que puedo sacar una tarjeta áspera en no mucho más tiempo del que se tarda en Guardar como para abrirse si la unidad de Time Machine ha ido a dormir. :) que puedo hacer un agradable tarjeta en un poco más de tiempo. Y si alguna vez quiero algo mejor aspecto, puedo editar la exploración o utilizarlo como trazador en algún otro programa.
(Y me tiro las cartas en bolsas con cierre zip por proyecto.)
MockApp se ve muy bien!
OmniGraffle. ( http://www.omnigroup.com/products/OmniGraffle/ ) Cuando se combina con varios iPhone Plantillas como: ( http://graffletopia.com/stencils/413 y http://graffletopia.com/search/iphone ), OmniGraffle hace un gran conjunto de herramientas.
Gracias a todos por las respuestas sean rápidas!
Después de probar tanto Balsamiq y MockApp que han llegado a la conclusión de que MockApp me da exactamente lo tipo que quiero para mi diseño Apps como se puede ver exactamente cómo se verá y el tipo de espacio que cada elemento de la interfaz de usuario tomará. También con el uso de Keynote o PowerPoint usted podría ir un paso más allá y vincular todos los botones para crear una presentación de demostración efectiva de sus ideas si se le pida que presente una cosa así, aunque esto es un poco más lento y por mí mismo me no requieren esto, pero es bueno saber que está ahí!
Balsamiq es una herramienta un poco más rápido y más fácil de usar, pero tiene menos componentes de la interfaz de usuario y le da un aspecto incompleto al diseño que parece bien si desea crear imágenes de mesa breve historia de su idea de aplicación, pero para el diseño real MockApp crea una mucho más realista el aspecto que creo que es mejor. También cuesta Balsamiq $ 79 Si desea desea más que sólo la demo.
La razón por la que elegiría MockApp sobre todas las otras soluciones es que yo supongo que la mayoría ya tienen cualquiera de PowerPoint o Keynote en su ordenador en comparación con Photoshop o Fireworks, aunque estoy seguro de si tiene esas aplicaciones en el equipo fuere sería mejor utilizar esos. También MockApp está libre / pío-ware, consulte la página web MockApp para más detalles.
Espero que esto ayude
Dan
P.S. Yo todavía tengo que probar Omnigraffle, eso es siguiente en mi lista!
Estoy desarrollando WireframeSketcher herramienta que le permite crear maquetas iPhone utilizando una plantilla externa wireframing. También puede vincular pantallas juntos para simular la interactividad.
Utilizo estas plantillas de Photoshop de Teehan y Lax...
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
o para ver una lista completa de plantillas para iPhone y iPad: http://emilychang.com/2010/03/ipad-templates-and-stencils/
(fuente: emilychang.com)
Me acaba de crear mis diseños en Adobe Fireworks utilizando este kit de herramientas maqueta: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/
Omnigraffle funciona bien
También crear mis diseños en Adobe Fireworks utilizando maquetas kits de herramientas se pueden encontrar en todas partes. Si eres un fan de los fuegos artificiales que realmente debería echar un vistazo a una muy buena extensión de los fuegos artificiales, que le permite una vista previa de su aplicación diseñada en un simulador de iPhone, que está basado en AIR. Los efectos de transición que son la marca registrada del dispositivo móvil también se construyen en la extensión y se pueden aplicar a los diseños.
Si ya está familiarizado con fuegos artificiales maquetas que les encantará esta extensión.
mejor
Breves es ideal para burlarse de la experiencia del usuario. Puede reproducir sus escritos en el teléfono.
Software es atractivo, pero usted terminará gastando más tiempo jugando con los colores y moviendo las cosas que conseguir el diseño de abajo / funcionalidad. Lo que necesita es velocidad. Con una velocidad que puede pasar a la programación más pronto que tarde. Voy a admitir que en última instancia si desea compartir el diseño con otra persona MockApp es probablemente una buena opción.
Esto es lo que necesita: (En orden de preferencia)
http://technabob.com/blog/ 2009/09/28 / notepod-papel-iphone-blocs de notas /
o
o
http: // thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/
El software es útil y puede ser más eficiente, pero a veces alejarse de la pantalla es una buena manera de aumentar la concentración de diseño en lugar de aplicación. Y nada atrae a tan muchos "fresco!" Comentarios como mi acero inoxidable iPhone de la plantilla:
Diseño de acero inoxidable Comisión iPhone Plantilla de interfaz de usuario
Yo no uso la imagen de impresión que proporcionan, pero hice mi propia con una captura de pantalla reducida alfa del simulador.
Yo tendría que decir mockapp o OmniGraffle en este momento.
No se pierda esta uno por Menos Código: http://lesscode.co.nz/interface
Se le permite diseñar la derecha en el iPhone con componentes nativos de iOS.
