MOLECULES LÀ GÌ

  -  
1. ATOMIC thiết kế LÀ GÌ?

“Atomic kiến thiết là Một cách thức thiết kế hình ảnh mà Designer vẫn ưu tiên thực hiện xây cất các thành phần cô đơn và phối hợp chúng lại với nhau, cầm vì thiết kế cả trang.”

Thuật ngữ này được ra mắt bởi Brad Forst trong năm 2013. Atomic kiến thiết là biện pháp tiếp cận kiểu xây cất giao diện bằng phương pháp xây dựng nên một hệ thống các components thay vì các trang. Phương pháp này chú trọng cho các đối tượng nhỏ, độc lập, tái sử dụng các thành phần để kết hợp chúng lại tạo ra thành 1 tổng thể. Điều này cho phép dứt sản phẩm nhanh chóng, giao diện thống độc nhất vô nhị và dễ dàng bảo trì.

Bạn đang xem: Molecules là gì

Trong Atomic Design: đồ họa được chia thành 5 phần:

AtomsMoleculesOrganismsTemplatesPages

*

2 . AtomsAtoms: là thành phần nhỏ tuổi nhất, phần đông block cơ bạn dạng nhất với không thể nhỏ dại hơn nữa (ví dụ: buttons, input fields, checkboxes, links). Bọn chúng cũng rất có thể trừ tượng như colours, fonts chữ.Như hình hình ảnh ở trên đây Atoms bao hàm label, input, button.
*
3 . Molecules

Molecules: Gồm các atom phối kết hợp vs nhau là các phần tử bên phía ngoài như đơn vị chức năng (ví dụ: một input field cùng một button rất có thể kết phù hợp thành một size tìm kiếm)

*

Molecules rất có thể đơn giản hoặc phức tạp, được kiến thiết để tái sử dụng hoặc chỉ dụng một lần.ví dụ hình ảnh sau: Thì molecules gồm ảnh và text, progess-bar, box-ảnh

*

4 . Organisms

Organisms: nhóm những Molecules như là nhau hoặc khác nhau để tạo ra thành một thành phần hoàn chỉnh của một giao diện. (Ví dụ: Header trang hoàn toàn có thể kết hợp xuất phát điểm từ một logo, menu cùng khung tra cứu kiếm)

*

5. Templates

Templates: là phối hợp các organisms với nhau chế tạo thành những trang.

Xem thêm: Tải Game Tuyệt Đại Song Kiêu, Game Tuyệt Đại Song Kiều Cho Android Ios Miễn Phí

*

6. PagesPages: là các mẫu gắng thể. Chúng ta sẽ khám nghiệm templates thao tác với câu chữ thực tế như thế nào, có thể chấp nhận được các designers quay trở lại để chỉnh sửa những molecules, organisms, và những templates khi đề nghị thiết.

Xem thêm: Nghĩa Của Từ Indemnity Là Gì ? Định Nghĩa, Ví Dụ, Giải Thích

*

7. Kết LuậnMình đã ra mắt qua với các bạn về atomic design, cảm ơn các bạn đã đọc.
Front-end Atomic thiết kế

All rights reserved