Как перекрасить иконку сафари в другой цвет
Новое в iOS 15: как поменять фон главной страницы Safari на iPhone и iPad
Одним из самых больших и заметных изменений, которые появились в iOS 15 (подробный обзор) на iPhone, стал полностью переработанный браузер Safari. Приложение изменилось как внешне, так и внутренне. Новый Safari должен упростить работу одной рукой и дает больше возможностей для настройки. В частности, пользователь теперь может установить свой фон. Мы расскажем, как это можно сделать в Safari для iOS 15.
Настройка пользовательского фона в Safari на iPhone – простая функция, которая явно будет востребована. Ведь сделать это можно быстро, причем в качестве фона можно устанавливать как свои собственные изображения, так и новые фоновые обои от Apple, включенные в состав Safari для iOS 15.
Как установить собственный фон для стартовой страницы Safari в iOS 15
1. Откройте пустую страницу Safari. Для этого коснитесь значка с двумя квадратами, а потом нажмите на значок «+» в нижнем углу.
2. Проведите свайпом палец до самого низа и коснитесь меню «Изменить».
3. Удостоверьтесь, что переключатель рядом с пунктом «Фоновое изображение» установлен в положение Включено.
4. Нажмите на крестик возле установленного по умолчанию (или ранее вами) фонового изображения. крупную
5. Нажмите кнопку «+», чтобы использовать собственное изображение, или выберите один из предложенных вариантов стандартных фоновых обоев Safari.
В новом Safari вы также можете изменить порядок разделов стартовой страницы или даже включить / выключить их в рамках кастомизации вашего браузера.
Подключаем SVG-иконку на сайт и меняем цвет через CSS
HTML, CSS
В предыдущих сериях…
В прошлой статье мы выяснили, в чем отличие растровых форматов изображения от векторных. Теперь будем работать с векторной графикой. Для начала, научимся подключать эти изображения разными способами.
Возьмем стандартную папку с проектом, в которой есть отдельная папка для изображений, отдельная — для файлов .css , а также файл .html
Подключение через тег <img> в html
Работаем как с обычной картинкой. Тег <img> , атрибут src , прописываем путь к файлу. Можно использовать любые атрибуты <img> , включая атрибут width .
Подключение фона в .css
Можно подключить svg-графику в качестве фона элемента. Часто используются фоновые паттерны. Это небольшой фрагмент, впоследствии повторяющийся и создающий орнамент.
Так выглядит наш паттерн:
Укажите в html нужный класс и пропишите свойства фона background-image в файле css. Используйте функцию url() , чтобы задать путь к файлу с изображением.
Вот, что у нас получилось:
Описываем svg-графику inline
Существуют специальные теги и атрибуты для описания графики прямо в коде. При этом, изображение становится интерактивным — мы можем, например, менять цвет, или размер по наведению на иконку.
Тег <svg> используется как контейнер для хранения SVG графики. При помощи тега <path> и его атрибутов создается фигура. Посмотрите, как выглядит иконка YouTube в inline формате.
Изменении цвета svg img , без js
Когда файл SVG добавлен на страницу HTML с помощью тега <img> , то он ничем не отличается от обычного изображения растрового формата. Поэтому невозможно применить стили из внешней таблицы fill=»red» .
Но есть возможность изменить цвет фигур svg с помощью фильтров CSS или SVG.
Цвет SVG фильтра можно установить любой.
2. Покрасить иконки в разные цвета при наведении, используя фильтр feColorMatrix
3. Покрасить иконки в разные цвета при наведении, используя комбинацию фильтров feComposite , feBlend
А что, так можно было? – меняем дизайн иконок на iPhone
Операционная система iOS всегда была более закрытой для вмешательства со стороны пользователей, чем Android. Поэтому менялись в iPhone, в основном, только обои и заставки. Но с недавних пор ситуация изменилась.
Персонализировать дизайн смартфона можно теперь и без джейлбрейка (взламывать iPhone мы не рекомендуем из соображений безопасности, тем более что новые варианты иконок того не стоят) и тем более без сторонних приложений, поскольку с выходом iOS 14 осенью 2020 года у владельцев устройств Apple появилась возможность менять иконки приложений.
Меняем иконки iPhone
Чтобы изменить облик иконки установленного на iPhone приложения, необходимо:
- открыть приложение «Команды» (если оно у вас удалено, скачайте его заново из App Store);
- кликнуть на значок «+» в правом верхнем углу;
- в открывшемся меню нажать «Добавить действие»;
- там найти команду «Открыть приложение»;
- в списке приложений отыскать то, иконку которого вы хотите изменить.
В открывшемся меню настроек вы можете поменять имя приложение и его иконку:
- нажмите на «Настройки» в правом верхнем углу (синий кружочек);
- выберите пункт «Добавить на экран “Домой”»;
- для смены иконки нажмите на нее, а затем – на «Выбрать фото»;
- в галерее телефона найдите нужное вам фото или файл;
- переименуйте иконку на своё усмотрение;
- нажмите «Добавить»;
- удалите с рабочего стола своего смартфона оригинальную иконку приложения;
- запускайте приложение с помощью новой иконки.
С точки зрения безопасности такой метод персонализации iPhone ничем вам не угрожает. Но есть нюанс. При открытии приложения с помощью «тюнинговой» иконки на пару мгновений будет запускаться сначала приложение «Команды», а потом уже – выбранное приложение.
При желании можно полностью перекроить дизайн смартфона. В интернете вы найдете не один набор иконок и обоев, выдержанных в общем стиле. Вам остается скачать и установить их на гаджет описанным способом. Если подходящих декоративных элементов в сети нет, то можно нарисовать их самому.
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Где взять уникальные иконки для iPhone
Для создания персональных виджетов рекомендуем использовать приложения Widgetsmith, Color Widgets или Photo Widget.
Что касается иконок, то наборы готовых дизайнов доступны на сайтах Icons8, Flaticon, а на платформе Behance можно найти работы профессиональных дизайнеров или даже заказать у понравившегося автора эксклюзивную тему оформления лично для себя. Это будет стоить денег, но зато вы получите iPhone с уникальным стилем.
Если не хотите платить специалистам, а готовы экспериментировать сами, то можно попытаться сделать иконки, например, с помощью редактора Canva, где есть готовые шаблоны iOS Icon – их можно персонализировать в соответствии с любыми предпочтениями.
В ситуации, когда собственной фантазии не хватает или хочется вдохновиться чужими работами, изучите примеры иконок в социальных сетях — в Twitter, Instagram и даже в TikTok: по хэштегам #ios14homescreen, #homescreeninspo и #homescreenaesthetic можно отыскать примеры кастомного оформления iPhone. Хэштегам не удивляйтесь — помните, что функция изменения дизайна иконок появилась, начиная именно с iOS 14.
Так что если хотите что-то изменить в своем окружении, начните с экспериментов по оформлению смартфона. Даже без покупки нового гаджета можно освежить собственные впечатления от привычного устройства. Быстро и бесплатно.
Прочитали и заигнорили – или еще не видели? Как узнать, открыли ли ваше письмо
Как настроить Айфон: советы по установке своих иконок, виджетов, тем и обоев
Еще пару лет назад оформление iOS вообще нельзя было менять, но со временем опций стало больше.
Теперь можно изменять иконки приложений на экране, настраивать виджеты, подбирать подходящие обои и тем самым буквально создавать темы для телефона. Чтобы упростить процесс, в App Store появилось множество тематических приложений, и в них легко запутаться.
Расскажу, как настроить оформление на Айфоне и изменить его визуальный стиль — полностью или частично.
Из материала вы узнаете
Скидка 50% на курсы Учебника
Что можно поменять в оформлении Айфона
Стандартные инструменты iOS позволяют изменить экран блокировки, но на остальное оформление рабочего стола влияют незначительно. Больше свободы дадут приложения для кастомизации. Вот что можно изменить, используя одновременно настройки Айфона и решения сторонних разработчиков.
Иконки. Ярлык любого приложения можно поменять на картинку, а его название изменить на свое. Но настраивать каждую иконку придется вручную.
Виджеты. Сторонние приложения помогут кастомизировать стандартные виджеты часов или добавить большие картинки на рабочий стол для эстетичного вида.
Обои. Финальный штрих: установить обои, сочетающиеся с иконками и виджетами.
Оформление. Айфон позволяет устанавливать рабочие столы с разным оформлением и переключаться между ними при необходимости.
Готовые темы. Платные приложения предлагают варианты оформления с иконками, виджетами и обоями, чтобы это все не пришлось искать и устанавливать вручную.
В сети есть множество примеров кастомизированных Айфонов, которыми можно вдохновиться.
Как поменять иконки приложений на Айфоне
Заранее определитесь, какие приложения вам нужны на главном экране. Рекомендуем это сделать, потому что иконки для каждого приложения придется настраивать вручную — это занимает некоторое время.
Приложения, которыми вы постоянно не пользуетесь, можно убрать. Для этого долго зажмите иконку, нажмите «Удалить приложение», на появившемся экране выберите «Убрать с экрана „Домой“». Они не удаляются с телефона насовсем, а остаются в библиотеке приложений.
Сохраните иконки под каждое приложение — их можно искать по запросу iOS icons. К запросу добавляйте цвет или название стилистики, которая вам нравится: например, pastel, christmas, drawn. Необязательно подбирать иконки, соответствующие приложениям: подойдут случайные картинки или просто цветные квадраты. Сохраните иконки под все приложения с вашего главного экрана.
Чтобы заменить иконки приложений, нужно создать ярлыки и добавить их на домашний экран. Они будут работать как обычные приложения, но с новым значком и названием. Вот как это сделать.
Шаг 1. Перейдите в приложение «Команды». Нажмите плюс в углу. Выберите «Добавить действие».
Шаг 2. В скриптах выберите «Открыть приложение» и добавьте нужное вам приложение, например YouTube.
Шаг 3. Нажмите сверху на «Открыть приложение» и в выпадающем меню выберите «На экран „Домой“».
Шаг 4. На следующем экране отобразится превью вашей иконки. Удалите текст «Новая команда» и напишите название приложения — например, YouTube. Необязательно, чтобы названия совпадали с их реальными: можно переименовать приложения так, как вам нравится.
Шаг 5. Нажмите на маленькую иконку и выберите свое изображение иконки, которое вы предварительно сохранили. Нажмите «Добавить». Вас выкинет из приложения «Команды» на главный экран. Вернитесь и нажмите «Готово», чтобы сохранить ярлык. Если этого не сделать, можете случайно создать разные ярлыки для одного и того же приложения.
Шаг 6. Новая иконка появится на экране. Ее можно переместить на любой другой экран или добавить в нижнюю панель. Удалите с экрана иконку оригинального приложения, чтобы они не дублировались.
Шаг 7. Повторите указанные выше шаги со всеми приложениями, иконки которых вы хотите заменить на экране. Сохраните несколько иконок в одном стиле, если вы стремитесь к определенной эстетике.
У таких иконок два недостатка. На ярлыках не будет отображаться счетчик уведомлений. А при клике на иконку вверху экрана на две секунды появится уведомление о запуске приложения. Это происходит потому, что вы не меняете иконку приложения, а создаете ярлык, ведущий на него.
«Команды» позволяют добавлять ярлыки не только для приложений, но и для чего угодно. Попробуйте добавить кастомную иконку, которая открывает определенный сайт, ролик на YouTube или отправляет сообщение телеграм-контакту.
Как добавить кастомные виджеты на главный экран
У стандартных приложений Apple есть виджеты — они показывают время, календарь или заметки. Некоторые сторонние сервисы, например Spotify, имеют собственные виджеты с мини-версией основного приложения. Такие виджеты кастомизировать нельзя.
Настроить виджеты под определенную эстетику получится с помощью сторонних приложений вроде Widgetsmith или Color Widgets. Они позволяют добавить на экран картинки разных размеров, а также часы, погодные виджеты и календари с разным оформлением. Вот как добавить виджет с помощью Widgetsmith, самого популярного из тематических сервисов.
Шаг 1. Найдите картинки для виджетов — например, по запросу widgetsmith aesthetic.
Шаг 2. Откройте приложение и выберите размер виджета — маленький, средний или большой. Нажмите кнопку «Добавить виджет». Сверху в настройках переименуйте виджет, чтобы в будущем было проще его найти.
Шаг 3. Выберите тип виджета. Есть визуальные, со своей картинкой или текстом поверх нее, а есть функциональные: время, дата, погода, качество воздуха, количество шагов, заряд батареи, данные из «Здоровья», напоминания.
Шаг 4. На вкладке «Фото» выберите картинку, которая станет подложкой для виджета. Можно пропустить этот шаг и выбрать уже готовые темы на вкладке «Темы», но многие из них платные.
Шаг 5. Перейдите на вкладку «Тема» и нажмите кнопку «Настроить тему». На этой вкладке можно выбрать шрифт и цвет текста, а также цвет края картинки. Нажмите «Сохранить». Пропустите этот шаг, если ваш виджет — просто картинка.
Шаг 6. Виджет готов. Процесс создания виджетов других размеров такой же . Если хотите создать новый виджет аналогичного размера, не редактируйте уже существующий, вместо этого создайте новый с нуля.
Шаг 7. Теперь добавьте виджет на экран. Для этого выйдите из приложения на нужный экран и сделайте долгий тап по рабочему столу, пока иконки не начнут шевелиться. Нажмите на плюс наверху. Пролистайте до Widgetsmith или наберите название приложения в поиске.
Шаг 8. Выберите размер виджета. Если вы сделали только один виджет выбранного размера, то Widgetsmith автоматически добавит его на экран. Если у вас несколько виджетов одного размера, перейдите к следующему шагу.
Шаг 9. Чтобы изменить вид виджета, добавьте любой виджет нужного размера на рабочий стол. Долго зажмите сам виджет, пока не появится выпадающее меню. Нажмите «Изменить виджет». Тапните на слово Widget и выберите нужный из списка.
Как добавить кастомные виджеты на экран блокировки
В iOS 16 расширили возможности виджетов — их можно добавлять на экран блокировки, настраивать размеры и использовать варианты сторонних разработчиков.
Среди стандартных виджетов Apple — процент зарядки, уведомления из «Календаря» или «Напоминаний», погода и будильник. Также есть настройки, которые синхронизируются с другими устройствами: например, уровень зарядки AirPods. В App Store уже можно найти виджеты от сторонних разработчиков — например, поиск «Гугла» или кастомные часы.
Виджеты из Widgetsmith тоже добавляются на экран блокировки. Вот как это сделать.
Шаг 1. Сначала виджет нужно создать. На главной странице Widgetsmith свайпните вправо на «Экран блокировки» и выберите тип виджета — текстовый, круглый или квадратный.
Шаг 2. Выберите, что будет отображаться на виджете: картинка, погода, дата, счетчик шагов. Сохраните виджет.
Шаг 3. Заблокируйте экран, зажмите пальцем экран блокировки, нажмите «Настроить», выберите экран блокировки, нажмите на «Добавить виджет». Найдите в списке Widgetsmith, выберите размер виджета и найдите сохраненный.
Как установить обои на Айфоне
На Айфоне можно установить разные обои для экрана «Домой» и экрана блокировки, а также быстро переключаться между разными вариантами обоев. Вот как это сделать.
Шаг 1. Выберите обои — например, в «Пинтересте» по запросу wallpaper. Если вам нужны детализированные картинки HD-качества для обоев, присмотритесь к специализированным приложениям, таким как Vellum или Zedge. В iOS 16 появилась возможность установить обои с эффектом глубины — такие картинки немного перекрывают часы и виджеты. Картинки можно найти в тематических сообществах вроде r/iOSBeta на «Реддите» или в приложениях типа Lockd.
Шаг 2. Зажмите экран блокировки и нажмите плюс в правом нижнем углу экрана.
Шаг 3. Вы попадете в меню с разными видами заставок. Здесь можно выбрать стандартные обои с отображением погоды, с эмодзи или астрономические динамические картинки — с Землей, Луной или всей Солнечной системой. Айфон также предлагает снимки с эффектом глубины из библиотеки.
Нажмите «Фото» и выберите нужную картинку. По свайпу вправо Айфон автоматически наложит фильтры. Вместе с этим изменится шрифт часов. Чтобы изменить шрифт самостоятельно, тапните на часы и выберите подходящее под обои оформление.
Шаг 4. Когда подберете нужный вариант, нажмите «Добавить» и «Настроить экран „Домой“». В этом меню можно выбрать вторую картинку для рабочего стола, размыть фон или установить заливку цветом вместо заставки. Размытие устанавливается автоматически — если оно вам не нужно, отожмите кнопку. Нажмите «Готово».
Шаг 5. В iOS 16 можно добавить несколько вариантов обоев и быстро переключаться между ними. Каждый раз, когда вы устанавливаете новые обои, они сохраняются. Зажмите экран блокировки и переключайтесь между разными обоями свайпами.
Как настроить несколько оформлений на Айфоне и быстро переключаться между ними
На Айфоне есть возможность настроить отдельные рабочие столы с разным оформлением и набором приложений. Вот как это сделать с помощью режима «Фокусирование».
Шаг 1. Создайте новый рабочий стол и поместите на него приложения. Определитесь, для чего вам нужен этот экран. Например, для работы или отдыха. Настройте у приложений кастомные иконки и добавьте виджеты. Добавьте новые обои в настройках экрана блокировки.
Шаг 2. Чтобы переключаться между созданными рабочими столами, нужно добавить отдельный профиль фокусирования для них. Перейдите в «Настройки» — «Фокусирование», нажмите на плюс и создайте новый профиль.
Шаг 3. Во время настройки выберите, от каких людей и приложений вы хотите получать уведомления. Чтобы сделать стандартный рабочий стол, разрешите получать сообщения от всех контактов и уведомления от всех приложений.
Шаг 4. Выберите подготовленные экран блокировки и экран «Домой».
Шаг 5. Чтобы включить режим фокусирования, который вы создали, зажмите экран блокировки и свайпните на обои, выбранные для этого режима. Теперь на экране «Домой» будет только тот экран, что вы выбрали на четвертом шаге.
Шаг 6. Профиль можно настроить так, чтобы он автоматически включался. Запустите приложение «Команды», нажмите плюс, добавьте действие «Вкл/Выкл режим фокусирования», укажите параметр «Вкл» и выберите нужный профиль. Выберите время, в которое вы хотите, чтобы профиль включался.
Как установить на Айфон полностью готовые темы
Легко и быстро изменить оформление экранов Айфона помогут приложения для кастомизации. Они существенно сокращают время, которое придется потратить на создание собственной темы, так как нужно только выбрать оформление и установить его. Иконки и виджеты появятся автоматически. Останется только установить обои и расположить виджеты на экране.
Большинство таких приложений платные, а пополнять Apple ID в России можно только одним способом — по номеру телефона. Внести коррективы самостоятельно в готовую тему не получится. Вот несколько популярных приложений.
Менять иконки на iOS проще, чем кажется. Нужны только приложение Команды и всего минута времени
В закладки
Ещё год назад во времена iOS 14 вы вы почти наверняка слышали, что Apple позволила меня внешний вид приложений на домашнем экране.
Многие либо пропустили эту новость, либо им не понравилось, что во время открытия сначала появляется окно Команд, и только потом нужная программа.
Оказывается, настройка максимально простая, никакого тяжелого программирования . Его тут в принципе нет. Более того, теперь в iOS 15 нет двухэтапной активации приложения: нажатие по кастомной иконке сразу выдаёт то, что вам нужно.
Выше видео-формат инструкции, ниже текстовый. Всего 14 простейших нажатий.
Как быстро поменять иконку любого приложения на iPhone
1. Скачайте нужный набор, если хотите поменять всю сетку. Можете сделать это самостоятельно или перейти по ссылкам: 1, 2, 3. Хорошие платные варианты здесь и тут. Так же посмотрите на минималистичные, в стиле Windows 98, плоские и трёхмерные, как в этой инструкции.
2. Откройте приложение Команды.
3. Нажмите синий + в правом верхнем углу.
4. Нажмите Открыть приложение
5. В белом окне нажмите на «Приложение»
6. В открывшейся строке найдите нужную программу. Выберите её.
7. В правом верхнем углу нажмите на маленький синий круг с тремя белыми ползунками.
8. Нажмите на синюю кнопку Добавить на экран «Домой»
9. Нажмите на строку Новая команда
10. Переименуйте строку на название нужного приложения.
11. Нажмите на ячейку справа от названия. Коснитесь пункта Выбрать фото.
12. Найдите нужную иконку. Коснитесь её.
13. Обрежьте так, чтобы изображение было ровно по краям квадрата.
14. Нажмите Добавить. Готово.
Когда будете повторять операцию для других программ, в приложении Команды смело закрывайте оставшиеся окна для настройки действий. Но не удаляйте то, что автоматически сохранится на главной странице.
Минус только один: при нажатии на такую иконку после запуска приложения будет выскакивать push-уведомление о том, что вы его запустили. Это текущее ограничение Команд, которое пока, к сожалению, убрать нельзя.
В iOS 14 лазейки для их отключения были, но в iOS 15 их полностью закрыли. Надеемся, поправят в следующей версии.
В закладки