Как сделать темную тему в твиттере
Как включить тёмную тему в 10 популярных приложениях
По слухам, Apple добавит тёмную тему в iOS 13. Многие разработчики уже активно к этому готовятся.
Вот 10 популярных приложений, в которых уже можно её включить.
1. YouTube
1. Открываем приложение YouTube.
2. Тапаем по иконке профиля в правом верхнем углу.
3. Выбираем пункт Настройки и активируем Ночной режим.
2. Facebook Messenger
2. Тапаем по эмотикону один раз, появится анимация падающих лун и сообщение об активации пасхалки.
3. Открываем настройки приложения, тапнув по иконке со своим профилем.
4. Активируем темный режим!
Если у вас не заработал темный режим интерфейса, закройте приложение через меню многозадачности и откройте снова.
3. Twitter
1. Открываем приложение Twitter.
2. Тапаем по иконке профиля в левом верхнем углу.
3. Выбираем Настройки и конфиденциальность —> Видео и звук.
4. Активируем Ночной режим.
4. Slack
1. Открываем приложение Slack.
2. Тапаем по значку с тремя вертикальными точками в правом верхнем углу.
3. Переходим в раздел Settings и выбираем Dark mode.
Сегодня как раз вышло обновление для iOS с поддержкой темной темы.
5. Reddit
1. Открываем приложение Reddit.
2. Тапаем по иконке профиля в левом верхнем углу.
3. Переходим в раздел Settings.
4. Выбираем Dark mode.
6. Яндекс.Карты
1. Открываем приложение Яндекс.Карты.
2. Тапаем по иконке с тремя линиями в нижнем левом углу.
3. Переходим в раздел Настройки —> Основные.
4. В пункте Ночной режим выбираем Автоматически (меняется в зависимости от времени суток) или Включен.
7. Google Карты
1. Открываем приложение Google Карты.
2. Тапаем по иконке с тремя линиями в левом верхнем углу.
3. Нажимаем на шестеренку.
4. Переходим в раздел Навигация.
5. В пункте Цветовое оформление выбираем Автоматическое или Ночь.
8. Ulysses
1. Открываем приложение Ulysses.
2. Переходим в раздел Библиотека.
3. Тапаем по шестеренке.
4. Переходим в раздел Параметры вида.
5. Выбираем Тёмный режим.
9. Signal
1. Открываем приложение Signal.
2. Тапаем по иконке профиля в левом верхнем углу.
3. Нажимаем на иконку луны в правом верхнем углу.
10. Telegram
1. Открываем приложение Telegram.
2. Переходим в раздел Настройки —> Оформление.
3. Выбираем цветовую схему Ночная или Темно-синяя. Обе смотрятся одинаково хорошо.
Бонус. ВКонтакте
1. Открываем приложение VK.
2. Тапаем по последней вкладке и шестеренке.
3. Выбираем Настройки —> Внешний вид.
Как включить тёмный интерфейс Twitter на ПК, Android и iPhone
Как и многие современные приложения, Twitter предлагает тёмный вариант интерфейса вместо обычного. Зачем стоит использовать его и как включить?
В любом приложении тёмный интерфейс предназначается для снижения нагрузки на глаза. Если вы прокручиваете ленту Twitter по вечерам, тёмный интерфейс сделает чтение более удобным.
Заодно может увеличиться продолжительность работы мобильных устройств. Тёмные пиксели на экране расходуют заметно меньше энергии по сравнению с белыми. На устройствах с экранами AMOLED для отображения чёрного цвета пиксели вообще выключаются и не расходуют энергию.
Наконец, тёмный интерфейс просто хорошо выглядит. Выбор в плане внешнего вида никогда не помешает и разработчики Twitter дают такой выбор. WhatsApp и Instagram также обладают этим вариантом интерфейса, будет он и в Facebook.
Включить тёмный интерфейс в Twitter очень просто, на мобильных устройствах для этого есть два варианта.
Включение тёмного интерфейса Twitter на iPhone и Android
Twitter для Android iOS имеет два тёмных режима. Один из них получил тёмно-синий фон и называется Dim, другой с чёрным фоном называется Lights out и предназначается для экранов AMOLED. Между ними можно легко переключаться.
Lights Out доступен на iOS уже довольно давно, но только недавно появился в приложении на Android. Если его нет в меню, откройте настройки смартфона и прокрутите до раздела «Приложения». Найдите в списке Twitter, нажмите и выберите принудительную остановку, затем очистите данные приложения. Повторно запустите Twitter и опция Lights Out должна появиться.
Включение тёмного интерфейса Twitter на ПК
Веб-сайт Twitter использует настройку, которая говорит браузеру, что доступен тёмный интерфейс. Большинство современных браузеров, такие как Chrome, Firefox и Edge, распознают эту настройку и отображают правильную версию, которая соответствует светлому или тёмному интерфейсу самого браузера.
Если вы хотите вручную выбрать цветовой вариант Twitter, это можно сделать. Откройте меню в разделе Настройки и конфиденциальность > Экран и выберите один из трёх вариантов: по умолчанию, Dim и Lights Out. Также можно выбрать цвета акцентов.
Тёмная тема: приёмы, которые помогут сделать качественный интерфейс
Рассказываем про кейсы Google, Apple, Microsoft и «ВКонтакте» — главное, что нужно знать про разработку тёмной темы.
Тёмная тема стала популярной в 2018 году после её релиза на macOS Mojave. Её полюбили за удобство для глаз и возможность по-новому посмотреть на привычные интерфейсы.
Создание тёмной темы — сложная дизайнерская задача: под тёмный фон нужно подобрать новые цвета, сохранить общую узнаваемость интерфейса и читаемость текста. Рассмотрим, какие принципы и приёмы помогут вам сделать тёмную тему для собственного интерфейса на примере Google, Apple, Microsoft и «ВКонтакте».
Зачем нужна тёмная тема
Экономия батарей аккумуляторов с OLED-дисплеями
В отличие от обычных экранов, OLED-дисплеи полностью выключают пиксели на месте чёрного цвета. Например, если на странице чёрный фон и белый текст, OLED-дисплей активирует пиксели только для текста и тратит меньше энергии батареи. Благодаря этому пользователь видит глубокий чёрный цвет, а батарея устройства разряжается медленнее.
Наглядный эксперимент провело издание PhoneBuff. Оказалось, что в среднем тёмная тема экономит 30% заряда:
Комфорт для глаз
Исследования показали, что для людей с нормальным зрением нет принципиальной разницы, как читать текст: в тёмном или светлом окружении. Но людям с катарактой или другими проблемами со зрением удобнее воспринимать текст на тёмном фоне.
Фокусировка на задачах
Светлый контент в тёмном окружении привлекает к себе внимание — это помогает пользователю сфокусироваться на задачах, которые он хочет решить в приложении. Посмотрите, как выделяется письмо в приложении Mail в macOS — оторвать от него глаз невозможно:
Пользователи выбирают тёмную тему по разным причинам: кому-то она кажется более строгой, кому-то так удобнее воспринимать текст, кто-то хочет просто поменять цвета в привычном приложении. Хотя тёмная тема не обязательна, желательно дать пользователям возможность её использовать.
Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.
Опыт крупных компаний
Тёмная тема появилась во всех сервисах Google, Apple и Microsoft. Поэтому изобретать велосипед остальным дизайнерам уже не нужно — все принципы и приёмы давно проверены крупными корпорациями.
Фон и тени
Google применяет систему Material Design. В светлой теме плашки отделяются друг от друга по принципу «наслаивания»: каждый элемент интерфейса — это отдельный слой, который отбрасывает тень на предыдущий:
В тёмной теме это правило не работает, так как на чёрной поверхности тень того же оттенка увидеть невозможно. Чтобы разрешить это противоречие, дизайнеры Google выделяют слои высветлением: чем ближе объект к пользователю, тем он светлее. Тени не такие заметные, но они есть:
Теми же соображениями руководствовались дизайнеры мобильной версии Office 365 и «ВКонтакте»:
Apple хитро поступила с тенями в macOS. Их сделали насыщеннее и дополнительно усилили контраст с помощью чёрной обводки и внутренних бликов окна:
В стандартных приложениях macOS интересно реализован фон. Для окон добавили серый цвет, который смешивается со средним цветом обоев рабочего стола. Это позволяет приложениям в тёмной теме выглядеть гармонично на любых обоях: хоть на тёмных, хоть на светлых:
Цвет элементов интерфейса
Если инвертировать весь интерфейс, цвета на нём будут кислотными. Смотреть на такое приложение неприятно из-за высокого контраста:
На тёмном фоне насыщенные цвета выделяются гораздо сильнее. Например, яркий синий цвет хорошо выглядит в светлой теме, но в тёмной он кажется гораздо ярче:
Дизайнеры Google сформулировали правило для подбора цветов: чем темнее фон, тем светлее должны быть цвета элементов интерфейса. Каждый цвет разбили на яркостную градацию от 900 до 50 и подобрали наиболее контрастные и приятные глазу оттенки:
Цветовое правило работает не только с элементами интерфейса, но и с векторными иллюстрациями:
В том же направлении поработали и дизайнеры macOS. Каждому системному цвету подобрали тусклую пару для тёмной, чтобы цвета не «выжигали» глаза пользователей:
В тёмной теме macOS решили не только уменьшать непрозрачность текста белого цвета, но и подобрали оттенок серого, чтобы текст лучше читался на любом фоне:
Результат этой работы хорошо виден на боковой панели Finder:
Также важен контраст текста и фона. Приложением или сайтом с тёмной темой может пользоваться кто угодно, а значит, нужно подобрать удобные для всех цвета. Google, Apple и другие компании ориентируются на стандарт 1.4.6 WCAG: «Визуальное отображение текста и текст на изображениях должны иметь коэффициент контрастности не менее 7:1».
Совет. Чтобы проверить контраст своих цветов, зайдите на сайт Web Aim, введите код цвета текста в графу Foreground Color, а цвета фона — в Background Color. За образец контрастности можно брать значения Google и Apple — 15,8:1.
Иконки
Обычно иконки для интерфейсов рисуют контурами — делают только обводку, оставляя пространство внутри «пустым». Если сделать то же самое в тёмной теме, иконки станут слишком контрастными и будут выглядеть довольно странно:
В Apple решили, что раз стандартный подход делает иконки плоскими и портит формы, нужно не только инвертировать цвет, но и изменить подход к рисованию. Поэтому в тёмной теме все пиктограммы macOS залиты белым цветом:
Так же поступили и дизайнеры мобильной версии Office 365 — перерисовали иконки с использованием заливки:
При таком подходе иконки не теряют форму, остаются читаемыми и контрастными.
В Photoshop и Figma уровень прозрачности регулируется свойством Opacity — непрозрачность.
О чём нужно помнить при создании тёмной темы
Чтобы ничего не забыть при создании тёмной темы, придерживайтесь правил:
Советы по Twitter для чайников: то, что мне стоило бы знать, когда я начинал
Еще три недели назад мой аккаунт в Twitter был практически заброшен.
Он существовал в гордом одиночестве в течение нескольких лет в качестве отвлечения от работы, когда последняя позволяла мне найти время на то, чтобы постить твиты. И вот, три недели назад этот день настал, и я бросился в омут с головой, применяя все знания о Twitter, которые были в моем арсенале. И даже несмотря на то, что я взял хороший разбег на старте, мне нужно было еще многому научиться.
Знания редко заменяют опыт. Так что пока я кое-как экспериментировал и всячески химичил, пытаясь разобраться в Twitter в течение моих первых нескольких недель общения с сервисом, я заметил, что многим вещам можно научиться только на практике. В этой статье я расскажу о самых главных из них. Итак, встречайте: полезные советы по Twitter для чайников.
1. Вы не обязаны читать каждый твит.
Если у вас 100 последователей, то ежедневно они постят порядка 2200 твитов.
500 последователей = 10 тыс. твитов ежедневно.
1000 последователей = 22 тыс. твитов ежедневно.
Иными словами, так как длина твитов составляет в среднем 30 символов, то человек с 1000 последователей будет в течение дня видеть столько контента, что по размеру он мог бы в четыре раза превзойти «Скотный Двор» Джорджа Оруэлла*.
Вы не обязаны читать каждый твит. Вместо этого…
2. Занесите любимых пользователей в отдельный список.
К счастью я открыл для себя списки.
Для меня главным преимуществом списков является то, что я вижу наиболее важный и оригинальный контент от избранных групп пользователей. Здесь нет проспонсированного контента. По сути, мы имеем дело с эдаким минималистическим вариантом Twitter.
Мои интересы весьма разнообразны, так что я создаю разные списки. У меня есть список для маркетинга в цифровой сфере, для New England Patriots и многие другие списки. Это хорошая альтернатива прочесыванию всей ленты.
3. Всегда отвечайте всем и на всё.
Когда люди ретвитят ваши твиты, упоминают вас в своих постах или добавляют ваши записи в избранное, они ищут связи с вами. В какой-то мере это можно даже назвать почетным. Кто-то оценил ваш профиль столь высоко, что захотел связаться с вами – это своего рода честь.
Один из наиболее популярных брендов на Twitter – аккаунт @notebook – уделяет огромное внимание ответам пользователям.
«Независимо от того, управляете ли вы таким международным брендом как Nike или местным продуктовым магазинчиком, очень важно выражать благодарность каждому вашему подписчику, который задает вопрос, делает вам комплимент или обращается с проблемой. Одни ответят вам, а другие сделают ретвиты вашего ответа, потому что они хотели бы показать своим друзьям, что вы с ними общаетесь».
4. Используйте приложение-планировщик наподобие Buffer.
Здесь нам на помощь приходят инструменты для работы с соцсетями. С помощью Buffer я могу выбирать хороший контент, которым хочу поделиться (в том числе и ретвиты), и добавлять его в очередь, благодаря которой можно разделить контент на порции для публикации в течение всего дня в наиболее подходящее время. Я могу контролировать этот процесс так, как сам пожелаю, и позднее я могу следить за статистикой того, какие из твитов были наиболее популярны.
5. Правильно подавайте информацию о себе.
По умолчанию мне всегда хочется написать о себе что-нибудь оригинальное. Мне нравятся странички пользователей в Twitter, которые заставляют смеяться. Но то, что кажется остроумным для меня, может не являться таковым для кого-то еще. Так что вместо смешной биографии мне пришлось написать что-то более информативное, оставив в стороне свое творческое эго.
6. Общайтесь напрямую с другими.
«Когда вы найдете общий язык с другими людьми и начнете общаться с ними, вы сразу же обзаведетесь друзьями в Twitter, и это сделает ваш опыт работы с сервисом еще более приятным».
Самым лучшим для меня методом в этом плане является собственное сочинение твитов. Каждый раз, когда я даю ссылку на новый контент или делюсь какой-либо информацией, полученной от кого-то еще, я упоминаю автора (используя стандартный символ @) или составителя, или «HT» (или hat tip, что в данном контексте можно перевести как благодарность «за наводку» другому пользователю – прим. переводчика). Другими словами, я отдаю должное там, где нужно. Очень часто люди это ценят.
Оказывается, что я не знал первого правила написания твитов: если вы хотите, чтобы каждый видел ваш твит, не начинайте его с символа @.
Twitter расценивает такие твиты (и в большинстве случаев это верно) как приватные, адресованные конкретному пользователю. Только пользователь, опубликовавший твит, адресат, а также последователи обоих аккаунтов смогут увидеть подобные посты в своих лентах.
Эта информация сильно повлияла на мое поведение. Я нервничал, публикуя твиты с @-ответами другим пользователям, так как я не хотел заполнять ленты своих последователей твитами, которые могли бы быть для них неинтересны. Зная, что такие твиты находятся в стороне от основного потока, я чувствовал себя куда более комфортно.
7. Постить одно и то же не зазорно.
Белль Бет Купер (Belle Beth Cooper) написала отличную статью, развенчав все мифы по поводу репостов одного и того же контента. Она подает три основные причины, почему стоит это делать:
Знание того, что в повторной публикации одного и того же контента нет ничего зазорного, снимает напряжение при отборе контента для постов. Если я нашел классную ссылку, то мне не стоит переживать, что я уже твитил ее. Репостинг тоже может быть отличной штукой!
8. Забудьте о соотношении Following / Followers и просто подписывайтесь на стоящие аккаунты.
Каким бы не было идеальное соотношение, для себя я открыл, что погоня за ним не приносит никакой пользы в самом начале жизни аккаунта.
Я присоединился к Twitter, чтобы находить новых людей, что я и делал.
Моим камнем преткновения было то, что мне не давало покоя соотношение Following / Followers в аккаунтах топ-пользователей Twitter. Часть меня хотела, чтобы у меня было такое же крутое соотношение, говорящее о том, что у меня многотысячная армия подписчиков, в то время как сам я являюсь подписчиком только горстки аккаунтов. Для того, кто только присоединился к Twitter, это было довольно эгоистично.
Идеальное соотношение может и подождать. Тем временем я принял за правило становиться подписчиком тех, кто подписался на получение обновлений моего аккаунта.
Избирательность может негативно отразиться на вашем росте. В соответствии с данными KissMetrics, самый быстрый путь набрать подписчиков – это стать подписчиком как можно большего числа аккаунтов.
Такой метод добавляет индивидуальный подход вне зависимости от вашей популярности в Twitter. Он показывает, что вы заметили появление нового последователя и уделили время тому, чтобы стать его подписчиком.
Правда в том, что наилучшее соотношение Following/ Followers действительно существует, сокрытое в тайных глубинах алгоритмов Twitter. Когда вы становитесь подписчиком 2000 аккаунтов, вы не сможете продолжать подписываться на новые, если ваше соотношение не удовлетворяет определенным требованиям. Я еще далек от цифры в 2000, но, когда я буду приближаться к этому числу, такие инструменты как Followerwonk окажутся суперполезными.
Напоследок, самый лучший совет, который я слышал в Twitter.
«Не пиши о себе, пиши о них».
А какой совет хотели бы получить вы в самом начале своего общения с сервисом?
* Официальная математика: 22000 твитов по 30 символов в каждом = 660 000 символов ежедневно. Учитывая средний показатель в 5 букв на слово, 660 000 букв – это 132 000 слов. «Ферма животных» насчитывает около 30 000 слов.
Использование расширенных возможностей игнорирования
Возможности игнорирования слов и хештегов
Твиты могут содержать материалы, которые вы не хотели бы видеть. Мы предлагаем вам возможность игнорировать твиты, которые содержат определенные слова, фразы, имена пользователей, смайлики или хэштеги. Игнорирование этих твитов позволяет удалить их со вкладки уведомлений, из ленты на Главной странице, из ответов, а также отказаться от получения соответствующих push-уведомлений, SMS-сообщений и почтовых уведомлений.
Примечание. Игнорирование слов и хештегов распространяется только на уведомления и ленту на главной странице. Эти твиты будут по-прежнему отображаться в результатах поиска. Параметры уведомлений об игнорируемых словах и хештегах распространяются на ответы и упоминания, а также на любые отклики на них: отметки «Нравится», ретвиты, дополнительные ответы и твиты с цитатами.
Возможно, вы подписались на мобильные уведомления о твитах пользователей, которых вы читаете. На такие уведомления игнорирование слов и хэштегов не распространяется. Вы по-прежнему будете получать мобильные уведомления о твитах пользователя, на которые вы подписались, даже если эти твиты будут содержать слово или хэштег из списка игнорируемых.
Общая информация об игнорировании слов, фраз, имен пользователей, эмодзи и хештегов
Примечание. Если вы уже добавили слова в список игнорируемых, когда данная функция распространялась только на уведомления, будут включены следующие параметры по умолчанию: Только уведомления; Любые пользователи; Навсегда. Параметры игнорирования можно изменить в любое время. Инструкции приведены ниже.