- Размеры иконок для Android приложений
- Как создать креативную иконку для мобильного приложения
- Что такое значок приложения
- Технические характеристики иконок для Android и iOS
- Топ-пять аспектов дизайна иконок
- 1. Простота
- 2. Цвет
- 3. Согласованность
- 4. Лишние элементы
- 5. Уникальность
- Бонусные советы:
- Три способа создать иконку
- Заключение
- Как увеличить/уменьшить значки на экране телефона Android
- Масштаб интерфейса Андроид
- Первый метод
- Второй метод
- Приложение Beautiful Icon Styler
- Minimal ADB and Fastboot для Windows
- Приложение Google Now Launcher
- Приложение Apex Launcher
Размеры иконок для Android приложений
Для того, чтобы согласовать интерфейсы приложений на целом зоопарке устройств, было придумано разбить их по плотности экранов (density).
Ну а точнее — все картинки можно подобрать под конкретную плотность экрана.
Для этого в проекте сразу создаются папки:
- drawable-hdpi
- drawable-ldpi
- drawable-mdpi
- drawable-xhdpi
- drawable-xxhdpi
В них нужно положить адаптированные изображения.
Сайт гугла дает ценные рекомендации по расчету их размеров.
В своих проектах я часто пользуюсь только разными размерами иконки для запуска (их рекомендуют именовать с префиксом ic_launcher).
То есть вам нужно сделать файлы с одним названием, различные только разрешением, и расположенными по соответствующим папкам.
Вот размеры в пикселях для каждой плотности экрана:
- LDPI 36×36.
- MDPI 48×48.
- TVDPI 64×64.
- HDPI 72×72.
- XHDPI 96×96.
- XXHDPI 144×144.
- XXXHDPI 192×192.
Когда плотность экрана не критична, я создаю папку простую папку drawable и храню все картинки в ней.
Если же плотность экрана критична, то можно высчитать размеры изображения, исходя из соотношения размера базовой картинки к соответствующему коэффициенту экрана.
За базовую плотность берется MDPI (48×48) .
- LDPI — MDPIx 0.75 .
- HDPI — MDPIx 1.5 .
- TVDPI — MDPIx 1.33 .
- XHDPI — MDPIx 2.
- XXHDPI — MDPIx 3.
- XXXHDPI — MDPIx 4.
Во время публикации в маркете (play.google.com), понадобится ещё и иконка 512×512 и картинка для рекламы 1024×500.
Иногда требуется узнать плотность экрана на конечном устройстве пользователя.
Для этого создан класс DisplayMetrics .
Вот код примера получения плотности через getResources().getDisplayMetrics().densityDpi:
Если поставить этот код при создании активности (т.е. в методе OnCreate), мы получим сообщение с плотностью экрана текущего устройства.
А вот таким способом можно получить размер экрана устройства с помощью класса Configuration:
Ширину и высоту дисплея можно получить так:
Обратите внимание на проверку версии апи на устройстве, для версии 13+ размеры получаются по-другому.
Источник
Как создать креативную иконку для мобильного приложения
Обновлено 18 марта, 2020
У каждого жителя США на смартфоне установлено больше сотни программ, и это число с каждым годом только растет. Чтобы вырваться вперед в конкурентной борьбе за пользователя, создайте уникальную иконку приложения, которая улучшит опыт взаимодействия с брендом. Как это сделать, расскажем в статье.
Что такое значок приложения
Небольшое изображение, которое пользователи видят в меню телефона, — это один из важных элементов айдентики. Иконка помогает выделиться, запомнить бренд и раскрыть суть вашего уникального предложения.
По статистике 70% мобильных приложений загружаются после поиска в App Store или Google Play (остальные — в результате рекламных кампаний, промо в соцсетях, обзоров и т.д.). Поэтому ваша задача — создать дизайн, который мгновенно привлечет внимание и вызовет желание узнать, что стоит за визуальным образом.
Технические характеристики иконок для Android и iOS
Существует два основных типа иконок — для систем Android и iOS. Хотя на первый взгляд они очень похожи, но отличаются множеством технических нюансов, которые стоит учитывать при разработке.
Google Play Store (Android) | App Store (iOS | |
Размер | 512 px × 512 px |
|
Формат | 32-разрядный PNG | PNG |
Цветовое пространство | sRGB | sRGB или P3 |
Форма | Полный квадрат. Google Play автоматически скругляет углы (радиус скругления — 20% от размера) и добавляет тени | Квадрат без закругленных углов и теней |
Топ-пять аспектов дизайна иконок
21% миллениалов удаляют мобильное приложение, если им не нравится, как иконка выглядит на экране. Поэтому важно продумать не только функциональность, но и эстетическую составляющую.
1. Простота
Лаконичность — это ключ к удачному дизайну. Вот какие нюансы нужно учесть:
- Отсекайте лишнее. Чем больше деталей — тем сложнее будет распознать и запомнить изображение, а также масштабировать его. Помните, что иконка должна быть хорошо различима в разных размерах: в магазине приложений, меню телефона и на панели настроек.
- Используйте символику. Сфокусируйтесь на одном узнаваемом элементе, как сделали Pinterest (кнопка), Snapchat (привидение) или Instagram (камера). В качестве иконки может выступать главный визуальный символ бренда — логотип, если он отвечает принципам минимализма.
- Лайфхак: изучите значки ваших любимых приложений и проанализируйте, какие символы использованы в их разработке.
2. Цвет
Этот элемент брендинга может стать решающим при выборе приложения. Рассказываем, как правильно подобрать цветовую гамму:
- Используйте не больше двух-трех цветов, как большинство популярных компаний, например, Airbnb, Pandora или Dropbox. Большое количество оттенков будет сливаться в одно нечеткое пятно.
- Берите пример с топ-брендов. Исследование показало, что чаще всего они выбирают для графики синий цвет (Google Calendar, Safari, Twitter, LinkedIn). Второе и третье места делят красный и белый, причем красный чаще всего используют бренды, связанные с едой и напитками.
- Убедитесь, что выбранные цвета соответствуют вашему бизнесу, привлекают целевую аудиторию и согласуются с остальными элементами фирменного стиля.
- Проверьте, как значок смотрится на разных фонах — цветном, черном и белом.
3. Согласованность
Визуальный символ приложения должен соответствовать его содержанию. Гармоничный образ помогает воспринимать продукт как единое целое и вызывает более сильную эмоциональную привязанность.
- Используйте один язык дизайна: цветовую палитру, стиль и приемы. В вашем приложении присутствует градиент, необычная геометрия или ретро-стиль? Примените их и в иконке.
- Если у вас несколько приложений, оформите их в едином стиле, как сделал Adobe для своих продуктов: Photoshop Sketch, Illustrator Draw, Lightroom, Skan и других.
- Привяжите символику к функциональности приложения, чтобы пользователь с первого взгляда понял, о чем ваш продукт. К примеру, винный рейтинг Vivino использует виноградную гроздь, а музыкальный сервис Spotify — символ громкости динамика.
4. Лишние элементы
Длинные надписи и фотографии — ненужные элементы на маленьком значке. Они рассеивают внимание пользователей и затрудняют восприятие.
- Люди воспринимают изображения в 60 тысяч раз быстрее, чем слова, а при выборе приложения скорость может иметь решающее значение.
- Помните: если вам приходится использовать слова, значит, вы не исчерпали весь потенциал визуальных образов. Подбирайте метафоры к вашему бизнесу, пока не найдете подходящий символ.
- Исключения — короткие названия брендов (BBC News, Uber) или использование первой буквы («F» у Facebook и Foursquare).
- Тот же принцип работает и с фотографиями, детали на которых будут неразличимы в маленьком разрешении. Если у вас есть любимый снимок, который характеризует бизнес, используйте для брендинга его элементы, создав из них векторное изображение.
5. Уникальность
Ваша иконка будет постоянно конкурировать с тысячами других за внимание пользователя. Поэтому важно отстроиться от конкурентов, чтобы дизайн был уникальным и вызывал эмоциональную привязанность.
- Изучите самые популярные приложения в вашей нише, проанализируйте, какие приемы они используют. Подумайте, за счет чего вы можете дифференцироваться: цветовой гаммы, символики или графики.
- Проанализируйте, какие элементы привлекают вашу целевую аудиторию, а какие, наоборот, отталкивают. Учитывайте результаты при разработке значка.
Source: by Ramotion
Бонусные советы:
- Проведите A/B-тестирование. Если не можете выбрать между двумя вариантами иконок, перед запуском организуйте маркетинговое исследование. A/B-тестирование — это метод, который позволяет запустить в работу оба варианта одновременно и сравнить, какой из них эффективнее.
- Учитывайте сезонность. Подумайте, как вы можете «оживлять» иконку к праздникам или громким событиям: Рождеству, «черной пятнице» или Хэллоуину. Это может быть изменение цвета или добавление небольшого характерного элемента.
- Следите за трендами. Соблюдайте грань между слепой погоней за модой и актуальностью. Не нужно обновлять иконку каждый сезон, но следить за глобальными трендами стоит. Например, если все конкуренты уже перешли на модную плоскую графику, а вы до сих пор используете 3D-эффект, значит, пора сменить значок.
Три способа создать иконку
В зависимости от опыта и бюджета вы можете за несколько минут разработать значок онлайн, потратить время на дизайн в профессиональных редакторах или отдать работу на аутсорс.
1. Графические редакторы. Подойдет пользователям, у которых есть опыт работы в Photoshop или Illustrator. Плюс этого способа в том, что вы получите уникальный результат даже при нулевом бюджете.
2. Онлайн-сервисы:
- Logaster. Онлайн-генератор создаст логотип, который вы можете кастомизировать и скачать бесплатно в небольшом размере, подходящем для иконки мобильного приложения.
- Canva. Бесплатный редактор с тысячами шаблонов графики и возможностью персональной адаптации.
- Iconsflow. Сервис с более чем 200 тысяч значков: просто выберите подходящий, измените цвет, размер и добавьте эффекты.
- Appicon. Этот редактор адаптирует готовое изображение под размеры иконок для iOS и Android.
Мечтаете о собственном лого?
Введите название компании в поле ниже и наш генератор предложит вам лучшие дизайны!
3. Дизайнер. Если вам недостает опыта, но вы готовы выделить бюджет на брендинг, наймите графического дизайнера, который специализируется на иконках приложений: обратитесь на биржи (Upwork, Fiverr), попросите рекомендаций у знакомых или поищите в соцсетях.
Заключение
Подытожим самые важные моменты, о которых стоит помнить при разработке значка мобильного приложения.
- Позаботьтесь о простоте, узнаваемости и уникальности.
- Следите за трендами, чтобы оставаться актуальным.
- Учитесь у топ-брендов. Например, из этого списка самых популярных мобильных приложений 2019 года:
- Facebook Messenger
- TikTok
- SHAREit
- Likee
- Snapchat
- Netflix
- Spotify
Обновлено 18 марта, 2020
Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.
Источник
Как увеличить/уменьшить значки на экране телефона Android
Если значки на экране телефона плохо видно, то можно настроить их подходящий размер. Изменить параметры экрана возможно при помощи стандартных средств и сторонних приложений. Давайте рассмотрим самые эффективные способы, как увеличить или уменьшить значки на экране телефона Андроид.
Данная статья подходит для всех брендов, выпускающих телефоны на Android 11/10/9/8: Samsung, HTC, Lenovo, LG, Sony, ZTE, Huawei, Meizu, Fly, Alcatel, Xiaomi, Nokia и прочие. Мы не несем ответственности за ваши действия.
Внимание! Вы можете задать свой вопрос специалисту в конце статьи.
Масштаб интерфейса Андроид
Масштаб экрана изменяется с целью размещения на нем максимального количества информации. В интерфейсе девайса одновременно с этим изменяется размер окон и значков.
Первый метод
- Переходим в настройки телефона. Для этого жмем в уведомлениях на шестеренку или жмем на ярлык в меню.
- Выбираем вкладку «Экран».
В разделе «Экран» жмем на «Масштаб изображения на экране».
Не знаешь как решить проблему в работе своего гаджета и нужен совет специалиста? На вопросы отвечает Алексей, мастер по ремонту смартфонов и планшетов в сервисном центре.Напиши мне »
Здесь доступны такие режимы:
- Очень маленький.
- Маленький.
- Средний.
- Очень крупный.
Выбрав этот способ, у вас не будет широких возможностей для настройки масштаба интерфейса. Здесь предлагается выбрать один из 4-х пунктов.
Такая настройка выполняется удобно и оперативно. Во время изменения настроек демонстрируется специальная картинка. Она показывает, какой именно вид интерфейс будет иметь в разных программах.
Второй метод
Способ является более гибким, но и более сложным. Здесь можно изменить размер по собственному усмотрению до самого мелкого значения или до максимально возможного, когда иконки будут занимать весь экран.
Чтобы сделать значки больше или меньше, необходимо активировать режим «Для разработчиков». Инструкция:
- Переходим в «Настройки».
- В открывшемся меню выбираем раздел «О телефоне» или «Система», в зависимости от используемой версии Андроид.
В данной вкладке выбираем «О телефоне», если ранее вы нажали на раздел «Система».
Перед вами отобразится список с данными о телефоне. Жмем «Номер сборки». Жмем на эту строку 5 раз, пока система не отобразит сообщение «Вы стали разработчиком!».
Теперь в разделе «Система» будет доступна вкладка «Для разработчиков».
Жмем «Для разработчиков», после чего находим вкладку «Минимальная ширина». В этом разделе можно изменить масштаб интерфейса.
Приложение Beautiful Icon Styler
Утилита используется для работы со сторонними иконками в системе Андроид. Для ее использования рут права не требуются.
Главным плюсом софта стало то, что изменить размер значков можно путем совершения нескольких нажатий. Программа отлично работает в стоковом лаунчере Андроид.
Сначала пользователю необходимо скачать Beautiful Icon Styler из Play Google. После запуска софта можно инсталлировать предложенные наборы со значками.
После инсталляции утилиты жмем «Apply» для ее использования. Через пару секунд приложение можно закрыть, а рабочий стол примет новый вид.
Minimal ADB and Fastboot для Windows
Размер иконок на экране телефона Андроид зависит от плотности пикселей на дюйм (DPI). Для изменения этого параметра при помощи утилиты Minimal ADB and Fastboot выполняем такие шаги:
- Устанавливаем программу Minimal ADB and Fastboot на компьютер под управлением системы Виндовс.
- Активируем отладку по USB на гаджете.
- Подключаем телефон к компьютеру, запускаем софт. Отобразится окно, в котором вводим команду «adb devices». Это выполняется с целью проверки подключения.
- Определяем оптимальный показатель DPI для используемого в гаджете дисплея.
- Если софт установил подключение, то задаем команду «adb shell wm density ХХХ», где вместо значения ХХХ вводим нужный показатель DPI. Осуществленные изменения станут доступными после перезагрузки телефона.
Если на телефоне установлены root права, то показатель DPI можно изменить при помощи подходящего файлового менеджера с root доступом, к примеру, ES file explorer.
Пользователю нужно будет открыть в директории /system файл build.prop. В этом файле следует найти строчку «ro.sf.lcd_density=» и ввести нужное значение DPI. Затем сохраняем осуществленные изменения и перезапускаем телефон.
Приложение Google Now Launcher
У компании Гугл имеется своя пусковая установка, преимущество которой заключается в интеграции с сервисом Гугл Now (пользователю достаточно на главном экране телефона провести пальцем влево). В этой опции отсутствует большое разнообразие параметров персонализации, но все иконки большого размера демонстрируются по умолчанию. Такие иконки более читабельны.
Минусом этого способа стала его доступность – установить софт можно только из Плей Маркета на ограниченное число гаджетов.
Приложение Apex Launcher
Данная программа предназначена для телефонов на системе Андроид 4.0.4 и выше. Это решение будет отличным выбором для устаревших гаджетов.
В утилите имеется большое количество настроек персонализации. Запустив программу впервые, на главном экране отобразится иконка «Параметры Apex». Она будет ярлыком для конфигурации и параметров.
В настойках предоставляется опция по изменению размера иконок. На экране отобразится слайдер для увеличения или уменьшения этого значения в процентах.
Здравствуйте ,не получается увеличить иконки на главном экране в самсунг гелакси с10е?)
Здравствуйте. Подскажите пожалуйста, можно ли изменить размер значков время, уведомлений, заряда батареи, иконы сотовой сети в строке состояния на сотовом телефоне Samsung Galaxy A31.
Купила недавно телефон, все устраивает, вот только бесит строка состояния, настолько микроскопические значки и иконки, приходится приглядываться, да и цветность бледная. До этого у меня был Хонор, там все отлично видно было видно. На самсунге же размер значков в строке состояния где то 2 мм, очень не удобно.
Добрый день! Сверху, на экране появился маленький треугольник с двумя стрелками внутри его, направленными в разные стороны. что это такое и как его (символ) убрать?
Samsung S7.
Заранее благодарю
С уважением
Как уменьшить значки на телефоне Самсунг А 105F
Источник