Иконка гугл: Иконка Google в стиле Color

Иконка Google Chrome получит первый редизайн за 8 лет и вариации для разных ОС

3DNews Новости Software Браузеры Иконка Google Chrome получит первый реди…

Самое интересное в обзорах

05.02.2022 [14:36], Павел Котов

Впервые за 8 лет Google решила провести очередную корректировку внешнего вида иконки браузера Chrome. Это потребовалось, чтобы обеспечить «соответствие более современному представлению бренда Google» — значки браузера будут иметь некоторые отличия для каждой операционной системы.

Источник изображений: 9to5google.com

Первый редизайн значка Chrome был проведён в 2011 году — он был изрядно уплощён и сохранил лишь отдалённое сходство с первоначальной объёмной версией образца 2008 года. Три года спустя была произведена повторная модернизация, после которой цвета лишились градиентов, а композиция окончательно обрела плоский вид.

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

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

Наиболее приближённым к базовому варианту стало исполнение иконки Google Chrome для платформ Windows 10 и 11. Подобным образом она выглядит и в версии для ChromeOS за тем исключением, что цвета стали ещё ярче, а градиенты пропали совсем.

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

Обновлённые иконки браузера Google Chrome уже появились в сегодняшних сборках экспериментального канала Canary, после чего они постепенно будут добавляться в другие предварительные версии браузера. А финальный релиз нового оформления намечен на конец марта — одновременно с выходом Chrome 100.

Источник:

Если вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

Материалы по теме

Постоянный URL: https://3dnews.ru/1059577/ikonka-google-chrome-poluchit-perviy-redizayn-za-8-let-i-variatsii-dlya-raznih-os

Рубрики: Новости Software, Браузеры,

Теги: google, chrome, редизайн

← В прошлое В будущее →

Компьютерные иконки Google Chrome Веб-браузер, что Иконка, другие, логотип, монохромный png

Компьютерные иконки Google Chrome Веб-браузер, что Иконка, другие, логотип, монохромный png

теги

  • другие,
  • логотип,
  • монохромный,
  • инкапсулированный PostScript,
  • Google Chrome,
  • символ,
  • Google Chrome для Android,
  • черно-белый,
  • скачать,
  • значки компьютеров,
  • круг,
  • хром,
  • расширение для браузера,
  • бренд,
  • веб-браузер,
  • png,
  • прозрачный,
  • бесплатная загрузка

Об этом PNG

Размер изображения
512x512px
Размер файла
9. 47KB
MIME тип
Image/png
Скачать PNG ( 9.47KB )

изменить размер PNG

ширина(px)

высота(px)

Лицензия

Некоммерческое использование, DMCA Contact Us

  • Значок Google Chrome, Google Chrome Веб-браузер, оранжевый, Chrome OS, Internet Explorer png 512x512px 32.16KB
  • Google Chrome Computer Icons, Google, логотип, инкапсулированный PostScript, черный png 512x512px 11.08KB
  • Google Chrome Logo Веб-браузер Компьютерные иконки, хром, логотип, логотип Google, Google Chrome png 1024x1024px 105.37KB
  • org/ImageObject»> Расширение Google Chrome Веб-браузер Расширение браузера Chrome Web Store, Google, логотип, Google Chrome, Chrome OS png 500x500px 17.1KB
  • Google Chrome для Android Компьютерные иконки Расширение браузера, логотип для ногтей, логотип, Google Chrome, Chrome OS png 894x894px 102.5KB
  • Google Chrome для Android Веб-браузер Расширение браузера Chrome OS, значок Google Chrome, Разное, логотип, другие png 931x931px 65.73KB
  • Google Chrome App Компьютерные иконки, Chrome, логотип, интернет, Google Chrome png 768x768px 39.72KB
  • Google Chrome для Android Веб-браузер Google Chrome для Android, Google, логотип, Google Chrome, Chrome OS png 1024x834px 121. 48KB
  • Логотип Google Chrome, значки компьютеров Веб-браузер Google Chrome, Chrome, Разное, другие, логотип png 981x986px 57.18KB
  • Google Chrome Computer Icons Веб-браузер, социальные медиа черно-белые, белый, текст, другие png 512x512px 16.29KB
  • WhatsApp iPhone, WhatsApp, логотип, монохромный, черный png 512x512px 35.34KB
  • Google Chrome Computer Icons Веб-браузер, другие, Разное, логотип, другие png 512x512px 8.98KB
  • Google Chrome Computer Icons Интернет-магазин Chrome Веб-браузер, всемирная паутина, логотип, интернет, Google Chrome png 512x512px 41. 91KB
  • Google Chrome Computer Icons Веб-браузер, интернет-обозреватель, фиолетовый, логотип, пурпурный png 720x720px 56.05KB
  • Иконки YouTube для компьютеров, YouTube, угол, прямоугольник, черный png 1000x1000px 16.98KB
  • Галочка Font Awesome Computer Icons, утвердить символ, разное, угол, текст png 512x512px 14.19KB
  • Логотип Instagram, значки компьютеров, логотип insta, текст, другие, инкапсулированный PostScript png 700x690px 18KB
  • WhatsApp Компьютерные иконки, WhatsApp, текст, товарный знак, логотип png 1200x630px 48.28KB
  • org/ImageObject»> Google Chrome Computer Icons Веб-браузер, сафари, прямоугольник, логотип, Google Chrome png 512x512px 32.72KB
  • Компьютерные иконки логотип, логотип INSTAGRAM, логотип Instagram, Разное, текст, другие png 512x512px 9.37KB
  • черный логотип WhatsApp, WhatsApp значки компьютеров, WhatsApp, логотип, монохромный, черный png 512x512px 24.25KB
  • Email Logo Icon, Email, черный конверт с логотипом, Разное, текст, мобильные телефоны png 500x500px 11.73KB
  • Логотип Google Chrome, Google Chrome App Веб-браузер Иконки компьютеров, Приложения Иконка Google Chrome, Разное, оранжевый, другие png 512x512px 95.54KB
  • org/ImageObject»> Тиранозавр Динозавр T-Rex T-Rex Chrome VR Jump Trex Бегун Лавовый прыжок, динозавр, угол, текст, монохромный png 546x568px 6.69KB
  • Google Chrome Logo Компьютерные иконки Расширение браузера Microsoft, хром, логотип, Microsoft, Google Chrome png 512x512px 29.33KB
  • Google Chrome Computer Icons, Корпорация Венера Телефон, логотип, другие, окно png 512x512px 11.45KB
  • Google Chrome Computer Icons Веб-браузер Логотип, логотип Chrome, угол, другие, логотип png 894x720px 82.15KB
  • Эскиз логотипа телефонного звонка, Телефон Мобильные телефоны Логотип Иконки компьютеров, телефон, Разное, текст, рука png 904x980px 56. 67KB
  • Компьютерные иконки Интернет веб-страница, всемирная паутина, текст, глобус, логотип png 980x980px 60.75KB
  • WhatsApp Icon Logo, логотип WhatsApp, текст, инкапсулированный PostScript, мгновенные сообщения png 512x512px 10.73KB
  • Логотип Google Chrome, значки Google Chrome для компьютеров, веб-браузер, значок Chrome, Разное, оранжевый, компьютер png 800x800px 555.51KB
  • Google Chrome Web browser Computer Icons, другие, другие, логотип, компьютерные обои png 513x512px 16.9KB
  • Компьютер Иконки Пользователь Персона, люди иконка, Разное, другие, монохромный png 512x512px 11. 82KB
  • Opera Веб-браузер Логотип, опера, номер, Google Chrome, Opera png 2707x2516px 126.99KB
  • Компьютерные иконки Facebook Logo, facebook, логотип, штраф, искусство png 1024x1024px 18.34KB
  • Компьютерные иконки Google Maps, расположение логотипа, угол, логотип, окно png 512x512px 7.52KB
  • Компьютерные иконки Android Logo, Android, логотип, черный, силуэт png 770x910px 26.35KB
  • WhatsApp Computer Icons Логотип, WhatsApp, зеленый и белый, что случилось логотип, трава, инкапсулированный PostScript, обои для рабочего стола png 1000x1024px 66. 45KB
  • WhatsApp логотип, WhatsApp Logo Компьютерные иконки, мессенджер, текст, трава, инкапсулированный PostScript png 1600x1600px 37.54KB
  • Компьютерные иконки логотип WhatsApp, WhatsApp, текст, логотип, инкапсулированный PostScript png 660x705px 45.56KB
  • Safari Веб-браузер Иконка Apple Tab, логотип Safari, синий, логотип, Google Chrome png 512x512px 86.12KB
  • черный логотип Wi-Fi, значки компьютеров Wi-Fi, белый символ Wi-Fi, компьютерная сеть, другие, инкапсулированный PostScript png 512x512px 17.31KB
  • Значок расширения Google Chrome Веб-браузер, логотип Google Chrome, синий, логотип, инкапсулированный PostScript png 1599x1600px 124. 19KB
  • WhatsApp Computer Icons Logo, ЛОГОС, текст, инкапсулированный PostScript, Android png 2400x2400px 205.05KB
  • Компьютерные иконки WhatsApp, что, текст, логотип, инкапсулированный PostScript png 4096x4096px 152.78KB
  • Chromium Google Chrome Computer Icons Веб-браузер, Android, синий, логотип, Google Chrome png 512x512px 32.29KB
  • Логотип Google, значки Google Chrome для компьютеров, веб-браузер на рабочем столе, значок Google Chrome синий черный, Разное, Дизайн пользовательского интерфейса, другие png 512x512px 220.5KB
  • Карта Расположение, карта, логотип, лицензионный платеж, инкапсулированный PostScript png 684x980px 42. 36KB
  • Компьютерные Иконки, три человека, другие, черный, инкапсулированный PostScript png 626x626px 42.76KB
  • Google Chrome Computer Icons Веб-браузер, Google, логотип, черный, инкапсулированный PostScript png 512x512px 17.09KB

Добавлены новые значки приложений Google Phone, Messages и Contacts [U]

В дополнение к ряду функций Messages Google выпускает новые значки для приложения SMS/RCS, а также для Phone и Contacts.

Обновление от 20 ноября : Как и в случае с мобильной версией, приложение «Телефон» было обновлено последним в Wear OS. Обновление вышло на выходных и дополняет трио новых значков на часах почти через месяц после «Контактов» и «Сообщений».

  • Контакты: 1.16.0.483846653-износ
  • Сообщения: messages.android_20221115_01_RC00. wear.openbeta динамический
  • Телефон: 27.0.487435690-выпуск-износ

Обновление от 28 октября : Всего через неделю после того, как были объявлены значки, Phone by Google был обновлен с новым логотипом. Значок телефона теперь более плоский, чем раньше, а тематическая версия довольно проста. Сегодня утром версия 92.0.484272277 вышла на бета-канал, хотя ее еще нет в Wear OS.

  • Google Messages тестирует новый дизайн индикаторов доставки и чтения

Обновление от 22 октября : в версии 3.79.25.482243121 Google Contacts появился новый значок приложения. Это довольно просто, без теней и с белым фоном. Тематическая иконка немного интереснее и упрощает дизайн «тела». Она кажется более отличительной, чем предыдущая версия.

Это обновление еще не широко распространено через Play Store, в то время как приложение Google Phone находится рядом и, предположительно, использует преимущества своей бета-программы.


Обновление от 21 октября : Google уже внедряет новый значок сообщений с версией messages.android_20221018_01_RC00.phone.openbeta_dynamic. Он также работает на Wear OS, и вы можете подписаться на эту бета-версию прямо здесь.

Как и ожидалось, синяя иконка размещена на светлом фоне, ничем не примечательном. Нет анимированной заставки, которая есть даже в Google Chat, а анимация, показанная в промо-ролике Google, сегодня не появляется.

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


Оригинал 20.10. : Эти три значка по-прежнему имеют один и тот же стиль, чтобы показать, что они являются частью одного семейства приложений, отвечающего за общение. Перекрывающиеся пузыри сообщений являются здесь ключевым мотивом, чтобы представить, как в текстовых сообщениях (и звонках) участвует по крайней мере два участника. Это похоже на зеленый логотип Google Chat.

Более темный синий используется там, где происходит наложение, а также используются два других оттенка более светлого синего. В результате возникает ложное ощущение глубины тени — редкость в современной иконографии Google.

В случае значка Google Messages (и для обеспечения непрерывности и узнаваемости пользователя) синий также представляет цвет пузырьков по умолчанию RCS (Rich Communication Services). Это узнаваемый значок, но перекрывающаяся часть, особенно в левом нижнем и правом верхнем углу, приводит к несколько неточному и грязному виду.

Google Телефон, Сообщения и Контакты

При этом новая иконка приложения Google Phone выглядит довольно красиво, а Контакты достаточно просты, хотя более светлые оттенки синего выглядят как руки, а не как предполагалось (люди бок о бок -сторона).

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

Google говорит, что эти значки предназначены для использования с другими сторонними приложениями, и «каждый из них предназначен для адаптации к темам Material You». Конечно, есть плоскость и отсутствие теней, как видно на значках рабочей области. Тем не менее, другое сравнение относится к семейству значков YouTube и его минимальной цветовой палитре.

Новые значки Google Phone, Messages и Contacts появятся в ближайшие несколько недель.

FTC: Мы используем автоматические партнерские ссылки, приносящие доход. Еще.


Посетите 9to5Google на YouTube, чтобы узнать больше новостей:

Вы читаете 9to5Google — экспертов, которые день за днем ​​сообщают новости о Google и окружающей его экосистеме. Обязательно заходите на нашу домашнюю страницу, чтобы быть в курсе всех последних новостей, и подписывайтесь на 9to5Google в Twitter, Facebook и LinkedIn, чтобы оставаться в курсе событий. Не знаете, с чего начать? Ознакомьтесь с нашими эксклюзивными историями, обзорами, практическими рекомендациями и подпишитесь на наш канал YouTube

Как мы изменили значок Chrome

19 июля 2022 г.

мин. прочитано

Джошуа Круз

Автор ключевых слов

Спустя более восьми лет мы представили обновленную версию значка Chrome для сотого обновления Chrome ранее в этом году. Сегодня я пообщался с дизайнером взаимодействия с пользователем Элвином Ху и визуальным дизайнером Томасом Мессенджером, чтобы заглянуть за кулисы и узнать больше о том, как была разработана иконка Chrome.

Что первоначально означал значок Chrome?

Томас: Когда мы представили Chrome еще в 2008 году, нашей целью было создать браузер, который был бы быстрым и простым в использовании, и ничто не отражало бы скорость лучше, чем космический корабль! Но в конце концов наша команда решила отойти от буквального ракетного корабля и пришла к дизайну, который выглядел доступным и интерактивным, но по-прежнему отражал дух Google.

Одна из первых идей для значка Chrome

Почему вы вносите это изменение именно сейчас?

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

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

Эльвин: Мы упростили основной значок бренда, удалив тени, уточнив пропорции и сделав цвета ярче, чтобы привести его в соответствие с текущим дизайном бренда Google. Мы также обнаружили, что размещение определенных оттенков зеленого и красного рядом друг с другом создает неприятное «свечение» между двумя цветами, поэтому мы добавили очень тонкий градиент к основной иконке, чтобы сделать иконку более приятной для глаз по сравнению с использованием однородных цветов. . Затем мы создали настройки для конкретной ОС. Мы хотим, чтобы значки выглядели узнаваемо в стиле Chrome, но при этом хорошо подходили для каждой операционной системы.

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

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

  • Изображение строки меню macOS. Значки приложений выглядят более трехмерными, поэтому мы добавили цветные ленты, чтобы обозначить бета-версию приложения. Ленты включают множество деталей при просмотре в большом размере, но превращаются в простые значки в маленьком размере, сохраняя их удобочитаемость.

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

  • Изображения значков приложений Chrome и Chrome Beta. Значок бета-приложения имеет дизайн, похожий на чертеж, как дань уважения приложениям Apple, ориентированным на разработчиков, а значок готового к использованию приложения имеет новые пропорции на плитке.

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

Кажется, небольшое изменение.

Вы не рассматривали более значительный уход?

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

Несколько примеров предлагаемых изменений значка Chrome.

Что вас удивило в процессе проектирования?

Эльвин: Процесс проектирования был веселым и совместным испытанием для всех участников. Команда провела сеансы виртуального мозгового штурма, в ходе которых были разработаны различные концепции, призванные стать новым «лицом» Chrome.

Придумав общее направление, мы провели стресс-тестирование многих вариантов цвета, градиента и пропорций в различных контекстах. Даже если изменение цвета незначительное, мы хотели убедиться, что значок не потеряется ни в одном из мест, где он появляется. В какой-то момент мы были довольны особым зеленым градиентом на значке, но после всестороннего тестирования мы обнаружили, что он сочетается с обоями (и панелью задач) Windows 11 по умолчанию, которые нравятся многим нашим пользователям. Именно такие тесты гарантировали, что наша иконка будет хорошо работать везде.

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

Как вы думаете, сделать значок более доступным для большего числа сообществ?

Томас: Мы пересмотрели пропорции центрального синего шара. Работая с гуглерами со слабым зрением, мы обнаружили, что уточненные пропорции и обновленная центральная белая обводка сделали его более узнаваемым.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *