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

app, design, 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 хостинг.

Комментарии

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

Здравствуйте, уважаемые пользователи EVILEG !!!

Если сайт вам помог, то поддержите разработку сайта финансово, пожалуйста.

Вы можете сделать это следующими способами:

Спасибо, Евгений Легоцкой

D
15 ноября 2019 г. 10:16
Daulet

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:40баллов,
  • Очки рейтинга-8
ЛП
12 ноября 2019 г. 19:22
Лев Пархимович

C++ - Тест 006. Перечисления

  • Результат:50баллов,
  • Очки рейтинга-4
ЛП
12 ноября 2019 г. 18:35
Лев Пархимович

C++ - Тест 005. Структуры и Классы

  • Результат:66баллов,
  • Очки рейтинга-1
Последние комментарии
b
9 ноября 2019 г. 19:28
bastonc

спасибо ещё раз. огромное, за уделённое время
b
9 ноября 2019 г. 19:24
bastonc

Спасибо Вам большое. Буду изучать.
9 ноября 2019 г. 16:58
Евгений Легоцкой

Добрый день. По первым двум вопросам вы найдёте ответ в этой статье - PyQt5 - Урок 008. Работа с QTableWidget (Обновление урока 006) Что касается последнего вопроса, то я вам…
9 ноября 2019 г. 13:50
Евгений Легоцкой

Как и обещал, вы можете посмотреть новую статью QML - Урок 037. Кастомизация кнопок в QML (Обновление урока 002) . Там же найдёте ссылку на Git репозиторий. Не забудьте поставить звёз…
b
8 ноября 2019 г. 18:40
bastonc

Приветствую. Подскажите пожалуйста пару моментов. 1. Как сделать столбец не редактируемый, а остальные ячейки остаются редактируемыми 2. Как оталвливать события двойного клика для реда…
Сейчас обсуждают на форуме
s
15 ноября 2019 г. 15:54
sladkoewka

Добрый день! Подскажите пожалуйста, столкнулся с проблемой смены цвета прогресс бара через QPalette::Highlight. В MainWindow считается переменная температуры девайса. Результат вычисле…
15 ноября 2019 г. 15:06
Евгений Легоцкой

Что это такое Wrngdatalib ? Это namespace ? Скорее всего проблема в том, что те объекты тех классов, которые там присутствуют для обработки xml наследованы от QObject…
15 ноября 2019 г. 14:48
Евгений Легоцкой

Ну собственно поэтому я и сказал, что бесполезное это занятие.
15 ноября 2019 г. 14:27
Евгений Легоцкой

Добрый день. Вот эта статья кажется вполне подходящей к вашему вопросу Install OpenCV 3.4.4 on Ubuntu 16.04 (C++ and Python) Единственное, возможно, что вам потребуется ппра…
15 ноября 2019 г. 14:23
Евгений Легоцкой

Я нашёл решение от разработчиков PyQt5 в списке рассылки. os.environ['QT_QUICK_CONTROLS_STYLE'] = 'Material' Попробуйте его ещё
EVILEG
О нас
Услуги
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB