Material Design

Material Design
Phát triển bởiGoogle
Phát hành lần đầu25 tháng 6 năm 2014; 10 năm trước (2014-06-25)
Release(s)
Kho mã nguồn
Viết bằngHTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart
Nền tảngAndroid, iOS, Web
Thể loạiDesign language software
Giấy phép
Websitematerial.io

Material Design (tên mã là Quantum Paper)[1] là một ngôn ngữ thiết kế được phát triển vào năm 2014 bởi Google. Mở rộng dựa trên mô típ "thẻ" có mặt trên Google Now, Material Design đem đến phong cách tự do hơn với các cách bố trí dạng lưới, các phản hồi hoạt họa chuyển động, kéo giãn, và các hiệu ứng chiều sâu như ánh sáng và đổ bóng.

Google giới thiệu Material Design vào ngày 25 tháng 6 năm 2014, tại hội nghị Google I/O 2014.

Tổng quan

[sửa | sửa mã nguồn]

Nhà thiết kế Matías Duarte giải thích, "không giống một tờ giấy ngoài đời, các vật thể số của chúng tôi có thể mở rộng và biến đổi một cách thông minh. Các vật thể có bề mặt và các cạnh về mặt vật lý, còn các đường biên và bóng đổ mang ý nghĩa về những gì bạn có thể chạm vào." Google nói rằng ngôn ngữ thiết kế mới của họ được dựa trên giấy và mực.[2][3][4]

Material Design có thể được sử dụng từ API cấp độ 21 (Android 5.0) trở lên hoặc qua thư viện v7 appcompat, gần như được sử dụng trên tất cả thiết bị Android sản xuất sau năm 2009.[cần dẫn nguồn] Material Design sẽ dần được mở rộng khắp các trang web và sản phẩm di động của Google, nhằm đồng bộ trải nghiệm trên khắp các nền tảng và ứng dụng. Google cũng đã phát hành các bộ giao diện lập trình ứng dụng (API) cho các nhà phát triển bên thứ ba để đưa ngôn ngữ thiết kế này vào các ứng dụng của họ.[5][6][7]

Áp dụng

[sửa | sửa mã nguồn]

Tính đến năm 2015 hầu hết các ứng dụng di động của Google cho Android đã áp dụng ngôn ngữ thiết kế mới, bao gồm Gmail, YouTube, Google Drive, Google Docs, Sheets và Slides, Google Maps, Inbox, Google+, tất cả các ứng dụng mang nhãn hiệu Google Play, và với một phần trình duyệt ChromeGoogle Keep. Giao diện web trên máy tính của Google Drive, Docs, Sheets, Slides và Inbox cũng đã áp dụng ngôn ngữ này. Gần đây nhất, nó đã bắt đầu xuất hiện trong Chrome OS, như trong cài đặt hệ thống, trình quản lý tập tin và ứng dụng máy tính.

Sự chuẩn hóa Material Design cho các giao diện người dùng ứng dụng web được gọi là Polymer.[8] Nó bao gồm thư viện Polymer, một shim cung cấp một API các Thành phần Web cho các trình duyệt không được ứng dụng sẵn chuẩn này, và một catalog các thành phần, bao gồm "bộ sưu tập các thành phần giấy" gồm các thành phần trực quan của Material Design.[9]

Tham khảo

[sửa | sửa mã nguồn]
  1. ^ “Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple”. Techcrunch. Truy cập ngày 11 tháng 6 năm 2014.
  2. ^ “Google's new 'Material Design' UI coming to Android, Chrome OS and the web”. Engadget. Truy cập ngày 26 tháng 6 năm 2014.
  3. ^ “Google's New, Improved Android Will Deliver A Unified Design Language”. Co.Design. Truy cập ngày 26 tháng 6 năm 2014.
  4. ^ “Google Reveals Details About Android L at Google IO”. Anandtech. Truy cập ngày 26 tháng 6 năm 2014.
  5. ^ Chris Smith (ngày 30 tháng 7 năm 2014). “Google's Material Design is about to change the way we look at the worldwide web”. BGR.
  6. ^ “We just played with Android's L Developer Preview”. Engadget. AOL. Truy cập ngày 26 tháng 6 năm 2014.
  7. ^ “Google's next big Android redesign is coming in the fall”. The Verge. Vox Media. Truy cập ngày 26 tháng 6 năm 2014.
  8. ^ “Polymer paper elements”. Google. Bản gốc lưu trữ ngày 14 tháng 2 năm 2015. Truy cập ngày 10 tháng 10 năm 2017.
  9. ^ “Material design with Polymer”. Google. Bản gốc lưu trữ ngày 20 tháng 8 năm 2014. Truy cập ngày 10 tháng 10 năm 2017.
  10. ^ “Android's Material Design and The Bauhaus ·” (bằng tiếng Anh). Truy cập ngày 25 tháng 8 năm 2016.
  11. ^ “Adhoc - The New Bauhaus and Material Design” (bằng tiếng Anh). ngày 2 tháng 12 năm 2014. Bản gốc lưu trữ ngày 11 tháng 7 năm 2017. Truy cập ngày 25 tháng 8 năm 2016.

Liên kết ngoài

[sửa | sửa mã nguồn]
Chúng tôi bán
Bài viết liên quan
Review phim Our Beloved Summer (2021) - Mùa Hè Dấu Yêu Của Chúng Ta
Review phim Our Beloved Summer (2021) - Mùa Hè Dấu Yêu Của Chúng Ta
Mình cũng đang đổ đứ đừ đừ phim này và ngóng trông tập mới tối nay đây. Thực sự mê mẩn luôn ấy. Nó có sự cuốn hút khó tả luôn ấy
Ngày đầu tiên đi học ở Đức diễn ra như thế nào?
Ngày đầu tiên đi học ở Đức diễn ra như thế nào?
Ngay cả những cha mẹ không được tặng túi quà khi còn nhỏ cũng sẽ tặng lại túi quà cho con cái của họ.
Cốt truyện của Drakengard - Nier - NieR: Automata. Phần 1: Drakengard 3
Cốt truyện của Drakengard - Nier - NieR: Automata. Phần 1: Drakengard 3
Thoạt nhìn thì người ta sẽ chẳng thấy có sự liên kết nào giữa Drakengard, Nier và NieR: Automata cả
Se7en (1995) : Bạn là ai là do bạn lựa chọn
Se7en (1995) : Bạn là ai là do bạn lựa chọn
Se7en không chỉ đỉnh vì có một plot cực bất ngờ mà còn là một plot đầy ám ảnh.