Một trong những thay đổi thú vị nhất trong Android 5.0 là giới thiệu về những gì Google gọi là "Thiết kế Material Design", một ngôn ngữ thiết kế mới xác định cách ứng dụng của công ty sẽ phát triển. Nếu bạn theo dõi blog hoặc trang web công nghệ của Android, bạn có thể đã thấy hai từ này được ném xung quanh một chút. Nhưng chúng thực sự có ý nghĩa gì?

Hãy phá vỡ điều này.

Nghĩ về thiết kế material design theo nghĩa đen

Phần lớn những gì bạn cần biết được giải thích ngay trong tên - Material Design. Giao diện mới của Google được thiết kế giống như giao diện được tạo từ các tài liệu mà bạn thực sự có thể chạm vào. Thông qua việc sử dụng bóng tối và hình ảnh động, mọi thứ trên màn hình sẽ di chuyển xung quanh cách bạn mong đợi họ thực tế. Khi bạn nhấn vào một nút, các tác vụ bổ sung sẽ xuất hiện từ bên dưới. Khi bạn trượt từ bên trái, các menu sẽ hiển thị trên đầu màn hình trước đó. Khi bạn đóng ứng dụng, ứng dụng sẽ trượt vào cuối màn hình. Theo một cách nào đó, nó giống như tương tác với một cỗ bài.

Dưới đây là cách các nhà phát triển Google đã giải thích mọi thứ tại Google I / O 2014.

Nhưng thiết kế vật liệu thực sự trông như thế nào?

Material Design mượn từ các khái niệm đã được áp dụng cho thiết kế in ấn (nghĩ về tạp chí và báo). Bóng tối giúp tạo ra một cảm giác về chiều sâu mà không có gì, và việc sử dụng thích hợp có thể bắt chước giao diện của các giấy tờ xếp chồng lên nhau nhiều lớp cao.

Sử dụng các kỹ thuật tương tự này, các ứng dụng hiện đại trông giống như chúng có ý thức về chiều sâu. Thanh bên vẫn xuất hiện từ phía bên trái của màn hình như trước đây, nhưng bây giờ nó sẽ trôi nổi trên thanh hành động ở phía trên cùng của màn hình. Nhiều ứng dụng có nút Hành động nổi di chuyển trên đầu các phần tử khác và nhấn vào ứng dụng có thể mang lại nhiều tùy chọn hơn từ bên dưới

Một nhãn hiệu của ứng dụng Material Design cho đến nay đã được in đậm, màu sắc tươi sáng. Google đã minh họa điều này trong các ứng dụng riêng của mình, với Gmail có màu đỏ, Inbox by Gmail có màu xanh lam nhạt và Keep nhận được màu vàng. Phát nhạc có màu cam, Play Sách có màu xanh dương, Play Newstand có màu tím, Play Trò chơi có màu xanh lục và Play Videos có màu đỏ. Ứng dụng Cửa hàng Play hoán đổi giữa năm màu này, nhưng điều đó một mình không phải là điều làm cho nó trở thành một ví dụ hay về Material Design.

Ứng dụng của bạn có thể xám và xám xịt, như phiên bản hiện tại của Google Drive và vẫn tuân thủ nguyên tắc thiết kế. Nhưng màu sắc giúp thiết lập ý thức về ứng dụng bạn đang sử dụng và chức năng bạn đang làm. Vì vậy, trong khi in đậm, màu sắc chú ý không phải là một phần vốn có của Material Design, chúng vẫn là một điều tốt để xem.

Ảnh động là chìa khóa

Đó là một chút khó khăn để truyền đạt Material Design trong ảnh chụp màn hình tĩnh, và hình ảnh động là một lý do lớn tại sao. Để thực sự làm cho mọi thứ cảm thấy như vật chất thực tế, mỗi phần của giao diện người dùng có vị trí của nó. Ứng dụng trượt vào màn hình từ phía dưới và quay lại khi hoàn tất.

Trong phiên bản Android 5.0 của Trình khởi chạy Google Hiện hành, biểu tượng ngăn kéo ứng dụng biến thành khay trắng chứa ứng dụng của bạn. Sidebars, nút và thẻ thông tin đều trượt ra từ đâu đó.

Những hoạt ảnh này không chỉ hấp dẫn, chúng giúp người dùng hiểu những gì đang xảy ra. Có một trang của một ứng dụng trượt ra vào một conveys khác mà bạn đang xem xét một tập hợp thông tin khác nhau ngay bây giờ, trong khi có màn hình nhấp nháy và thay đổi ngay lập tức có thể xuất hiện là kết quả của một trục trặc.

Ảnh động hiển thị các khía cạnh khác nhau của giao diện người dùng phản ứng với cảm ứng của chúng tôi như thế nào và điều này ngày càng quan trọng khi chúng tôi di chuyển khỏi các thiết bị có phương thức nhập vật lý. Chúng ta cần phải biết những gì đang diễn ra khi chúng ta chạm vào các phần khác nhau của màn hình.

Thiết kế Material Design không chỉ là về Android

Trong khi ngôn ngữ thiết kế mới của Google đang khuấy động sự phấn khích nhất trên nền tảng di động của nó, điều đó không phản ánh nguồn gốc của nó. Nỗ lực này sinh ra từ những thử thách gặp phải khi tạo trang web có quy mô trên các kích thước màn hình khác nhau. Người khổng lồ tìm kiếm muốn giao diện chuyển đổi qua các yếu tố hình thức, với những người có thể điều hướng một thiết bị bằng cách sử dụng thông tin họ đã học được từ một thiết bị khác. Bạn có thể đã xem Material Design trong các phiên bản web của Keep, Drive và Inbox by Gmail. Dự kiến ​​cũng sẽ hiển thị nổi bật hơn trong Chrome OS.

Tôi có thể tìm thiết kế material design trên Android hôm nay ở đâu?

Thiết bị Nexus vận chuyển với Android 5.0 đã cung cấp trải nghiệm Material hoàn chỉnh. Phiên bản mới nhất của hệ điều hành cũng đã bắt đầu tung ra các điện thoại và máy tính bảng Nexus và Motorola. Những người không có Android 5.0 không phải làm việc mà không có. Nhiều ứng dụng của Google đã thực hiện chuyển đổi và chúng có sẵn ngay trong Cửa hàng Play. Bạn cũng có thể xem danh sách tám ứng dụng khác của chúng tôi đã thể hiện Material Design.

Và nếu bạn là nhà phát triển ứng dụng Android, Google đã phát hành danh sách kiểm tra Material Design có thể giúp bạn chắc chắn rằng bạn đang nhận được mọi thứ đúng đắn. Google cũng đã cung cấp một trang web đưa ra những điều rõ ràng cho những người trung bình.

Nếu bạn có câu hỏi về Material Design, đừng ngần ngại hỏi ý kiến ​​bên dưới!

Tín dụng hình ảnh: Nhà phát triển Android, Google