En Citrix Product Design, para proyectos móviles, utilizamos una variedad de herramientas / paquetes de software para lograr la mejor “natividad” posible y la fidelidad de la calidad del diseño. A continuación se presentan algunas mejores prácticas y consejos compartidos internamente que hemos aplicado recientemente … ¡Espero que esto ayude!
- Adobe Fireworks para compilaciones de interfaz de usuario visual: una razón simple, de las muchas cualidades agradables, es Pages, que le permite crear y alternar entre varias pantallas, y en dispositivos móviles, generalmente tiene bastantes pantallas para realizar la transición, incluso para aplicaciones simples .
- Adobe Illustrator para diagramas de flujo de tareas y wireframes. Powerpoint también se puede utilizar para wireframes para formas básicas, aprovechando las plantillas de interfaz de usuario móvil.
- CandyBar para iconos. Evernote también se utiliza para albergar los activos de diseño visual, para arrastrar y soltar fácilmente en Firework, que se actualiza en vivo en Evernote, que sirve como el repositorio común en el equipo para patrones visuales y widgets / componentes que se compartirán entre los diseñadores de UI móviles.
- LiveView para iOS, Android Design Preview para Android. Crítico para el diseño móvil para lograr la fidelidad nativa.
Algunas notas adicionales, más allá de las propias herramientas de software:
Las plataformas que se ejecutan en una variedad de dispositivos de hardware, como el sistema operativo Android, requieren que cada gráfico se produzca en múltiples formatos para que se escalen a la amplia gama de tamaños de dispositivos.
- ¿Cuáles son algunas ideas que Apple ha copiado e incorporado a iPhones y Mac?
- Algoritmos: ¿Voy por el camino correcto si no estoy interesado en participar en competiciones de codificación, sino en pasar el mismo tiempo haciendo solicitudes?
- ¿Cuál es la mejor aplicación en el mercado de Android?
- Me gustaría aplicar a un programa de maestría sobre 'Gestión de proyectos'. ¿Cuáles son los puntos clave para escribir una carta de intención?
- ¿Cuáles son los beneficios del software de gestión hospitalaria?
Para las maquetas, hay algunas plantillas geniales (muchas son gratuitas) en la web. Estos son archivos en capas que se pueden abrir en Adobe Photoshop o Adobe Fireworks. (SUGERENCIA: es posible que deba importar la familia de fuentes Helvetica Neue para interpretar las fuentes para las plantillas de iOS).
Al diseñar sus gráficos, siga las pautas de estilo visual y formato en los sitios de desarrolladores. Algunos de los sitios de desarrolladores proporcionan elementos dibujables que lo ayudan a usar su estilo de icono nativo.
La impresión de carteles de los guiones gráficos de la interfaz de usuario móvil y la colocación en una pared facilitan la comunicación y el refinamiento del diseño con miembros del equipo multidisciplinario. Sin embargo, esto requiere que todos los participantes estén en la misma sala (el formato del póster es un poco engorroso en una reunión virtual)
Ya sea PPT o PDF, las “cubiertas de diapositivas” tienden a ser útiles para socializar un diseño. Una “plataforma de diapositivas” es el mejor formato cuando tiene que comunicar diseños de forma remota a través de reuniones virtuales con equipos en diferentes lugares, y permite a los no diseñadores marcar y colaborar.
Finalmente, siempre obtenga el SDK y las herramientas para la plataforma nativa en la que está desarrollando.
· Para iOS, use XCode 4.2 o superior (requiere Mac OS) para obtener las nuevas características de storyboard. Cree sus vistas directamente en XCode con los controles nativos, los atributos y las herramientas de alineación que proporcionan · Para Android, obtenga el SDK y los emuladores de developer.android.com, y siga las instrucciones sobre la nueva sección de diseño http://developer.android .com / des …
· Para el teléfono inteligente BlackBerry, http://us.blackberry.com/develop…
· Para la tableta BlackBerry (Playbook / QNX OS), http://us.blackberry.com/develop…