Chúng ta cùng tìm hiểu tổng quan v�?Material Design:

Trang ch�?website: //material.io/

Trên website này có 3 phần trọng tâm: Design, Component, Resource

* Material Design – //material.io/design

Đây là nơi đ�?bạn tìm hiểu v�?tư duy thiết k�?thành phần giao diện của ứng dụng di động. T�?việc định hình trục tọa đ�?đến việc sắp xếp các phần t�?nh�?trên giao diện cũng được mô phỏng rất trực quan.

Trong trang design này s�?giúp bạn hiểu được cách sắp xếp, cấu trúc các thành phần trên giao diện, b�?cục trình bày giao diện (layout). Tư duy v�?lưới, responsive (tính co giãn), cách lựa chọn khoảng cách, phối hợp màu sắc, âm thanh, font chữ�?đều được giới thiệu trong trang design này. Nếu bạn là người mới học v�?lập trình mobile hay lập trình web thì không nên b�?qua tư duy thiết k�?trên trang này nhé.

* Material Components – //material.io/components

Kho công c�?dành cho các thanh niên lập trình Mobile là đây. Bạn không cần phải mệt nhọc viết lách từng thuộc tính của một View đ�?có được một nút bấm đẹp hay một cái màn hình đẹp. Thư viện đã được tích hợp sẵn và phù hợp với phiên bản API mới nhất. Công việc ch�?là xem cách dùng và gọi thư viện đ�?dùng. Việc này tiết kiệm rất nhiều thời gian cho người lập trình đ�?có được một ứng dụng đẹp, trải nghiệm tốt, tương thích đa thiết b�? Các component được h�?tr�?cho các nền tảng lập trình: Android, Web, Flutter, iOS.

Mỗi component đều có một phần design và phần hướng dẫn s�?dụng (implementation). Đối với lập trình Android, gi�?đây bạn không cần phải t�?tay import thư viện nữa bởi khi tạo project mới bằng Android Studio đã t�?động được tích hợp sẵn thư viện material vào project. Cách s�?dụng chi tiết từng component s�?được giới thiệu trong các bài viết tiếp theo. Dưới đây là hình ảnh giao diện đơn giản của một chức năng chỉnh sửa liên h�?

* Material Resources – //material.io/resources

Một kho tài nguyên với nhiều tiện ích tuyệt vời cho thiết k�?giao diện mà bạn không nên b�?qua. Bao gồm các loại font ch�? biểu tượng, thư viện ảnh, công c�?tạo dải màu cho ứng dụng, các công c�?v�?và b�?tiện ích tích hợp vào các phần mềm v�?như Adobe XD, Figma, Sketch�?/p>

Khi bạn bắt đầu xây dựng 1 ứng dụng, bạn s�?cần thiết k�?giao diện cho ứng dụng. Bạn đừng quên có b�?component Material tích hợp cho phần mềm v�?nhé.  Với kho tài nguyên này chắc chắn s�?giúp bạn rút ngắn được rất nhiều thời gian trong xây dựng giao diện ứng dụng Mobile. Không những th�? bạn s�?có giao diện ứng dụng thực s�?là chuyên nghiệp.

Còn đợi gì nữa, bắt tay vào tìm hiểu và s�?dụng thôi các bạn. Nếu cần h�?tr�?thêm bạn có th�?đặt câu hỏi trong nhóm Lập trình di động FPoly Hà Nội nhé: //www.facebook.com/groups/154128986615485

Chúc các bạn thành công và hẹn gặp lại �?những bài giới thiệu chi tiết nhé.

The post Material Design �?Tư duy thiết k�?giao diện ứng dụng Mobile hiện đại t�?ông lớn Google appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.