Главная Новости Форум Загрузки Видео Статьи Блог FAQ Отзывы Обратная связь Правила портала Карта портала
Купить рекламу на портале
Новые сообщения (0) Участники Поиск Правила RSS
  • Страница 1 из 1
  • 1
Модератор форума: StimuL  
Material Design: новый стиль интерфейса от Google
Wizard Написал: Вторник, 15 Мар 2016, 09:02 | № 1
1565

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

Содержание:
1.Новый стиль Google – Material Design;
2.Экспериментальные настройки Chrome;
3.Material Design в шапке Chrome;
4.Раздел загрузок в стиле Material Design;
5.Material Design для истории браузера;
6.Раздел расширений и приложений в стиле Material Design.


1. Новый стиль Google – Material Design

Материальный дизайн – как видим из перевода на русский язык названия нового стиля Google, призван придать реалистичность интерфейсу продуктов компании. На первый взгляд плоский и лишенный трехмерных эффектов Material Design, если присмотреться ближе, на самом деле непрост и многослоен. Он сформирован утонченной, ненавязчивой игрой теней, отбрасываемых элементами. При их выборе кликом компьютерной мыши или касанием на сенсорных устройствах элементы Material Design будут отдавать более насыщенную тень, но, в то же время, без каких-либо резких контрастных эффектов. У элементов Material Design насыщенные однотонные цвета, отчетливо очерченные края, но без острых углов. Переключение между элементами интерфейса осуществляется плавно, без резких акцентов. В основе Material design лежит принцип типографской печати с читабельными (сглаженными) шрифтами, нераздражающими глаз фоновыми расцветками, правильными отступами между элементами, фокусировкой внимания в нужных местах, интуитивной навигацией.

Создание нового стиля было обусловлено необходимостью придания единства всем веб-сервисам и программным продуктам Google. Единый стиль интерфейса позволит пользовательской аудитории идентифицировать компанию как создателя ее продуктов и отличать их от веб- и программных продуктов других разработчиков.

Material Design – еще довольно молодой проект. Официально он был представлен на конференции Google летом 2014 года, но уже сегодня внедрен во многие продукты компании Google. Так, в стиле Material Design выполнен интерфейс мобильной платформы Android, начиная с версии 5.0. На этот стиль переведены многие веб-интерфейсы сервисов Google: облачное хранилище Google Drive (а вместе с ним и офисные веб-приложения «Документы», «Таблицы», «Презентации»), заметки Google Keep, конструктор веб-форм Google Forms, анализатор трендов поисковых запросов Google Trends, магазин Android-контента Google Play, соцсеть Google+ и прочие.



Для сравнения: на дату написания этой статьи не перешли на Material Design и остались со старым интерфейсом такие веб-сервисы компании, как видеохостинг YouTube, персональный календарь Google Calendar, сайт новостей Google News, сервис поиска по библиотеке оцифрованных книг Google Books и прочие.

2. Экспериментальные настройки Chrome

Отдельные элементы Material Design в Google Chrome включаются в экспериментальных настройках браузера. Доступ к ним можно получить при вводе в адресную строку значения:

Код
chrome://flags


Внося изменения в экспериментальные настройки – хоть касаемо Material Design, хоть касаемо любых иных функций, необходимо помнить о возможности вернуть исходные настройки Chrome.



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

3. Material Design в шапке Chrome

Шапка актуальной на дату написания версии Chrome выглядит так:



В разделе экспериментальных настроек находим опцию «Оформление Material Design» и в выпадающем списке выставляем позицию «Material Design». Внизу окна появится кнопка перезапуска браузера для применения новых настроек. Жмем ее.



Однако после перезапуска кардинальных изменений в шапке Chrome не увидим. Обнаружим лишь новый вид кнопки меню, знакомый многим по интерфейсу Android, а также смену цвета папок с закладками. Ранее желтого цвета папки станут серыми. И все.



4. Раздел загрузок в стиле Material Design

Чтобы лицезреть Material Design в Chrome без применения экспериментальных настроек, достаточно открыть раздел загрузок. Скачанные файлы отображаются, как и полагается в этом стиле, карточками. Вверху окна обнаружим поле поиска по названиям скачанных файлов,



а также кнопку доступных для раздела загрузок опций, опять же, в стиле Android.



В экспериментальных настройках ценители старого дизайна раздела загрузок Chrome могут вернуть назад привычный интерфейс. Для этого нужно отыскать опцию «Включить Material Design на странице «Загрузки», в выпадающем списке выставить положение «Отключено» и перезапустить браузер.



5. Material Design для истории браузера

Как выглядит раздел истории Google Chrome в новом стиле Material Design, пока что, увы, мы не узнаем. Наверняка это будет небывалое ранее удобство, ведь, по идее, искать нужный сайт в хаосе всего посещенного за несколько дней будем по аккуратно выстроенным в ряд карточкам. Переход раздела истории Chrome на Material Design экспериментальными настройками предусматривается, но на деле никакого эффекта не получим. История браузера просто не будет отображаться. Возможно, в скором будущем опция экспериментальных настроек «Включить историю Material Design» станет рабочей.

9

6. Раздел расширений и приложений в стиле Material Design

Последняя доступная на сегодняшний день опция перехода на Material Design (благо, рабочая) – это преображение в новый стиль раздела расширений и приложений Chrome. Напомним для начала традиционный вид этого раздела, который в рамках существующего интерфейса отображается переключающейся вкладкой в настройках браузера.



Чтобы увидеть раздел расширений в стиле Material Design, в экспериментальных настройках ищем опцию «Включить расширения Material Design» и жмем надпись «Включить». Перезапускаем браузер.



После перезапуска Chrome облаченный в Material Design раздел расширений больше не будет доступен отдельной вкладкой в разделе настроек. Доступ к перечню установленных расширений и приложений можно получить альтернативным путем через пункт «Дополнительные инструменты» в меню Chrome.



Или по-другому – вызвав на любой из кнопок расширений на панели инструментов браузера контекстное меню и выбрав пункт «Управление расширениями».



А вот и сам Material Design в разделе расширений и приложений:



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

Material, Design:, новый, стиль, интерфейса, от, Google  


Жизнь как паутина, чем быстрее карабкаешься тем больше в нее тонешь...
 
профиль сайт
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновления тем Горячие темы Новые пользователи
1. Скачать Windows 10 Insider Preview - сборка 18214[Wizard]
2. Скачать Windows 10 Insider Preview - сборка 18204[StimuL]
3. Скачать Windows 10 Insider Preview - сборка 17723[StimuL]
4. Скачать Windows 10 Insider Preview - сборка 17711[StimuL]
5. Скачать Windows 10 Insider Preview - сборка 17704[Wizard]
6. Статистика ОС и браузеров за июнь 2018 года[Wizard]
7. Скачать Windows 10 Insider Preview - сборка 17682[Wizard]
8. Скачать Windows 10 Insider Preview - сборка 17677[Wizard]
9. Обновления для Windows 10 обсуждение![StimuL]
10. Скачать Windows 10 Insider Preview - сборка 17672[M9snikFeed]
1. Обновления для Windows 10 обсуждение![51]
2. Новшества на нашем сайте[25]
3. Бесплатные промо акции со скидкой 100%[24]
4. Официальные прошивки для iPhone, iPod, iPad![15]
5. Новогоднее оформление Windows[8]
6. Скачать Technical Preview Windows 9[6]
7. Хотите поздороваться, Вам сюда!!![5]
8. Мини-Чат[5]
9. Анекдоты[5]
10. Компьютерные анекдоты и шутки[5]
11. Как убрать баннер windows заблокирован[4]
12. Подарки к Новому 2016 году Огненной Обезьяны[4]
1. andrey141991[27 Авг 2018|08:38]
2. RemCooks[21 Авг 2018|21:36]
3. sulim36[20 Авг 2018|23:31]
4. Victor[20 Авг 2018|12:12]
5. lujajele[08 Авг 2018|16:02]
6. Fiidan[07 Авг 2018|16:09]
7. shust[02 Авг 2018|18:00]
8. dimonchic-fey[31 Июл 2018|11:57]
9. den123263[30 Июл 2018|19:03]
10. kachuganin[29 Июл 2018|03:35]
11. kraewalex[27 Июл 2018|14:21]
12. APTEM_voin_boec[27 Июл 2018|13:55]