TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak korzystać z projektowania materiałów w Google Chrome?

6

Co to jest projektowanie materiałów?

Material Design to koncepcja interfejsu użytkownika wprowadzona przez Google w 2014 roku. Nie zagłębiajmy się w szczegóły techniczne Material Design, w zasadzie wykorzystuje on kartę (podobną do karty w Bootstrap 4) i tworzy w pełni responsywny układ oparty na siatkach. Jeśli jesteś długoletnim użytkownikiem produktów Google, być może zauważyłeś, że większość produktów, takich jak Gmail, YouTube, Google+ itp., została zmieniona w ostatnich latach na nowy interfejs.

Projektowanie materiałów w Google Chrome

W przeciwieństwie do innych aplikacji, Google zmienił tylko podstawowy projekt Chrome, aby używać Material Design. Chociaż większość stron, w tym strona Ustawienia, została zmieniona, aby dostosować się do nowej koncepcji Material Design, należy to jeszcze zrobić w całej przeglądarce.

W tym artykule wyjaśnimy, jak korzystać z Material Design w Google Chrome.

Jak korzystać z projektowania materiałów w Google Chrome?

Przejdź do adresu URL polecenia „chrome://flags/" w Chrome i wpisz „material design” w polu wyszukiwania „Search flags”. Zobaczysz wszystkie dostępne i niedostępne eksperymenty oparte na Twoim systemie operacyjnym i wersji Chrome.

Jak korzystać z projektowania materiałów w Google Chrome?

Flagi do projektowania materiałów chromowanych

Testuj projektowanie materiałów w Chrome

Spróbujmy włączyć sekcję Material Design for Extensions. Wcześniej przejdź do „chrome://extensions/”, który powinien wyglądać jak poniżej.

Jak korzystać z projektowania materiałów w Google Chrome?

Normalny widok rozszerzeń Chrome

Teraz wróć do sekcji flag i poszukaj flagi „Włącz rozszerzenia Material Design”. Wybierz „Włączone” z menu rozwijanego, a zostaniesz poproszony o ponowne uruchomienie przeglądarki.

Jak korzystać z projektowania materiałów w Google Chrome?

Uruchom ponownie Chrome z włączonym projektowaniem materiałów

Kliknij przycisk „Uruchom ponownie teraz”, aby zamknąć i ponownie otworzyć Chrome. Wszystkie karty zostaną ponownie otwarte, ale musisz ponownie zalogować się do witryn, jeśli byłeś wcześniej zalogowany. Teraz ponownie przejdź do strony rozszerzeń „chrome://extensions/”. Powinien wyglądać elegancko jak poniżej z pudełkami Material Design.

Jak korzystać z projektowania materiałów w Google Chrome?

Widok rozszerzeń Chrome Material Design

Inne flagi do projektowania materiałów

W Chrome w wersji 64 mogliśmy zobaczyć następujące eksperymentalne flagi:

1 Material Design w pozostałej części natywnego interfejsu przeglądarki

Podstawowy interfejs użytkownika Chrome już wykorzystuje koncepcję Material Design. Włączenie tej flagi rozszerzy funkcjonalność o inne funkcje drugorzędne, takie jak dymki, okno dialogowe itp.

2 Włącz zakładki Material Design

Domyślnie Chrome używa widoku Material Design dla sekcji zakładek. Nie musisz więc jawnie włączać tej flagi.

3 Włącz rozszerzenia Material Design

Jest to opcja, którą wyjaśniliśmy powyżej. Zmieni adres URL „chrome://extensions”, który zostanie załadowany w widoku Material Design.

4 Włącz półkę pobierania Material Design — tylko dla komputerów Mac

Jeśli ta opcja jest włączona, sekcja pobierania zostanie załadowana z widokiem Material Design.

5 Material Design Incognito NTP – tylko dla Androida

Ta opcja nie będzie dostępna na komputerach stacjonarnych, ponieważ ma zastosowanie tylko na urządzeniach z Androidem. Włączenie tej flagi sprawi, że strony incognito będą bardziej czytelne.

Wyłącz projektowanie materiałów w Chrome

Obecnie Chrome używa Material Design jako podstawowego interfejsu użytkownika, ale nadal istnieją strony korzystające z normalnego widoku. Wkrótce można się spodziewać, że Google całkowicie zaktualizuje interfejs Chrome do Material Design w późniejszych wersjach. Do czasu udostępnienia eksperymentalnych flag możesz wyłączyć Material Design na wybranych komponentach, takich jak Zakładki i Rozszerzenia.

Jak wyjaśniono powyżej, przejdź do sekcji „chrome://flags/”. Wybierz opcję „Wyłączone” dla flagi „Zakładki Material Design” i ponownie uruchom Chrome. Teraz przejdź do „chrome://bookmarks” i sprawdź sekcję zakładek. Powinien być widoczny z normalnym widokiem bez Material Design.

Jak korzystać z projektowania materiałów w Google Chrome?

Widok starych zakładek w Chrome

Jak korzystać z projektowania materiałów w Google Chrome?

Zakładki Material Design Zobacz w Chrome

Ostrożność przy używaniu flag

Flagi to eksperymentalne funkcje, które mogą wpływać na korzystanie z Chrome. Zobaczysz ostrzeżenie pokazane poniżej podczas uzyskiwania dostępu do sekcji flag. Więc graj z flagami tylko wtedy, gdy chcesz włączyć lub wyłączyć funkcje.

Jak korzystać z projektowania materiałów w Google Chrome?

Ostrzeżenie o flagach Chrome

Motywy i rozszerzenia Material Design dla Chrome

Przejdź do Chrome Web Store i wyszukaj „material design”, aby zobaczyć setki motywów i rozszerzeń. Istnieje rozszerzenie „ Elegancka nowa karta “, które zmienia wygląd nowej karty. Jeśli znudził Cię domyślny widok pola wyszukiwania Google na nowych kartach, ten sprawi, że będziesz podekscytowany wyświetlaniem kart w prostym widoku.

Jak korzystać z projektowania materiałów w Google Chrome?

Eleganckie rozszerzenie nowej karty do przeglądarki Chrome

Z drugiej strony możesz zainstalować motywy oparte na Material Design, takie jak „ Material Dark “, aby zmienić wygląd przeglądarki.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów