- Как сделать телефон эстетичным и красивым
- Как сделать телефон эстетичным
- Чехлы
- Приятные обои на телефоне
- Необычные имена контактов
- Создать папки для приложений
- Удаление ненужных приложений
- Установка полезных приложений
- Украшательство Android-телефона: рецепты красивых рабочих столов
- Как красиво оформить рабочий стол на телефоне – лучшие способы
- Лучшие приложения для оформления вашего смартфона
- Редактор KLWP Live Wallpaper Maker
- KWGT — Редактор Виджетов на Android
- Крутые живые обои в Hex Shaders
- Выводы
- Стилизация Android-приложений и дизайн-система: как это сделать и подружить одно с другим
- Компоненты дизайн-системы
- Проектирование, отладка и доработка компонентов дизайн-системы
- Способы внедрения темы в приложение
- Программный способ
- Недостатки
- Достоинства
- Стандартный механизм стилей в Android
- Примеры
- Стилизация компонентов дизайн системы. Архитектура компонентов. Поддержка нескольких тем
- Стандартный конструктор view
- Интеграция стиля в компоненты дизайн системы и его связь с темой
- Реализация темы в приложении
- Тестирование компонентов дизайн-системы
- Делаем рабочее preview компонентов дизайн-системы в Android Studio
- Preview компонентов в .xml
- Проверка поведения компонентов в другой теме в Preview без пересборки приложения
- Переключение тем в приложении
Как сделать телефон эстетичным и красивым
Современного человека невозможно представить без гаджетов. 21 век – век технологий, так что большая часть населения Земли может похвастаться смартфоном. Существует множество брендов, моделей и расцветок, поэтому выбрать нужный бывает непросто.
Но выбор сделан, телефон куплен. Что дальше? Скачивать множество приложений и засорять память? Искать среди них нужное, судорожно перелистывая страницы с установками? Смартфон изначально несет в себе множество полезных функций, но если сам вид телефона не радует глаз, то с большей вероятностью, на многие из “полезностей” вам будет наплевать. Давайте рассмотрим, как сделать телефон эстетичным и красивым.
Как сделать телефон эстетичным
Человек устроен так, что действительно продуктивным и собранным он становится лишь в том случае, если ему нравится его рабочее место. Смартфон – то же рабочее пространство, поэтому многие задумываются о том, как сделать телефон эстетичнее. Разберем самые простые и действительно рабочие способы:
Чехлы
Самый примитивный и действенный способ преобразить смартфон – надеть на него чехол. Он может быть любым – яркий с принтами или однотонный пастельный.
К слову, сделать кейс для телефона можно и своими руками. За основу, конечно, придется взять ненужный, но сам принт – дело лично ваше. Рисуйте, клейте, вырезайте, вкладывайте. Главное – чтобы чехол нравился вам.
Приятные обои на телефоне
Первое, что вы увидите на экране телефона перед его использованием – это обои. Они могут быть как картинкой, так и видео, так что полет фантазии просто огромен.
Красивые и эстетичные картинки можно найти на Pinterest, в ВК также много групп данной тематики. Некоторые смартфоны поддерживают функцию “живые обои” (при удерживании пальца на экране картинка превращается в видео).
Необычные имена контактов
Тут все предельно просто – заходите в список контактов и по очереди редактируете каждый из них. Можно добавить эмоджи, поменять фотографию контакта на что-то красивое.
Кроме того, было бы прикольно изменить и сами названия. Например, вместо имени подруги написать слово, которое ассоциируется с ней, возможно то, как вы её называете.
Создать папки для приложений
Данный способ позволяет сделать телефон эстетичным, но также выполняет не только эту функцию. Он ещё делает рабочий стол более практичным и удобным, ведь вы знаете, в какой из папок находится нужное приложение. Например, программу Instagram можно отнести в папку “соцсети”, а Farm – в “игры”.
К слову, многие умудряются распределять приложения по цветам. С точки зрения дизайна – круто! Но если посмотреть с практичной стороны… Каша, одним словом. Конечно, можно привыкнуть, со временем, но стоит ли оно того? Дело каждого.
Удаление ненужных приложений
Мусор, как бы вы его не складывали, так и останется ненужным хламом. Тогда зачем его копить? Удалите игры, в которые не играете, приложения, которые не понравились. У каждого есть ярлыки на рабочем столе, которые просто есть.
Это как платье на особый случай. Оно вроде может пригодиться, но когда – не понятно, только место занимает. Скачать его обратно можно будет в любой момент, тогда зачем засорять свой телефон уже сейчас?
Установка полезных приложений
Даже представить трудно, как много действительно хороших приложений есть. Планеры, дневники питания и личные дневники, различные программы для напоминаний (выпрямить спину, выпить стакан воды, покормить животного или покушать самостоятельно, если придерживаетесь правильного питания).
В общем, сделать телефон эстетичным и красивым не так трудно, как может показаться. Главное делать именно так, как хочется. Выбирать цветовую гамму, которая больше всего нравится, любимые картинки, не жалеть на оформление времени. Именно в этом случае вы получите тот самый результат, на который рассчитывали – красивый и эстетичный смартфон. Для наглядности можете посмотреть видео, представленное ниже.
Источник
Украшательство Android-телефона: рецепты красивых рабочих столов
Одним из плюсов телефонов на базе Android является возможность полной кастомизации интерфейса под себя. Благо всевозможных виджетов под систему существует огромное количество. Причем, их настолько много, что пользователи гуглофонов иногда напоминают скульпторов или художников – попробуй совмести все нужное так, чтобы получилось красиво, да еще и учти все нюансы настроек. Одним словом, настройка требует времени, вкуса и недюжинного воображения.
Специально для тех, кто делает первые шаги в настройке своего телефона/планшета, существует отличный сайт Mycolorscreen.com (странно, что о нем не упоминали на хабре), позволяющий посмотреть на примеры кастомизации других пользователей. Причем сайт изобилует не просто примерами, но и детальными рецептами того, как приготовить такой стол самому.
Под катом еще несколько примеров.
Надо сказать, что на сайте приведено просто огромнейшое количество вариантов украшательства. Например, вот такая Sci-Fi тема…
… достигается подгонкой трех виджетов Ultimate Custom и одного Phantom Music. Причем в описании автор дает ссылки на используемые иконки и настройки тем.
Или вот такая минималистическая тема достигается двумя Ultimate Custom и одним Metrostation icon
Одним словом, удачного тебе творчества, %username. Кстати, на сайте есть несколько примеров рабочих столов под iPhone, но их, по понятным причинам, крайне мало.
Источник
Как красиво оформить рабочий стол на телефоне – лучшие способы
Еще несколько лет назад было модно делать красивые рабочие столы для компьютера. Но последние годы мобильные устройства плотно вошли в нашу жизнь, за компом мы бываем не каждый день, а смартфон – всегда под рукой. По этому сегодня мы расскажем как красиво оформить рабочий стол на телефоне и покажем наиболее удобные способы.
Лучшие приложения для оформления вашего смартфона
В статье мы рассмотрим самые востребованные и крутые приложения, которые помогут вам с оформлением визуальной части телефона. После прочтение вы сможете поменять: обои, конки меню, виджеты, рабочий стол, иконки и даже эффекты анимации перехода. После прочтения вы сможете полностью создать свой уникальный дизайн или лаунчер! Наш топ возглавит один из самых мощнейших комбайнов кастомизации – KLWP и его версия для виджетов KWGT.
Редактор KLWP Live Wallpaper Maker
Как говорят сами разработчики KLWP. Это приложение позволит вам создать свой Андроид Лаунчер, и это мощнейший инструмент для создания живых обоев и оформления интерфейса. Суть в задействовании редактора WYSIWYG.
WYSIWYG это аббревиатура от What You See Is What You Get. Дословно переводится как: что ты видишь, то ты и получишь. Т.е. как мы спроектируете, расположите элементы экрана, иконки и виджеты, так в последствии они отобразятся в работе. Скачать последнюю версию можно в Play Маркет тут.
Редактор позволяет вам составить свой собственный дизайн, отобразить нужные виджеты и данные на рабочем столе и добавить анимации и эффекты перехода. Всё гибко настраивается:
- Добавление на главный экран часов, аналоговых(со стрелкой) или цифровых, коррекция цвета.
- Анимированные шаблоны, фоном можно установить даже карту.
- Настраиваемый красочный виджет погоды или астрономические данные.
- Возможность добавить живые или текстовые обои.
- Вывод на экране информации о загруженности и работе ЦП(процессора смартфона), информация о памяти, очистка памяти и кеша.
Пример работы в KLWP Live Wallpaper Maker: настройка цветовой палитры и виджетов
Как видим возможностей масса. В рамках данной статьи описать весь функционал не целесообразно, по этому можно посмотреть видео инструкцию. А если нужны будут делатели – оставьте комментарий под этой статьей и мы напишем отдельно по настройке.
KWGT — Редактор Виджетов на Android
KWGT по сути разработка той же команды программистов что и KLWP. Только KWGT – это редактор виджетов для Андроида. Это идеально подойдёт что бы идеально отобразить на дисплее погоду, курсы валют, расписания самолетов, поездов, вынести заметки, калькулятор или кнопки управления музыкальным плеером. Прекрасный пример компактного оформления ниже.
Оформление отображения и расположения виджетов в программе KWGT
Любой виджет и информация, которая всегда должна быть под рукой – всё это настраивается с помощью KWGT. Размеры, цвета, расположение, каждый сможет подобрать решение под себя. Пример как работать с программой на видео ниже. Скачать можно на официальной странице в Плей маркет: KWGT — Редактор Виджетов.
Крутые живые обои в Hex Shaders
Следующее приложение называется Hex Shaders. С помощью него можно оживить смартфон крутыми живыми обоями, есть пиксельные варианты, все анимированные. Есть в спокойных тонах и наоборот яркие и красочные. Каждый подберёт свой вариант. После выбора из галереи обоев есть возможность отдельно настроить:
- Детализация и размер самих пикселей – от точек, до крупных «гранул» похожих на пчелиные соты;
- Задать время проигрывания цикла анимации;
- Выбор амплитуды и угла анимации, длина волн и количество итераций(повторений);
- Угол просмотра камеры.
Использование Hex Shaders не только оживит экран блокировки шикарными анимациями, но и продлит срок действия батареи. Поскольку все обои генерируются в самой программе и занимают очень мало места в памяти – соответственно меньше идёт нагрузка на процессор, оперативную и внутреннюю память телефона. Сама программа занимает мало места на диске – около 1 мегабайта, включая все анимации и заготовки. Каждую из которых потом можно попробовать и настраивать отдельно.
Создание обоев и своей анимации с переходами в Hex Shaders
Выводы
Нет смысла рассматривать другие аналоги, поскольку вам хватит с головой этих трёх программ, что бы красиво оформить рабочий стол на телефоне. Главное запомните для чего нужна каждая и что вы собираетесь оформлять:
- KLWP – темы оформления, поэкранная навигация, иконки, меню.
- KWGT – гибкая настройка виджетов, вывод нужной информации на главном экране.
- Hex Shaders – эргономичные живые обои, которые можно настроить на свой вкус и не садить батарею.
Если у вас остались вопросы – задавайте в комментариях и мы дополним статью новой полезной информацией. Так же планируем выпустить отдельный материал на тему с удобной настройкой звука(и качелек регулятора громкости). А так же как изменить стандартный вид клавиатуры, если кто-то еще не знает и не пользуется программами типа SwiftKey или Fleksy -Emoji Keyboard.
Евгений Загорский
IT специалист. Автор информационных статей на тему Андроид смартфонов и IOS смартфонов. Эксперт в области решения проблем с компьютерами и программами: установка, настройка, обзоры, советы по безопасности ваших устройств. В свободное время занимается дизайном и разработкой сайтов.
Источник
Стилизация Android-приложений и дизайн-система: как это сделать и подружить одно с другим
В какой-то момент любое крупное приложение разрастается так, что сложно везде поддерживать однотипный дизайн и динамично реагировать на любые изменения и тенденции в дизайне и UX-требованиях.
Поэтому решили внедрить в наше приложение дизайн-систему и добавить поддержку нескольких тем оформления.
Изучив различные способы, выработали свой подход к решению такой задачи. Хотелось сделать так, чтобы дизайн-систему и поддержку стилей можно было повторно использовать в других своих проектах. В соответствии с этой идеей разрабатывались компоненты и темы.
Компоненты дизайн-системы
Дизайн-система и её компоненты предназначены для унификации дизайна и стилевого единства во всем приложении.
Компонентами дизайн-системы в нашем случае будем называть custom view с возможностью адаптации к нескольким стилям приложения. Компоненты могут применяться в любом месте приложения (кнопки, элементы списка, заголовки и т.д.).
Проектирование, отладка и доработка компонентов дизайн-системы
Заказчиками компонентов дизайн-системы являются дизайнеры. С ними на первом этапе согласовываем надобность элемента (оценка переиспользуемости) и его функциональность.
После согласования должно быть понятно, какие опции нужно вынести в атрибуты custom view (цвет текста, текст, иконочку, цвет тинта иконочки и т.д.), а какие скрыть от изменений извне (это позволяет уберечь элемент от неправильного использования разработчиками).
Далее дизайнеры отрисовывают компонент в своих средах и отдают на разработку.
При реализации компонента нужно добавить поддержку тем (светлая или темная тема и т.д.) О том, как компонент поддерживает несколько тем, я расскажу ниже.
Лучшие методики
- Создать модуль с компонентами дизайн-системы. Из положительных моментов: отдельный модуль может быть использован в других приложениях, а модульность позволяет быстрее ориентироваться.
- Создать тестовое приложение с компонентами дизайн-системы. Это ускоряет разработку и отладку.
Способы внедрения темы в приложение
Мне известно два способа поддержки стилей в Android:
- Программный (программная перекраска).
- Стандартные механизмы стилей в Android.
Программный способ
Мы перекрашиваем всю иерархию view в runtime. Рекурсивно проходимся по ней и по определенным правилам перехода из одной темы в другую перекрашиваем компоненты. Те из них, которые не должны перекрашиваться, маркируются с помощью android:tag или android:contentDescription . Эти компоненты не учитываются при разборе иерархии экрана.
Перекрашивать можно как перед отображением экрана (например, в onStart() у Activity ), так и при работе с ним.
Недостатки
- Требует дополнительных ресурсов, снижает производительность. Стилизация применяется после инициализации всех компонентов.
- Нужно быть внимательным к правилам перехода из одной темы в другую. Требуется учесть огромное множество правил перекраски, можно что-то забыть. Получается длинная простыня из switch — case (Java) или when (Kotlin). И в довесок требуется учесть элементы, которые не нужно красить при помощи вышеупомянутых тегов.
- Нельзя частично перекрасить в соответствии с темами. В любом правиле есть исключения, и не всегда всё в приложении делается по дизайн-системе. Непонятно, как действовать если требуется частичная перекраска некоторых элементов.
Применение стиля сводится к описанию изменений в конкретных элементах:
Достоинства
Не требует пересоздания Activity (это важно! Нет морганий при смене темы).
Я внедрил этот подход в одном известном всем продукте (см. скриншоты). Работает довольно быстро при простой однотипной вёрстке(в данном случае она была простая).
Стандартный механизм стилей в Android
Стиль — локальная стилизация экрана или view, затрагивающая только отдельный экран или view. Часто такую стилизацию называют «ThemeOverlay», или «легковесная» тема, которая позволяет переопределить атрибуты основной темы).
Тема — глобальная стилизация экранов приложения, затрагивающая подмену стилей, цветов и т.д. у всего, что мы видим на экранах приложения.
Темой можно считать множество стилизаций, которые можно переключать.
Примеры
В теме могут содержаться как стили конкретных view элементов, так и конкретные цвета.
Здесь объявлен стиль для конкретной view:
Стили поддерживают явное и неявное наследование:
- Явное: Header1 унаследован от BaseTextWidget .
- Неявное: Header1.Light унаследован от Header1 .
Если к текстовому элементу мы применим стиль Header1 , то подтянется только Header1 . А атрибуты Header1.Light или Header1.Dark не применятся.
Если к текстовому элементу мы применим стиль Header1.Light / Dark , то подтянутся стили Header1.Light / Dark и Header1 (достоинство неявного наследования)
Множественного наследования темы не поддерживают. Вероятно, из-за конфликтов одноименных атрибутов.
Стили каждого компонента дизайн-системы мы решили размещать в файлах attrs_component_name.xml (см. attrs_header1 , attrs_button и т.д.)
Стилизация компонентов дизайн системы. Архитектура компонентов. Поддержка нескольких тем
Стандартный конструктор view
Стандартный конструктор view предоставляет обширные средства для настройки элемента. Внешний вид элементов можно изменить через .xml-атрибуты или через определение стиля по умолчанию в стандартном конcтрукторе view.
Рассмотрим стандартный конструктор view на примере H1Component (задаёт крупный текст в шапке экранов):
Здесь attrs — атрибуты из определения .xml (в том числе кастомные атрибуты view). Они парсятся и применяются стандартным образом (см. ниже на примере FabComponent ).
defStyleAttr — стиль view по умолчанию.
context — контекст view, при помощи которого она создана.
ВАЖНО: чтобы view успешно переключала тему, необходимо чтобы она была создана при помощи контекста, унаследованного от android.view.ContextThemeWrapper (то есть контекст activity подходит, а applicationContext — не подходит (применится тема, которая подтянется из стиля, указанного в Manifest экрана).
ВАЖНО: при такой реализации главный приоритет у атрибутов, объявленных в .xml. У стилей, описанных в теме, приоритет ниже.
Интеграция стиля в компоненты дизайн системы и его связь с темой
Для поддержки темы компонентами дизайн-системы мы определяем в компонентах defStyleAttr и переключаем его в соответствии с темой, в которой он определен.
Реализация темы в приложении
Создаем две темы:
Компоненты дизайн системы системы будут тянуть этот стиль в таком ключе:
Тут определены стили каждой темы для этого элемента:
Применяем тему через стандартный механизм Android.
При создании Activity указываем нужную тему. Тогда MyBestText подтянет нужный стиль и окрасит свой текст в белый или черный в зависимости от темы (см. выше описание темы MyBestText ).
Цвета из темы мы будем разрешать прямо из .xml и подтягивать из темы.
ВАЖНО: начиная с Android 5.0 допускается отовсюду динамически разрешать android:background=»?attr/primary_background» (селекторы, shape, vector drawables и т.д.) В Android 4.4 есть ограничение на селекторы, при попытке динамически разрешить итоговый цвет из селекторов система упадёт.
При всех достоинствах такой реализации компоненты дизайн-системы не могут в preview Android Studio полноценно работать со стилизованными темами (к элементам не будут применяться стили).
Пока тема официально не использована нашими экранами, а только подключается программно (то есть стили наших activity не подгружают явным образом тему из Manifest ), мы не можем комфортно работать с элементами, поддерживающими темы в preview (их даже не будет в списке).
Тестирование компонентов дизайн-системы
Для тестирования и анализа степени покрытия приложения дизайнеры предложили разработать отладочную панель с настройками стилей компонентов, цветов и т.д.
Темы в Android являются неизменяемыми, но их всегда можно перезаписать полностью или частично через Activity.setTheme ( @StyleRes final int resid ). Так можно в нужный момент получить любую комбинацию стилей и собрать свою собственную тему. Но все стили должны быть объявлены в .xml заранее.
Программно изменять атрибут темы без отсылок к объявленным стилям, к сожалению, нельзя. По крайней мере, я не нашёл способа.
Если знаете, как подсунуть свой цвет в атрибут темы (не объявленный в ресурсах как style ), то напишите мне. Тогда мы сможем прямо из коробки манипулировать цветами с бэка на уровне стилизации всего приложения!
Делаем рабочее preview компонентов дизайн-системы в Android Studio
Темы экранов приложения должны наследоваться от темы дизайн-системы.
Preview компонентов в .xml
При некорректно установленной теме экрана компоненты дизайн-системы тоже не будут отображаться корректно (не применятся стили и цвета):
При установке темы, унаследованной от темы дизайн-системы, мы получим вот что:
Видно, как разрешились все атрибуты темы и правильно подтянулись стили компонента.
Проверка поведения компонентов в другой теме в Preview без пересборки приложения
Чтобы проверить отображение в другой теме достаточно переключить тему в Preview light/dark.
Если конкретные реализации темы завязаны на ресурсы values/values-night, то можно переключать из preview в dark mode. И всё будет работать из коробки без выставления setTheme в Activity .
Переключение тем в приложении
Переключение тем в приложении может быть завязано на системное переключение dark-mode. В таком случае темы должны быть определены в директориях values и values-night.
Источник