¿Diseño de interfaz iOS avanzado?

Question

He hecho un poco de desarrollo de iPhone (3 aplicaciones en la tienda de aplicaciones actualmente) pero la interfaz ha sido bastante simple. He utilizado los componentes de stock en su mayor parte (UITableViewController, etc.) con un poco de personalización, pero en su mayor parte todo parece bastante genérico. Me gustaría empezar a desarrollar aplicaciones con una interfaz de usuario más completa, pero no he encontrado ningún recurso bueno para comenzar.

¿Qué recursos han encontrado que describen cómo crear interfaces iOS más avanzadas (tanto para iPhone como para iPad)? ¿Libros? ¿Entradas de blog? Solo mirando las aplicaciones que he instalado ahora, algunas de las interfaces con las que estoy muy impresionado son el ESPN Score Center, XFINITY TV, Facebook, etc.

¿Qué pasa con las bibliotecas de componentes de interfaz de terceros? ¿Hay alguno que recomiende que proporcione componentes de interfaz más avanzados que los que están en la biblioteca de stock de iOS?

Me gustaría echar un vistazo a los recursos que recomiendas para comenzar.

Answer 1

Me encantan Ray Wenderlich's tutoriales. ¡Tiene uno en Core Graphics que le permite dibujar sus propias vistas de tabla con encabezados, botones y pies de página curvos!

Answer 2

También me gusta Three20. Hasta ahora no lo usé en mis proyectos, pero jugué con él. Y hay algunas cosas realmente geniales en eso. ;-) Creo que es una forma de extender tus interfaces de usuario estándar.

Otra parte realmente genial es diseñar sus propios elementos. Me gusta esto realmente Porque entonces tienes en tu aplicación algo que nadie más tiene. :-D

Answer 3

He aquí un pequeño secreto que a menudo se pasa por alto: muchos de los elementos de IU geniales que ves son elementos comunes de Apple que se han personalizado al borde de la nada.

La razón principal de esto es que Apple ha invertido mucho tiempo y esfuerzo para fabricar componentes que simplemente funcionan. Un UIScrollView, por ejemplo, ha tenido muchas más horas combinadas de pruebas que cualquier aplicación que escriba podría esperar lograr.

El truco es saber exactamente cómo para personalizar elementos. Un UITabBar es un buen ejemplo: he visto varias aplicaciones que usan sus propias barras de pestañas personalizadas. El problema es que, a menudo, no manejan particularmente bien los casos extremos. Es posible que tenga problemas si alguien intenta golpear dos elementos al mismo tiempo (de hecho, he visto una aplicación que usaba su propia implementación de un bloqueo de barra de pestañas si presionó dos elementos al mismo tiempo).

Pero si usa el UITabBarController de Apple y subclase, categoriza o sobrecarga de alguna manera para obtener la personalización que desea, obtiene mucho del manejo de eventos de bajo nivel de forma gratuita.

Usted se sorprenderá con lo que puede hacer con un UITableViewController, y conseguir cosas como vista de reciclaje de forma gratuita (algunas de las aplicaciones que he trabajado en tener cosas como cambiar el tamaño de la célula independiente, animación personalizada de células, implementaciones horizontales de una tabla vista, etc.).

No es una respuesta particularmente útil, te lo concedo, pero el punto que quiero transmitir aquí es una vez que hayas diseñado tu interfaz de usuario kick-ass y consideres qué se puede lograr con el conjunto de herramientas existente antes de lanzar tu propio . ¡Me agradecerás cuando veas la solución de errores!

Answer 4

Comencé a buscar en el uso de Opacity for Mac, es una aplicación de escritorio bastante ordenada donde puede generar sus propios elementos gráficos (botones, interruptores, iconos, etc.) y generar automáticamente las clases y encabezados CocoaTouch/Quartz2D para colocar su aplicación ... Algunos elementos funcionan mejor cuando se dibujan de forma nativa en el dispositivo, en lugar de almacenarse/cargarse como pngs, o lo que sea. Además, obtienes soporte de pantalla @ 2x Retina de forma gratuita. Aunque no es un framework de vestuario de interfaz, el hecho de que genere el código Quartz2D para ti hace que este sea un verdadero contendiente para cualquier persona que sea remotamente creativa en cuanto a gráficos, pero que no cuente con habilidades complejas de programación en 2D.

Hablando de interfaces bonitas, si buscas inspiración o elementos gráficos reales para poner en tu interfaz, con frecuencia obtengo algunas ideas geniales en 365psd ... en realidad proporcionan los documentos de Photoshop para reproducir algunos productos UI que te dejan con los ojos abiertos , gratis. Algunos lugares pueden darte un PNG, pero esto no sirve de nada si quieres escalarlo (@ 2x o iPad) o personalizarlo para que se ajuste a tus necesidades. Es como un código abierto para el diseño gráfico de UI.