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

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
TT
13 июня 2019 г. 19:01
Taimoor Tanweer

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

  • Результат:66баллов,
  • Очки рейтинга-1
TT
13 июня 2019 г. 18:51
Taimoor Tanweer

C++ - Тест 002. Константы

  • Результат:75баллов,
  • Очки рейтинга2
ВМ
13 июня 2019 г. 12:30
Ваня Мороз

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

  • Результат:100баллов,
  • Очки рейтинга10
Последние комментарии
i
17 июня 2019 г. 6:10
ingenfly

Только по осям xAxis2, уAxis2 значения начинаются с 0. Почему-то xAxis2 и xAxis не синхронизированы по данным. Ну и QCustomPlot последний.
16 июня 2019 г. 20:21
Евгений Легоцкой

Добрый день. Ну точно также добавляете ту же самую информацию на ось xAxis2, только добавляете другое форматирование customPlot->xAxis2->setDateTimeFormat("hh:mm"); если я ...
EF
14 июня 2019 г. 13:56
Egor Fomin

Спасибо за ваш ответ, у меня получилось реализовать это. Тем не менее появилась другая проблема, поэтому опять надеюсь на вашу помощь. Скажем, я уже выставил точки и они соеденены. Когда я нач...
d
13 июня 2019 г. 14:47
damix

Можно классу, который описывает точку, добавить сигнал, который подавать (emit), когда точка перемещается (переопределить mouseMoveEvent или mouseReleaseEvent). Так вот эти сигналы у каждой из...
i
13 июня 2019 г. 14:09
ingenfly

Здравствайте! Подскажите, пожалуйста: customPlot->xAxis2->setTickLabels(true); //Здесь включается отображение данных на оси xAxis2. а можно как-то продублировать информацию cus...
Сейчас обсуждают на форуме
I
19 июня 2019 г. 13:41
Intruder

Всем добрый день. При разборе XML файла наткнулся на тег вот такого плана: <TagName attribute1="value1" attribute2="value2" /> При попытке проверить на наличие такого элеме...
19 июня 2019 г. 12:55
Михаиллл

Скажите пожалуйста, как его в таком случае перемещать и удалять?
18 июня 2019 г. 19:50
Дмитрий

Большое спасибо! SDK заработал.К сожалению удалось продвинутся только на один шаг. При сборке чистого проекта NDK выдаёт следующие ошибки C:\Android\ndk-bundle/toolchains/arm-linux-andr...
18 июня 2019 г. 16:59
Михаиллл

Добрый день.В этом учебнике представлен код INSTALLED_APPS = ( ... 'rest_framework', 'snippets.apps.SnippetsConfig',) На строчке 'snippets.apps.SnippetsConf...
18 июня 2019 г. 14:24
Михаиллл

Спасибо, работает.Послушаю вашего совета.
Ищу работу?
25,000.00 руб. - 30,000.00 руб.
Разработчик Qt/C++
Barnaul, Altai Krai, Russia

Для зарегистрированных пользователей на сайте присутствует минимальное количество рекламы

EVILEG
О нас
Услуги
Присоединяйтесь к нам
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB