Hướng dẫn sử dụng Repeat grid thiết kế phần giao diện trong Adobe Experience CC 2017

0
421

Repeat grid là một trong những tính năng sáng tạo và tuyệt vời nhất trong Adobe XD. Với Repeat Grid bạn có thể dễ dàng tạo ra một danh sách các yếu tố lặp lại và quản lý phong cách và nội dung của nó trong chớp mắt.

Tính năng này là một tiết kiệm thời gian rất lớn khi bạn phải thiết kế các trang hoặc màn hình với các danh sách các yếu tố lặp lại và bạn cần phải chọn cách bố trí và phong cách hoạt động tốt nhất.Nó sẽ giúp bạn tiết kiệm rất nhiều vị trí và restyling: tất cả các bạn phải làm là thay đổi một trong những yếu tố bao gồm trong lưới lặp lại, và thay đổi đó sẽ được tự động áp dụng cho mọi đối tượng khác.

Các bước thực hiện:

  • Tạo một tài liệu mới bằng cách chọn iPhone 6 từ màn hình bắt đầu.
  • Chọn Rectangle Tool và vẽ hình chữ nhật theo hướng ngang ở phía trên màn hình của bạn và tạo hình dạng này cho màu điền của sự lựa chọn của bạn.
  • Với công cụ Rectangle Tool vẫn được chọn, giữ Shift để vẽ một hình vuông, và một lần nữa, cho hình dạng này một màu điền vào của sự lựa chọn của bạn.
  • Chọn Text Tool, nhấp vào bất kỳ vị trí nào trên bảng màu và bắt đầu nhập một số văn bản tiêu đề.
  • Nhân đôi lớp này bằng cách vào Edit> Duplicate, di chuyển nó dưới văn bản tiêu đề của bạn, giảm kích thước, và chèn một số văn bản bạn chọn.
  • Lặp lại Bước 4 và nhập văn bản vào đây.
  • Với chuột của bạn, kéo qua tất cả các phần tử được tạo ra trong Bước 2-6, và sau đó nhấp vào nút Repeat Grid trong Property Inspector ở bên phải.
  • Chọn thanh trượt dưới cùng và kéo thanh trượt xuống để lặp lại nội dung của bạn sao cho nó làm đầy màn hình.
  • Khi sử dụng Công cụ Lặp lại Grid, Adobe XD tự động tạo ra một khoảng cách giữa các đối tượng khác nhau đang được lặp lại.

Các bạn có thể xem chi tiết với bài tập cụ thể thông qua video hướng dẫn dưới đây:

Tham khảo và đăng ký các khoá học liên quan đến thiết kế đồ hoạ  tại đây

0 BÌNH LUẬN

BÌNH LUẬN