iphone - sizes - ¿Diseño avanzado de interfaz iOS?
ios top bar (4)
Aquí hay un pequeño secreto que a menudo se pasa por alto: muchos de los elementos de UI interesantes que se ven son elementos comunes de Apple que se han personalizado hasta el 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 personalizar los 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 otra manera para obtener la personalización que desea, obtiene mucho del manejo de eventos de bajo nivel de forma gratuita.
Se sorprendería con lo que puede hacer con un UITableViewController, y obtendrá cosas como el reciclaje de vistas de forma gratuita (algunas de las aplicaciones en las que he trabajado tienen características como cambio de tamaño de celda independiente, animación personalizada de celdas, 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 hacer tu propio esfuerzo. ¡Me agradecerás cuando veas la solución de errores!
He hecho un poco de desarrollo de iPhone (actualmente hay 3 aplicaciones en la tienda de aplicaciones) 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 de iOS más avanzadas (tanto para iPhone como para iPad)? ¿Libros? ¿Entradas de blog? Solo mirando las aplicaciones que he instalado en este momento, 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 encantaría echarle un vistazo a los recursos que recomiendas para comenzar.
Empecé a buscar el uso de Opacity para Mac , es una aplicación de escritorio bastante ordenada donde puedes generar tus propios elementos gráficos (botones, interruptores, iconos, etc.) y luego generar automáticamente las clases y encabezados CocoaTouch / Quartz2D para colocar en tu 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 la 365psd , 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.
Me encantan los tutoriales de Ray Wenderlich . ¡Tiene uno en Core Graphics que le permite dibujar sus propias vistas de tabla con encabezados, botones y pies de página curvos!
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 tus propios elementos. Me gusta esto realmente Porque entonces tienes en tu aplicación algo que nadie más tiene. :-RE