Michael Kelley25 апреля 2019 г. 23:27

6 элементов, которые следует учитывать при разработке приложений для iOS

“Дизайн - это не только то, на что он похож и как ощущается. Дизайн - это то, как он работает.”
Steve Jobs

Сегодня в магазине Apple iOS насчитывается более миллиона приложений. Каждое из этих приложений кастомизировано; нет стандартного шаблона для iOS. Ключевой вопрос для разработки приложений для iOS: как вы разрабатываете приложение, которое выделяется из толпы?

Вот 6 элементов дизайна, которые разработчики iOS приложений должны учитывать, чтобы сохранить вовлечение пользователей.

1. Чем меньше тем лучше

У вас должно быть ограниченное количество элементов, чтобы привлечь внимание пользователей. Загромождение слишком большим количеством деталей только запутает их. Хуже того, это может сделать ваше приложение непривлекательным там, где эстетическая ценность находится на первом месте. Консультант по мобильному дизайну Jonathan Stark подчеркивает эту необходимость: «Безжалостно редактировать свои функции. Вам придется оставить все как есть ». Сосредоточьтесь на нескольких вещах, которые действительно отличают приложение от всего остального, и разработайте дизайн приложения соответствующим образом.

2. Добивайтесь ясности

Дизайн вашего приложения для iOS должен выделять важный контент. Что еще более важно, это должно пригласить пользователя к взаимодействию. Apple development guidelines рекомендуют разборчивый текст для любого размера шрифта, ясные иконки, которые немедленно передают их назначение, тонкие и подходящие украшения. Возможно, самое важное - это четкая концентрация на функциональности. Это старая пословица формы, следующей за функциональностью.

3. Подходящий формат

Пользователи должны видеть все, что им нужно, без прокрутки или масштабирования. Учитывая, что приложения используются на iPad и iPhone различного размера, в книжной или альбомной ориентации, ваш дизайн должен быть адаптирован ко всем интерфейсам просмотра. К счастью, есть инструмент разработки специально для этой цели. Auto Layout предоставляет средства для определения правил или ограничений, чтобы гарантировать, что кнопки и значки всегда расположены последовательно на изображении, независимо от размера экрана. Инструмент разработки приложений для iOS также определяет прямоугольные области, которые, хотя и не видны, помогают в правильном расположении, выравнивании и интервале содержимого.

4. Сохраняйте цвета последовательными

Apple предоставляет разработчикам яркую цветовую палитру. Вы можете использовать это, но вы, вероятно, не должны. Какая бы красочная (в буквальном смысле) ни была палитра, опасность ее использования заключается в том, что многие другие разработчики также используют ее. Чтобы выделиться, используйте свои собственные цвета. Вот несколько дополнительных соображений по эффективному использованию цвета в дизайне вашего приложения.:

Не используйте один и тот же цвет для интерактивных и неинтерактивных элементов. Использование другого отличительного цвета для интерактивных элементов является отличной визуальной подсказкой, позволяющей пользователям знать, где нажимать.
Цвета должны работать вместе. Так, например, если вы используете пастели, используйте палитру пастелей, не вводите что-то, что конфликтует с этой палитрой.
Будь тонким. Может быть заманчиво использовать много смелых и даже контрастных цветов в попытке выделиться. Но в большинстве случаев элегантность - это то, что привлекает взгляд, а элегантность обычно включает в себя два, не более трех основных цветов.
Старайтесь не использовать цветовые комбинации (красный-зеленый, сине-оранжевый), чтобы различать два состояния или значения - дальтоники не смогут увидеть разницу. Большинство инструментов редактирования могут проверять потенциальные конфликты дальтонизма и предлагать альтернативное форматирование.
Как это выглядит при дневном свете? Предварительно просмотрите приложение в нескольких условиях освещения, чтобы увидеть, как цвета выглядят и корректируются так, чтобы цветовая схема выглядела лучше всего при различных условиях.
Используйте оттенки или светлые цвета для фона и накладывайте более темные оттенки, чтобы выделить текст.

5. Get an “All Thumbs” Up

Ux дизайнер Adhithya Vijai указывает на исследования, которые показывают, что 75 процентов взаимодействий с приложениями выполняются большим пальцем. Таким образом, в вашем дизайне должна быть «зона большого пальца» - размещайте часто используемые элементы управления в пределах легкого доступа большого пальца и вещей, которые вы не хотите, чтобы пользователи случайно нажимали в труднодоступных местах.

6. Большие и четкие шрифты

В первые годы появления персональных компьютеров, когда впервые появились программы для обработки текстов, авторы засоряли свой текст кучей шрифтов разных размеров, потому что, ну, просто потому, что могли. Это привело к отвратительным документам, которые отвлекали любого, кто действительно их читает. Руководства по стилю в конечном итоге были разработаны, чтобы подчеркнуть, что документ должен иметь единый стиль шрифта и последовательную серию размеров шрифта для обозначения уровней информации. То же самое касается шрифтов в вашем приложении. Они должны быть легко читаемыми, иметь соответствующий размер, который выглядит сбалансированным в вашем приложении, соответствовать общей схеме дизайна и, прежде всего, единому, предпочтительно простому, стилю шрифта. Здесь список некоторых довольно крутых современных шрифтов для рассмотрения.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Timeweb

Позвольте мне порекомендовать вам отличный хостинг, на котором расположен EVILEG.

В течение многих лет Timeweb доказывает свою стабильность.

Для проектов на Django рекомендую VDS хостинг

Посмотреть Хостинг
VD

C++ - Тест 001. Первая программа и типы данных

  • Результат:73баллов,
  • Очки рейтинга1
Ds

C++ - Тест 003. Условия и циклы

  • Результат:64баллов,
  • Очки рейтинга-1
o

C++ - Тест 001. Первая программа и типы данных

  • Результат:86баллов,
  • Очки рейтинга6
Последние комментарии
D:

QML - Урок 016. База данных SQLite и работа с ней в QML Qt

Добрый день, пытаюсь разобраться и подргнать пример под себя. Есть бд с огромным количеством полей. В приложении на виджетах при использовании QTableView все работает и путем простого sql запрос…

Django - Урок 039. Добавление личных сообщений и чатов на сайте - Часть 2 (Счётчик диалогов и чатов с непрочитанными сообщениями)

Добавляйте поле файла в модель сообщения. И в форме сообщения указывайте, что поле с файлом.
s

Django - Урок 023. Like Dislike система с помощью GenericForeignKey

все, я со всем разобрался!) Извините!)
s

Django - Урок 023. Like Dislike система с помощью GenericForeignKey

Доброго времени суток!) Я случайно набрел на вашу статью, и она помогла мне решить некоторые мои трудности, я прошел за вами по шагам, в попытках адаптировать это под себя, и возник вопрос. У ва…
Сейчас обсуждают на форуме
  • BlinCT
  • 7 августа 2020 г. 9:05

Динамическое заполнение StackLayout в qml

Всем привет. Пытаюсь решить такую задачку, есть TabBar и его кнопки. StackLayout{ currentIndex: tabBar.currentIndex A {id: tabA} B {id: tabB} C {id: tabC} D {id: ta…

Наследование QWidget

Добрый день В addWidget нужно ещё указывать номер строки и колонки, куда добаляется виджет. И в вашем случае лучше Диалоговое окно не наследовать сразу от QDialog и W, а наследовать …
М

QML: изменение стиля при наведении и при нажатии на кнопку

enabled = false перестанет быть активной и не будет ни на что реагировать) Хм.. по-моему пробовал такое. Проверю ещё раз после работы. Ура, спасибо большо…
U

Динамическое наполнение StackView QML

Во затупил))) Спасибо за все))) StackView.push("ModuleTip1.qml") ну или в сложной иерархии StackView.push("qrc:/folder/ModuleTip1.qml") и всего делов... Не пойму, почему сра…

QEventLoop тормозит при удалении экземпляра

Думаю, что нет. Лучше вообще без исключений, но не всегда возможно.
О нас
Услуги
© EVILEG 2015-2020
Рекомендует хостинг TIMEWEB