Продвинутый дизайн интерфейса iOS?

Question

Я немного поработал над разработкой iPhone (сейчас 3 приложения в AppStore), но интерфейс довольно прост. Я использовал компоненты запаса по большей части (UITableViewController и т. Д.) С небольшой настройкой, но по большей части все выглядит довольно универсально. Я бы хотел начать разработку приложений с более богатым пользовательским интерфейсом, но не нашел хороших ресурсов, чтобы начать работу.

Какие у вас есть все, что вы надумали, как создать более совершенные интерфейсы iOS (как iPhone, так и iPad)? Книги? Записи в блогах? Просто глядя на приложения, которые я установил прямо сейчас, некоторые из интерфейсов, на которых я был очень впечатлен, - это Центр оценки ESPN, XFINITY TV, Facebook и т. Д.

Что относительно сторонних библиотек компонентов интерфейса? Есть ли какие-либо рекомендации, которые предоставляют более сложные компоненты интерфейса, чем те, которые есть в библиотеке iOS на складе?

Хотелось бы взглянуть на любые ресурсы, которые вы рекомендуете для начала работы.

Answer 1

Я люблю Ray Wenderlich's учебники. У него есть одна в Core Graphics, которая позволяет рисовать собственные виды стола с помощью заголовков, кнопок и нижних колонтитулов безье!

Answer 2

Мне также нравится Three20. До сих пор я не использовал его в своих проектах, но я играл с ним. И в нем есть что-то очень классное. ;-) Я думаю, что это один из способов расширить стандартные пользовательские интерфейсы.

Другая действительно крутая часть - это разработка ваших собственных элементов. Мне это нравится. Потому что у вас в вашем приложении есть что-то, что еще никто не имеет. :-D

Answer 3

Вот небольшой секрет, который часто упускается из виду: много интересных элементов пользовательского интерфейса, которые вы видите , являются stock photography Элементы Apple, которые были настроены на грань без возврата.

Главной причиной этого является то, что Apple потратила много времени и сил на создание компонентов, которые просто работают. Например, в UIScrollView было много более частых тестов, чем любое приложение, которое вы пишете, может надеяться достичь.

Трюк должен точно знать как для настройки элементов. Хорошим примером является UITabBar: я видел несколько приложений, которые используют свои собственные панели вкладок. Проблема в том, что часто они не обрабатывают краевые случаи особенно хорошо. Возможно, у вас могут быть проблемы, если кто-то пытается одновременно нажать на два элемента (я видел приложение, которое использовало собственную реализацию сбоя табуляции, если вы одновременно нажали два элемента).

Но если вы используете UITabBarController от Apple и подклассы, классифицируете или иным образом перегружаете его, чтобы получить необходимую настройку, вы получаете бесплатную информацию об обработке событий низкого уровня.

Вы бы поражены с тем, что вы можете сделать с UITableViewController, и вы получите такие вещи, как вид утилизацию бесплатно (некоторые из приложений, которые я работал на таких вещах, как независимая ячейка изменение размера, настроенную анимацию клеток, горизонтальные реализации табличного представления и т. д.).

Не особенно полезный ответ, я вам даю, но точка, которую я хочу получить здесь, - это то, что вы разработали свой UI шаг назад и рассмотрите, что может быть достигнуто с помощью существующего набора инструментов, прежде чем запускать собственные , Вы поблагодарите меня, когда придете к исправлению ошибок!

Answer 4

Я начал изучать использование Opacity for Mac, это довольно аккуратное настольное приложение, в котором вы можете создавать свои собственные графические элементы (кнопки, переключатели, значки и т. Д.), А затем автоматически генерировать классы и заголовки CocoaTouch/Quartz2D, чтобы ваше приложение ... Некоторые элементы работают лучше всего, когда они изначально нарисованы на устройстве, а не хранятся/загружаются как pngs или что-то еще. Кроме того, вы получаете бесплатную поддержку дисплея @ 2x Retina. Несмотря на то, что он не представляет собой интерфейсный дизайн, тот факт, что он генерирует код Quartz2D для вас, делает его настоящим соперником для всех, кто удаленно графически креативен, но обладает сложными навыками 2D-программирования.

Говоря о красивых интерфейсах, если вы ищете вдохновение или реальные графические элементы для ввода в свой интерфейс, я часто получаю отличные идеи по адресу 365psd ... они фактически предоставляют документы Photoshop для воспроизведения некоторых товаров, снижающих глаз , бесплатно. Некоторые места могут просто дать вам PNG, но это мало помогает, если вы хотите масштабировать его (@ 2x или iPad) или настроить его в соответствии с вашими потребностями. Это похоже на открытый исходный код для графического дизайна пользовательского интерфейса.