Минимализм в телефоне как сделать

Добавил пользователь Alex
Обновлено: 04.10.2024

Дизайн является одним из наиболее важных факторов привлечения пользователей. А предпочтения пользователей сходятся в одном, наиболее простой интерфейс - ключ к успеху. Минимализм - это идеальное сочетание форм и функций.

Великая сила в явности формы - минимальный набор графических элементов приносит простоту даже в сложном предмете, конечно же при эффективном использовании.

Минималистичный дизайн должен быть лаконичным, ясным и последовательным, дабы внести больше пользы. Взаимодействие системы должно быть полностью направлено на решение проблемы пользователя. Именно поэтому приложения, сочетающие в себе дизайн в стиле "минимализм" и великолепное юзабилити настолько внушительны: простое приложение может стать очень мощным инструментом коммуникации. Для достижения этой цели нужно соблюдать некоторые правила, о которых я Вам расскажу ниже.

Простые цветовые схемы

Слишком много цветов может оказать негативное внимание на пользователя, в то время, как упрощенная цветовая гамма выглядит более привлекательнее и вызывает у пользователя только положительные эмоции. Ощущение спокойствия. Никаких резких перемен. Есть несколько предопределенных стандартных цветовых схем, которые облегчают создание пользовательских интерфейсов, шаблонов сайтов и т.д. Особенно это полезно для новичков, которые еще не достаточно опытны в подборке собственной цветовой гаммы.

Монохромные схема. Монохромные цветовые схемы состоят из различных тонов, в пределах одного оттенка. Изменяя насыщенность и яркость одного цвета, вы сможете создать несколько новых цветов, и эта цветовая гамма не будет никогда резко бросаться и резать глаза.

b_57965adbc741d.jpg

b_57965adc15ad8.jpg

Последовательная цветовая гамма. Последовательная схема создается с использованием трех цветов, которые находятся рядом друг с другом на цветовом круге. Эта цветовая гамма располагается последовательно (самые верхние элементы будут подчеркнуты самыми смелыми, яркими цветами, а ниже по списку цвет будет меняться на более легкий и нежный).Задача последовательной схемы ориентирована на выделение наиболее важных элементов дизайна.

b_57965adc65ae1.jpg

b_57965adca77ba.jpg

Эффекты размытия

Эффект размытия возникает как логическое решение проблемы, при создании минималистичного пользовательского интерфейса, позволяя дизайнеру играть со слоями и иерархией интерфейса. Этот метод достаточно эффективен при работе с многоуровневым пользовательским интерфейсом, поскольку он дает пользователю четкое понимание решения проблемы создания дизайна и в частности дизайна мобильного приложения.Компания Yahoo! в приложении погода наиболее явно подчеркивает эффективность использование минималистичного дизайна.

Одно приложение, один шрифт

Смешение разных шрифтов может сделать ваше приложение раздробленным и корявым. Наименьшее количество шрифтов на экране может показать силу типографики! При разработке приложения, подумайте, как бы вы смогли сделать типографику мощнее, играя со стилем и размером одного шрифта, и не используя разные.

b_57965adcf1295.jpg

Центр внимания

Не бойтесь использовать в своих приложениях большой шрифт и яркий цвет, для выделения наиболее важных элементов дизайна. Для общей схемы используйте нейтральные цвета, смешивая их с более контрастными, помогая тем самым сосредоточить внимание пользователя.

b_57965add28d41.jpg

Благодаря увеличенному размеру шрифта и цветовому выделению важных элементов, пользователи обращают внимание на определенную область экрана, без каких-либо дополнительных подсказок. Это упрощает сбор информации о пользовательских потребностях.

b_57965addb1b7a.jpg

Деление на элементы и интервалы, а не на линии

В качестве делителей зачастую используются линии, чтобы четко очертить конкретные разделы или категории на экране. Но добавление слишком большего количества этих элементов может привести к людскому недовольству.Меньше линий придаст Вашему интерфейсу чистый, современный и более функциональный вид. Есть и другие способы разделить контент, например использовать для этого блоки, расстояние или цвет. Приложение "календарь" от Google является хорошим примером того, как использование пространства, и использование тени вместо рисования линий позволит отделить разделы друг от друга в ненавязчивой манере.

b_57965ade0b949.jpg

Обводка и заливка иконок

b_57965ade3c738.jpg

Иконография - это визуальный язык, используемый для представления функционала или контента. Иконки должны быть простые, чтобы пользователь взглянув один раз на иконку сразу все понял. Начиная с iOS 7 дизайн стал максимально минималистичным. Изначально иконки были с тонкими линиями (line style), в дальнейшем значки стали с заливкой фона. Здесь мы не будем критиковать саму концепцию, вместо этого я сосредоточу внимание на практическом аспекте.

Теперь давайте взглянем на значки во вкладке. Значки панели служат для перехода в другие разделы приложения, и важно, чтобы пользователь понимал, при нажатие на иконку, в каком разделе он находится.b_57965ade7ecae.jpg
Заключение

Минимализм интерфейсов и другие дизайнерские приемы, безусловно путь к достижению хорошего дизайна, но они все же не являются конечной целью. Конечная же цель - это упростить интерфейс и сделать его более функциональным и полезным.

Дизайн — один из важнейших способов привлечения пользователей. Секрет успеха простых интерфейсов заключается в использовании только самых необходимых элементов. Такой подход называют минимализмом.

Минимализм в дизайне — это отличный союз формы и функции, а сила его заключается в простоте: прямые линии, много незаполненного пространства, минимум графики — все это упрощает даже самые сложные объекты. Конечно, все это сработает только при грамотном использовании.
Минималистичный дизайн должен быть четким, чистым и последовательным, чтобы стать эффективным. Ваша система взаимодействия должна быть нацелена на решение проблем пользователя путем четкого визуального общения. Вот почему красивое минималистичное приложение, в сочетании с его полезностью, так впечатляет: простое, легкое в использовании, оно становится прекрасным способом взаимодействия и общения с пользователем. Но для достижения этой цели вам нужно обратить внимание на следующие моменты:

Минимализм в цвете

Простая цветовая схема оставляет приятное впечатление, в то время как большое количество цветов может быть воспринято негативно. Существует множество уже составленных палитр, которые делают создание новых цветов проще, особенно для новичков:

Монотонная палитра

Монотонная цветовая палитра состоит из нескольких оттенков определенного цвета. Изменяя насыщенность и яркость одного из них, можно получить множество приятных для глаз цветов.

Минимализм в дизайне мобильных приложений

Аналогичные цвета

Аналоговая цветовая схема создается путем использования трех цветов, стоящих рядом на цветовом круге. Минималистичное приложение Clear использует анологичные цвета, чтобы визуально приоритизировать задачи и выделять наиболее важные (самые верхнии позиции будут наболее яркими, в то время как нижние позиции будут светлыми и более блеклыми.)

Эффект размытия (blur)

Эффекты размытия являются хорошим выбором для минималистичного пользовательского интерфейса, позволяя “поиграть” со слоями и эффективнее работать с многослойным интерфейсом. Также они дают дизайнерам прекрасную возможность для исследования различных видов меню и оверлеев.

Приложение Yahoo! weather показывает классные фотографии погоды, а самая интересная и нужная информация становится видимой после одного нажатия. Вместо того, чтобы накрывать фото другим слоем интерфейса, приложение держит вас в контексте (keeps you in context) после нажатия: подробная информация легко появляется, а фото с погодой остается на заднем фоне. Взаимодействие с приложением настолько интуитивно, что вам не потребуется даже секунды, чтобы вернуться в предыдущее место.

Минимализм в дизайне мобильных приложений

Одно приложение — один шрифт

Использование нескольких видов шрифтов придаст вашему приложению разрозненный и неаккуратный вид. Уменьшение количества шрифтов на экране может раскрыть истинную силу типографии. Разрабатывая приложение, подумайте о том, как улучшить шрифт, играя с начертанием, стилем и размером, а не с различными шрифтами.

Минимализм в дизайне мобильных приложений

Имейте ввиду, что при выборе шрифта для своего приложения, беспройгрышным вариантом будет использовать шрифт той платформы, на которой вы разрабатываете, установленный по умолчанию.

  • Apple использует семейство шрифтов San Francisco, удобный для чтения, на всех своих платформах (шрифт San Francisco на IOS 9 называется SF-UI).
  • Шрифты Roboto и Noto стандартно используются в Google Android и Chrome.

Выделение информации

Вам следует использовать большой размер шрифта и выразительный цвет, чтобы привлечь внимание к определенной информации. Используйте нейтральные цвета для основной палитры, а контрастные для призыва пользователя к действию, которое вы хотите, чтобы он совершил.

Минимализм в дизайне мобильных приложений

Яркий цвет, переходящий в нейтральную палитру — это один из самых простых способов создания цветовой схемы. Картинка взята с сайта Smashing Magazine

Увеличение размера шрифта и использование яркого контрастного цвета привлекает внимание пользователя к определенной части экрана без каких-либо дополнительных визуальных приемов — это упрощает процесс получения информации.

Отделяйте элементами и пробелами, а не линиями

Линии и разделители, как правило, используются для деления информации на секции или категории, но использование большого количества таких элементов приводит к захламлению интерфейса.

Отсутствие линий и разделителей сделает ваш интерфейс чище, современнее и более функциональным. Существуют другие способы разделения содержимого: блоки, пробелы и цвета. Приложение Calendar App от Google — отличный пример того, как с помощью пустого пространства и теней можно разделить содержимое на секции в ненавязчивой манере.

Минимализм в дизайне мобильных приложений

Иконки: Stroke and Fill

Иконки — это способ визуального общения, используемый для предоставления функциональности или контента. Иконки должны быть просты и немедленно узнаваемы. С момента выхода IOS 7 многие минималистичные интерфейсы содержат Stroke and fill иконки (иконки с заливкой по нажатию). В этой статье мы не будем критиковать саму концепцию, вместо этого обратим внимание на отдельный аспект — вид одной и той же иконки с заливкой и без:

Минимализм в дизайне мобильных приложений

Давайте посмотрим на иконки панели вкладок. Так как иконки на этой панели служат навигацией в другие части приложения, важно понимать, какая секция активна на данный момент путем ее выделения. Выделить иконку на общем фоне можно изменив ее вид в активном/выбранном состоянии — это делает управление панелью закладок более понятным.

Минимализм в дизайне

Заключение

Минималистичные интерфейсы и другие техники — отличный способ сделать хороший дизайн, но это не главная цель. Главная цель в том, чтобы упростить наши интерфейсы и сделать их более функциональными и полезными. Лаконичная графика и упрощенный дизайн помогают создать безупречное взаимодействие.

Перевод статьи The Art of Minimalism in Mobile App UI Design
Автор оригинального текста: Nick Babich

Как я избавился от цифрового мусора и улучшил концентрацию

К 2023 году человечество будет отправлять ежедневно 347 миллиардов электронных писем. Мы создаем терабайты данных, а производство и потребление цифрового контента растет. Чтобы прочитать все, что за сутки публикуется в твиттере, может уйти несколько лет, на просмотр всех роликов на ютубе — сотни или даже тысячи человеческих жизней. Среди неоткрытых писем, непросмотренных сериалов и непрочитанных текстов легко потеряться.

Изобилие разнообразных стимулов бьет по нашему фокусу и внимательности. По статистике сервиса RescueTime, мы используем более 50 разных приложений и сайтов в день и за день более 300 раз переключаемся между задачами. Чтобы снова сосредоточиться на задаче после того, как отвлекся, требуется около 23 минут. Неудивительно, что времени на сфокусированную работу просто не остается.

В начале 2020 года я обнаружил, что вместо действительно важных дел разбираю почту, читаю новые посты в Telegram и выбираю, какой сериал посмотреть вечером. Стало чрезвычайно тяжело концентрироваться. Мысли блуждали в море интересного и полезного контента в открытых вкладках браузера, папках на жестком диске и мессенджерах.

Тогда я принял волевое решение: навести порядок в своей цифровой жизни. Я сократил до минимума количество инструментов, которыми пользуюсь, навел порядок и разобрал залежи цифрового хлама. Вот главные принципы цифрового минимализма, которые я выработал за полгода цифрового минимализма и использую сейчас.

Принцип вычитания. Убрать что-то из жизни проще и эффективнее, чем добавить что-то новое.

Сокращение информационного шума. Ничто не должно отвлекать от важного. Нужно замечать и убирать триггеры, которые тратят ресурсы вашего внимания.

Безжалостное удаление. Мир не рухнет, если пропустить письмо или потерять файл. Избавившись от неактуальных, мы освобождаем место для новых и важных.

Переосмысление ценности. Если что-то попало в поле внимания, оно заслуживает внимания. Если не заслуживает — нужно сделать так, чтобы информация подобного рода к вам не попадала.

Автоматизация всего, что можно. Сокращает потерю энергии на простых операциях, которые могут происходить без твоего участия.

Наводим порядок в инструментах

Раньше у меня были почти все поколения iPhone, обязательный iPad, Apple Watch, несколько игровых приставок, умных и не очень колонок, а также другие гаджеты, которые делали жизнь удобной, комфортной и ненапряжной. Смартфон и десктоп разрывались от количества установленных программ, а памяти постоянно не хватало.

Принцип вычитания

Моей проблемой была информационная и техническая перегрузка. Следуя принципу вычитания, я решил не внедрять дополнительные ограничения, а убрать все лишнее. Так я лишился беспроводных наушников, портативной игровой приставки, смарт-часов, планшетов и старых ноутбуков, которые пылились в шкафу. Пока количество моих устройств нельзя пересчитать по пальцам одной руки, но я близок к этому.

Вот устройства, которыми я пользуюсь хотя бы раз в месяц и которые приносят радость:

ноутбук для поездок;

часы с пульсометром и GPS для бега — живут от одного заряда неделю, можно не брать телефон на пробежку;

электронная книга — забыл, когда в последний раз ее заряжал и добавлял туда книги;

умная колонка, которая подключена к проектору — ей пользуется дочка.

Никлас Гоеки, тренер по привычкам и основатель Four Minute Books, дал лучшее определение идеального устройства. Гоеки считает, что великий инструмент — тот, что выполняет одну, но неотъемлемую функцию. Другие инструменты, которые мы используем для множества целей, тратят на себя наши время и внимание. Великий инструмент, напротив, их экономит — и его использование всегда осознанно.

Гоеки выделяет три характеристики великого инструмента.

  1. Вы вспоминаете о инструменте только тогда, когда он нужен.
  2. Вы тратите на его использование минимум времени.
  3. Как только вы закончили действие, инструмент можно отложить.

Лучший пример такого инструмента — зубная щетка. Утром вы почистили зубы и поставили щетку в стакан на раковине, где она ждет вас до вечера. Она не напоминает о себе уведомлениями и не требует дополнительного внимания. Однако зубная щетка действительно нужна: если вдруг забудешь взять ее с собой, то почувствуешь почти физический дискомфорт.

Кроме того, я стремлюсь приучить себя к тому, что каждый инструмент должен выполнять одну функцию. Привычка не смотреть фильмы с компьютера и не читать с телефона вырабатывается постепенно. Но я заметил, что она помогает чаще менять контекст и более осознанно принимать решения о том, что именно ты делаешь в данный конкретный отрезок времени.

Так выглядит экран моего смартфона.

Так выглядит экран моего смартфона

Сокращение информационного шума

Чем больше мы пользуемся гаджетами, тем меньше управляем своим вниманием. Как только мы открываем сайт или приложение, мы попадаем в пространство, которое спроектировали продуктовые дизайнеры. Они уже продумали весь наш путь и определили точки внимания. Они знают, на что мы посмотрим и на что нажмем через секунду, и максимально насыщают цифровую среду разнообразной информацией. Однако исследования показывают, что отсутствие дополнительных визуальных стимулов сокращает потребление энергии при сфокусированной работе и увеличивает время, в течение которого мы можем концентрироваться, в полтора раза.

Чтобы избавиться от информационного шума, я привел интерфейс приложений к состоянию, когда экран пуст — помимо того, что помогает в основной функции. Для десктопа пригодилось приложение Dozer: с его помощью я скрыл с панели инструментов все иконки. Убрал даже часы — они были еще одним отвлекающим стимулом. Сейчас на экране есть только таймер Pomodoro. Как только закончу работу над этим текстом, уберу и его. Экран станет пустым.

Вот так выглядит мой рабочий стол, когда я утром включаю компьютер. На нем нет ничего, что могло бы отвлечь внимание.

Вот так выглядит мой рабочий стол, когда я утром включаю компьютер. Нет ничего, что могло бы отвлечь внимание

Расхламляем цифровые чуланы

Когда под рукой только необходимые инструменты, настало время разобрать цифровой мусор: терабайты информации, сотни подписок и миллионы непрочитанных статей. Чтобы отделить нужное от ненужного, пригодились еще три принципа: безжалостное удаление, переосмысление ценности и автоматизация.

Безжалостное удаление

Есть два типа людей. У первых 42 356+ непрочитанных писем, у вторых — 0. У первых — сотни сохраненных статей, чтобы прочитать на досуге, скачанных книг и роликов на ютубе в плейлисте Watch Later. Долгое время я входил в первую категорию и гордился этим, при этом постоянно чувствовал тревогу из-за того, что не успеваю прочитать и посмотреть все и могу упустить что-то важное.

Теперь, когда я захожу в почту, она встречает меня девственной чистотой. В папках пусто, на рабочем столе ни одной иконки. Ни минуты не жалею. Если в почте есть что-то важное, я всегда могу вернуться к письму в архиве, а если что-то пропустил — мне об этом обязательно сообщат или напомнят. Чтобы поддерживать порядок, раз в несколько недель быстро и безжалостно отправляю в корзину или архив содержимое папок и почтового ящика, освобождая место для новых важных дел.

Переосмысление ценности

Все эти действия кажутся простыми, но они удивительно эффективны. Если сравнить, сколько времени я тратил на соцсети раньше, то окажется, что я сэкономил сотни часов жизни. Согласно приложению RescueTime, в 2018 году я провел в соцсетях 246 часов, в 2019 году — 73 часа, за первые полгода 2020 года — всего 20 часов.

Автоматизация

В мире победивших технологий глупо рассчитывать только на свою память и физические возможности. Настоящий цифровой минимализм возникает не из системы, которую ты сам построил, а из процессов, которые ты можешь не замечать. Магия начинается, когда происходит что-то важное, а ты в этом не участвуешь, не тратишь время или внимание.

Хороший пример — приложение Google Photos, которое автоматически создает резервные копии всей коллекции фотографий и дает инструменты полнотекстового поиска — бесплатно, вне зависимости от количества фотографий, которое загрузил. За несколько недель я перенес в облачное хранилище более 30 тысяч фотографий, очистил от них жесткие диски и память телефона.

Теперь могу в любой момент найти в своем фотобанке иллюстрацию для статьи или вспомнить какой-то момент из прошлого. Автоматически в облако улетают и все скриншоты, которые я делаю, и записи звонков через Zoom. Они хранятся вместе со всеми фотографиями и видео. Их легко найти, достаточно воспользоваться полнотекстовым поиском.

Я не храню фотографии на устройствах, но быстро могу найти их в облаке.

Я не храню фотографии на устройствах, но быстро могу найти их в облаке

Что дают принципы цифрового минимализма

Минимализм действительно оказался полезным для концентрированной работы, глубокого погружения в задачу. Он тренирует внимание к деталям и одновременно позволяет увидеть картину целиком. Судя по еженедельным отчетам RescueTime, я стал больше времени уделять работе и меньше тратить его впустую, быстрее справляться с задачами. А еще я меньше завишу от устройств и гаджетов — кажется, могу теперь работать в любых условиях и любом окружении.

Уверен, что философия очищения, аскезы и сокращения лишнего подходит не только для оптимизации онлайн-среды. Принципы, которые я использовал для избавления от цифрового мусора, применимы и к финансам, отношениям и личному развитию. Привести их к минимализму — таким, наверное, и будет мой следующий шаг по наведению порядка в жизни.

Есть масса способов кастомизировать внешний вид вашего Android-смартфона. Какое-то время назад мы рассказывали вам о программах-лаунчерах. Обязательно ознакомьтесь с этой статьей, так как без лаунчеров установить прекрасные темы не выйдет. Ну а для того, чтобы не пропускать важные материалы в дальнейшем — подписывайтесь на нас в Телеграм. В целом установить лаунчер не так уж и сложно. Но вот подобрать интересную и небанальную тему — уже другое дело. Поэтому мы решили рассказать вам о темах, которые изменят ваш смартфон до неузнаваемости.


Меняем внешний вид Android так, как нам хочется!

Ocean Dream — Для любителей морей


Glasklart — Для любителей минимализма во всем


White — 50 оттенков белого


Pinko — Внесите разнообразие в привычный вам смартфон


Windows Mobile 95 — Олды тут


А вот что сделает интерфейс кардинально другим, так это Windows Mobile 95. Тут нет каких-то нагромождений из анимаций или переходов. Тут у нас имитация старой-доброй операционной системы Windows 95. Хотите узнать, как выглядел бы ваш телефон, если бы он был создан в 90-х годах компанией Microsoft? Примерно так, как на скриншоте выше. С поправкой, ясное дело, на то, что современных технологий вроде быстрого интернета вас лишать никто не будет. Хотя от звука подключения древнего модема в каком-нибудь виде мы бы не ясно отказались.

Свободное общение и обсуждение материалов

Платеж по NFC

Большинство смарт-часов, предназначенных для Android, как ни странно, не имеют NFC. Поэтому ни о какой бесконтактной оплате в их случае речи даже не идёт. Нет, конечно, есть модели с модулем ближнего поля, но их, во-первых, мало, а, во-вторых, стоят они зачастую довольно дорого. Так что не нужно удивляться тому, что многие пользователи предпочитают экономию бесконтактной оплате, хотя, безусловно, в тайне мечтают обзавестись когда-нибудь гаджетом, у которого такая функция всё-таки будет. Но Xiaomi придумала, как решить их проблему, без необходимости покупать новые часы.


Несмотря на то что я терпеть не могу кастомизацию и перепрошивки, мне всегда очень нравилось возиться с экспериментальными функциями тех или иных приложений. Особенно оттянуться удавалось на Google Chrome, в котором постоянно появлялись скрытые нововведения, которые было нужно принудительно активировать в меню флагов. На выходе я получал тот же самый браузер, но с чуть более расширенной функциональностью, которая позволяла пользоваться им с чуть большим удобством. Как говорится, мелочь, а приятно. Поэтому я сильно обрадовался, когда узнал, что и в YouTube есть такие же скрытые функции, которые можно принудительно активировать.


Что у смартфонов на Android, что у iPhone есть свои преимущества. Я до сих пор наблюдаю, как мои друзья спорят, какая операционная система лучше. По долгу службы мне приходится пользоваться и теми, и другими устройствами. Я не являюсь фанатом iOS или Android и стараюсь всегда смотреть со стороны на разные гаджеты, находя плюсы и минусы, о которых пытаюсь подробно вам рассказывать. В сентябре мы с мамой подарили бабушке смартфон Honor, с которым я имею дело практически каждый день. Спустя два месяца у меня сложилось приятное впечатление об этом смартфоне, в результате чего я решил взглянуть на плюсы ОС Android.

последняя ссылка не ведет на Windows mobile 95. По ссылке размещен KLWP Live Wallpaper Maker

Читайте также: