Как настроить и изменить цвет темы строки состояния адреса браузера Chrome мобильного телефона?

Почему логотип Taobao оранжевый? Раскрываем секреты психологии цвета в логотипе Alibaba!

С самого начала и по настоящее время Taobao придерживается оранжевого интерфейса дизайна пользовательского интерфейса.

Будь то логотип Taobao или мобильный логотип Taobao ▼

Как изменить цвет темы адресной строки и строки состояния в мобильном браузере Chrome?

Логотип Alibaba Group

  • Основной цвет веб-сайта Alibaba Group, App软件Интерфейс, подавляющая часть макета страницы, в основном оранжевый.
  • Поскольку оранжевый обычно дает ощущение жизни и энергии, он часто освежает первоначальную депрессию.
  • Это теплое чувство безопасности успокоит вас во время чтения.
  • Оранжевый также является самым теплым из всех теплых цветов, оранжевый символизирует любовь и幸福, яркий апельсин для здорового самочувствия.
  • Некоторые говорят, что апельсины улучшают аппетит у людей с анорексией.

Влияние теплых и холодных цветов на пользователей

Влияние теплых и холодных цветов на пользователей

теплый цвет:

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

Классные цвета:

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

    Зачем менять цвет темы браузера Chrome?

    В интернете существует множество сайтов электронной коммерции . При доступе к этим сайтам с помощью браузера Google Chrome:

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

    Начиная с Android 5.0 (Lollipop) и Google Chrome версии 39, в браузер Chrome добавлен цвет темы метатега theme-color, который используется для изменения цвета темы.

    С развитием HTML5 программное обеспечение для мобильных веб-приложений, адаптивные веб-страницы (адаптивные страницы) все больше и больше приближаются к приложениям для мобильных телефонов.

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

    • Пожалуйста, проверьте фактическую визуализацию перед изменением цвета.

    Изменить экземпляр цвета темы браузера Chrome

    Ниже представлен скриншот из блога Чэнь Вэйляна до изменения цветовой гаммы темы браузера Chrome ▼

    Скриншот блога Чэнь Вэйляна без изменения цветовой темы браузера Chrome.

    Обратите внимание, что адресная строка браузера имеет серый цвет, который является цветом темы по умолчанию для Google Chrome, а системная панель уведомлений телефона по умолчанию черная.

    Это скриншот блога Чэнь Вэйляна, демонстрирующий изменение цвета темы оформления в браузере Chrome ▼

    Скриншот из блога Чэнь Вэйляна, демонстрирующий изменение цветовой гаммы темы браузера Chrome.

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

    Как изменить цвет верхней навигации Chrome?

    Метод модификации прост, добавьте метатег цвета темы, вы можете это сделать,

    Нам просто нужно добавить метатег в середину тега `<head> ` или `</head>` на странице , как показано на примере цветовой кодировки ▼

    <link rel="icon" sizes="192x192" href="nice-highres.png">

    Кроме того, если вы предоставите значок с высоким разрешением, Google Chrome может отдать приоритет этому более красивому значку, Google Chrome выберет значок с самым высоким разрешением, официальная рекомендация — использовать PNG-изображение размером 192×192 пикселей, например:

    Цвета темы доступны только для Google Chrome.Если вы хотите изменить демонстрацию адресной строки в Safari для iPhone и IE для Windows Phone, воспользуйтесь следующим кодом:

    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#4285f4">
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    Как совместить технологии и маркетинг?

    На самом деле, простыми словами, это означает не учитывать те технологии и потребности, которые слишком передовые.

    Вы можете зарабатывать деньги с самыми основными жесткими потребностями.

    Чтобы удовлетворить спрос, требуется не глубокая технология, а только самая простая технология для удовлетворения, которая является самой мощной производительностью.

    • Совершенно не разбираясь в технологиях, вы можете платить кому-то за разработку программ.
    • Так что дело не в технологии, а в网络 营销Стратегия.

    Лучший способ добиться успеха

    Успех прост - успеху нужно учиться.

    Вам не нужно возиться с идеями, чтобы добиться успеха, лучший способ сделать это:

    1. Учитесь у успешного человека
    2. Подражание плюс небольшие инновации

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

    Я вложил много денег в онлайн-продвижение , но до сих пор не могу найти ключ к успеху.

    Делая технологии нельзя падать в техническую бездну

    Один из моих друзей работал в Sogou AI Labs.

    • Теперь он работает с естественным языком, распознает опечатки и застревает в технической бездне.
    • Прошло два года, WeChatПродвижение публичного аккаунтаВложил много денег, но до сих пор не могу найти ключ к успеху...
    • На самом деле это проблема, с которой сталкиваются многие технологи...

    Двойные мечи технологии + маркетинга

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

    Независимо от того, занимаетесь ли вы SEO или маркетингом в WeChat , маркетинговая стратегия имеет решающее значение. Зачастую простая стратегия может привести к значительным изменениям.

    эпилог

    В новой теории привлечения и продвижения трафика « Привлечение и продвижение трафика » ( первоначально разработанной Чэнь Вэйляном ) упоминается, что для привлечения трафика необходимо изучить правила платформы, а после понимания этих правил — применить их на практике с помощью технологий.

    • пользовательская модификацияГугл ХромПосле цвета темы строки состояния адреса Chrome обязательно запишите сегодняшнюю дату изменения.
    • Затем используйте неделю, чтобы сравнить и посмотреть, увеличился ли рейтинг кликов по рекламной ссылке?Если вместо этого CTR падает, его необходимо немедленно вернуть обратно.
    • делатьРекламная рассылкаТакже необходимо изучить поведение пользователей, цель изучения поведения пользователей — улучшить коэффициент конверсии электронной коммерции.

    Чтобы узнать, как увеличить коэффициент конверсии, нажмите на ссылку ниже, чтобы просмотреть ▼

    Надеюсь, статья «Как настроить цвет темы адресной строки в мобильном браузере Chrome?», опубликованная в блоге Чен Вэйляна ( https://www.chenweiliang.com/ ), окажется для вас полезной.

    Не стесняйтесь делиться ссылкой на эту статью: https://www.chenweiliang.com/cwl-1087.html

    Чтобы раскрыть еще больше скрытых трюков🔑, присоединяйтесь к нашему каналу в Telegram!

    Поделитесь и поставьте лайк, если вам понравилось! Ваши репосты и лайки — наша постоянная мотивация!

     

    发表 评论

    您的邮箱地址不会被公开。必填项已用*标注

    Наверх