Рецоммендед, 2024

Избор Уредника

Како омогућити дизајн материјала у Цхроме претраживачу

На Гоогле И / О 2014, Гоогле је објавио своју визију усвајања стандарда Материал Десигн за све главне платформе, укључујући Андроид ОС, Цхроме ОС и Веб. Разлог усвајања истог дизајнерског језика за сву његову платформу била је Гооглеова визија да својим корисницима пружи јединствено корисничко искуство у свим својим услугама. Од свог лансирања, видјели смо да је Материјални дизајн у великој мјери уграђен у Гооглеове Андроид и Цхроме ОС платформе. Међутим, иако су Андроид и Цхроме ОС добили значајан фацелифт са дизајном материјала, Цхроме прегледач је још увек био заглављен у прошлости. Али, то не значи да је Гоогле потпуно напустио Цхроме претраживач (када је у питању дизајн материјала).

У ствари, од 2016. године видимо много експерименталних елемената дизајна материјала у Цхроме прегледачу. Недавно је страница за подешавања прегледача Цхроме ажурирана на језик дизајна материјала. Међутим, ипак, већина корисничког интерфејса Цхроме-а не подржава дизајн материјала јер су промене још увек у фази развоја. Пошто су ове промене још увек у „бета“ верзији, оне се не приказују подразумевано на вашем Цхроме претраживачу. Међутим, постоји начин да их омогућите ако то желите. Само запамтите да су ове карактеристике још увек у развоју, тако да могу патити од неких грешака овде и тамо. Дакле, с тим не сметамо, да видимо како да омогућимо дизајн материјала у прегледачу Цхроме:

Омогући корисничко сучеље дизајна материјала у Цхроме-у

Пре него што почнете, требало би да схватите да у Цхроме претраживачу има много елемената дизајна. Многи од ових елемената имају одговарајући елемент дизајна материјала у развоју. Пре него што почнете да активирате елементе дизајна материјала, прво бисте требали прочитати нешто о њима, само да бисте сазнали које су измене које направите. Да би вам било лакше, укључићу кратак опис свих промена . У реду, немојмо губити више времена и почети.

1. Идите на Цхроме-ову страницу "Флагс" тако што ћете откуцати " chrome://flags " у адресној траци и притиснути Ентер / Ретурн тастер. Као што сам вас упозорио изнад, на овој страници, Цхроме ће вам показати упозорење. Не брините превише, то ће бити исто као када користите бета верзију софтвера. Можете искусити неке грешке, али ништа значајно.

2. Сада притисните Цтрл + Ф (Цмд + Ф ако сте на Мац-у) иу поп-уп бок-у упишите речи “материјал дизајн” (без наводника).

3. Сада, у зависности од тога када користите овај туториал, број погодака које ћете добити може се променити (добио сам 13). То је зато што Гоогле стално додаје и брише ове елементе. Сада, користите “дугмад са стрелицама” поред поља за текст да бисте се кретали између погодака.

Омогућите дизајн материјала у различитим елементима Цхроме-а

Сада, да знате како да се крећете између елемената, погледајмо оне које ћемо променити. Кад год направимо промену, Цхроме ће од вас тражити да поново покренете прегледач да би се приказале промене. Међутим, не морате то да радите за сваку промену, само поново покрените прегледач након што сте направили све промене .

  • Дизајн материјала у остатку корисничког интерфејса претраживача : Користите тастере са стрелицама да бисте пронашли овај поднаслов на страници „Заставице“, а затим је омогућите. Омогућавање ове поставке ће применити дизајн материјала на финије елементе дизајна присутне у Цхроме прегледачу, као што су дијалошки оквири, мехурићи итд. На Мац-у, ова поставка ће омогућити МацВиевс.

  • Страница „Омогући политику дизајна материјала“ : Ово ће промијенити страницу chrome://policy правила ( chrome://policy ) да би одражавала дизајн материјала.

  • Омогући обележиваче дизајна материјала : Када омогућите ову поставку, УРЛ адреса „ chrome://bookmarks “ учитава страницу Обележивач дизајна материјала. Да бисте то урадили, кликните на падајући мени означен на слици и изаберите „Омогућено“.

  • Омогућите повратне информације о дизајну материјала : Као што име сугерише, то ће промијенити страницу повратне информације како би се укључио језик дизајна материјала.

  • Материјал Дизајн Анонимно НТП : Ова поставка ће омогућити да се ваше анонимне нове картице придржавају дизајна материјала.

  • Омогући поставке дизајна материјала : Ако сте на најновијој верзији Цхроме-а, ваша страница са поставкама би већ требала да има нови дизајн материјала. Међутим, ако то није случај, можете га омогућити.

  • Омогући проширења дизајна материјала : Ово ће променити страницу „Проширења“ у Цхроме-у ( chrome://extensions ) да би се усвојио дизајн материјала.

  • Након што сте омогућили све горе наведене опције, само кликните на дугме „Поново покрени одмах“ на дну вашег претраживача да бисте увели те промене у ефекте.

У време писања овог чланка, то су једине доступне опције. Међутим, као што сам раније поменуо, ове опције се стално мијењају. Дакле, обавезно проверите страницу "Заставице" једном за добијање најновијих ажурирања. Такође, приложио сам фотографије прије и послије моје странице за проширења. На фотографији можете видети ефекте ових промена.

Омогућите дизајн материјала у Цхроме-у

Стварно волим језик Гооглеовог дизајна материјала. То чини да све изгледа лепо и осећа се флуидно. Анимације су једноставно савршене. Добро је видети да Гоогле покушава да обједини корисничко искуство на свим својим платформама. Овај потез ће користити свим корисницима. Али то је моја перспектива, шта је са вашим? Да ли сматрате да ће нови Материјални дизајн у Цхроме претраживачу променити га на боље? Реците нам своје мисли тако што ћете их оставити у одељку за коментаре испод.

Top