Hướng dẫn mang giao diện Material Design lên trình duyệt Chrome trên PC

Duy Lê

New Member
Tham gia
10/6/14
Bài viết
3,049
Được thích
4,981
8452 #1

Material Design là phong cách thiết kế đặc trưng trên hệ điều hành Android 5.0 trở lên với những đường nét đơn giản, sử dụng nhiều mảng màu đậm nổi bật để làm nổi bật các đối tượng đồ họa có trên máy. Hôm nay, mình sẽ hướng dẫn các bạn cách mang giao diện này lên trình duyệt Chrome trên PC chạy Windows hoặc OS X.

Đầu tiên, nếu như muốn kích hoạt phần cài đặt để sử dụng giao diện Material Design trên Chrome, bạn hãy truy cập vào đường link theo địa chỉ chrome://md-settings hoặc đơn giản là nhập vào dòng chữ chrome://md-settings trên thanh địa chỉ rồi nhấn Enter là xong. Chrome khi đó sẽ hiển thị ra một trang web có giao diện giống như ở hình ảnh bên dưới.


Tuy nhiên, khi nhấn vào nút "SET WALLPAPER" ở góc trên ngay chính giữa màn hình thì bạn sẽ không nhìn thấy được sự thay đổi nào hết. Thay vào đó, bạn hãy nhấn vào mục "GET THEMES" ở ngay bên phải nút "SET WALLPAPER", Chrome khi đó sẽ di chuyển bạn đến trang Chrome Store bao gồm rất nhiều bộ theme theo chủ đề Material Design để bạn lựa chọn, bao gồm cả tính phí lẫn miễn phí.


Lúc này, bạn hãy lựa chọn một bộ theme mà mình yêu thích, tải về và cài đặt một cách bình thường, mình thì mình sẽ chọn đại một bộ theme vậy. Sau đó thì bạn sẽ thấy giao diện chính của Chrome, đặc biệt là thanh địa chỉ và biểu tượng các icon đã bị thay đổi đi, giống với phong cách Material Design của Google.


Sau đó, bạn hãy truy cập lại vào trang chrome://md-settings như ban nãy, tìm đến mục "Advanced" từ trình đơn phía bên trái màn hình rồi nhấn chọn vào các mục giống như ở hình ảnh minh họa dưới là được.


Tiếp theo, để áp dụng phong cách Material Design cho phần quản lý tập tin tải về, bạn sẽ cần kích hoạt thủ công một số "flag" trên Chrome. Cụ thể như sau, truy cập vào mục cài đặt flag bằng cách nhập vào thông tin "chrome://flags" trên thanh địa chỉ rồi nhấn Enter. Một tab mới sẽ được hiển thị ra trên màn hình, tại đây, bạn hãy tìm đến dòng "Enable Material Design downloads" rồi nhấn chọn vào mục "Enable" để kích hoạt chúng.


Sau đó, trang tải về "Download" của bạn sẽ được chuyển sang giao diện Material Design, đồng màu với toàn bộ hệ thống, giống như ở hình ảnh bên dưới.


Tại đây, bạn có thể quản lý được các tập tin mà mình đã mở về trên máy hoặc khởi động chúng như truyền thống. Tuy nhiên, tổng thể giao diện trông phẳng và đồng bộ hơn, bạn cũng có một thanh search để tìm kiếm nhanh thông tin ở góc trên bên phải màn hình.

Sau phần quản lý Download, công việc tiếp theo của chúng ta sẽ là áp dụng giao diện Material Design cho thanh địa chỉ và khu vực bookmark của bạn. Thao tác thì vẫn như cũ, nhập vào "chrome://flags", nhấn Enter, tìm đến mục "Material Design in the browser's top Chrome", chọn Enable rồi khởi động lại trình duyệt là xong. Lưu ý là phần tùy chỉnh này chỉ có sẵn trên các thiết bị chạy Windows, Linux hoặc Chrome OS còn trên Mac OS X thì không.


Sau khi hoàn tất thì thanh địa chỉ và khu vực Bookmark nhìn sẽ phẳng hơn, hài hòa hơn, đi theo phong cách Material Design đặc trưng.


Cuối cùng, bạn chỉ cần kích hoạt một tùy chọn duy nhất để tránh bị Chrome làm phiền bởi các điều khoản phiền phức. Lúc này, bạn hãy truy cập lại vào mục "chrome://flags" rồi tìm đến mục "Enable policy Material Design page" rồi kích hoạt là xong. Chúc các bạn vui vẻ.


Theo: TheNextWeb.com
 
Last edited by a moderator:

Vỹ Spirit

Well-Known Member
Tham gia
12/5/15
Bài viết
640
Được thích
382
#2
Cảm ơn mod :D
Sao cái tải về của mod nó vẫn giao diện cũ vậy :nosebleed:
 

Jacky

Moderator
Staff member
Tham gia
15/7/14
Bài viết
982
Được thích
1,139
#5
cứ xài gốc cho lành :3

 

khongacc

New Member
Tham gia
27/2/15
Bài viết
83
Được thích
27
#7
Google luôn biết cách tạo ra những điều mới mẻ.
 

Viko

New Member
Tham gia
2/2/16
Bài viết
8
Được thích
2
#8
Giao diện Material với Material-Hybrid có gì khác nhau ?

 
Last edited by a moderator:

Theo dõi Youtube

Quảng Cáo

Quảng Cáo

Có thể bạn quan tâm

Top Bottom