Tìm hiểu về Adobe XD

Tìm hiểu về Adobe XD

Bởi Tutorial vào 23/7/18 lúc 09:40
  1. Tutorial

    Tutorial QT

    Đã được thích:
    547
    Adobe XD (tên đầy đủ: Adobe Experience Design) là công cụ giúp thiết kế và tạo nguyên mẫu cho các ứng dụng, thiết kế web. Adobe XD cho phép bạn thiết kế và tạo nguyên mẫu cho các ứng dụng của bạn; bất cứ thứ gì từ các wireframe cho đến các trải nghiệm đa màn hình.

    AdobeXD.

    Adobe XD là gì?



    Adobe XD giúp các nhà thiết kế giao diện UX làm việc hiệu quả hơn, với công cụ có cách thức sử dụng tương tự như các phần mềm Adobe khác như Illustrator, hay Photoshop,… Giao diện Adobe XD rất đơn giản và quen thuộc, các công cụ như line, ellipse, và rectangle sẵn dùng từ thanh công cụ ở bên trái của giao diện. Ở đó bạn cũng sẽ tìm thấy công cụ text, và công cụ pen cho phép bạn vẽ các hình dạng tuỳ biến.

    Với công cụ mới này, các nhà thiết kế có thể nhanh chóng thay đổi qua lại các artboard mà các nhà thiết kế tạo ra ở chế độ “design” và prototype mode. Việc này khắc phục được nhược điểm trước đây, thông tường trong quá trình thiết kế nếu muốn thay đổi một cái gì đó thì họ phải quay ngược trở lại và thay đổi bằng tay.

    Bất kỳ thay đổi nào mà các nhà thiết kế thực hiện ở design mode (cập nhật biểu tượng, text v.v…) đều được gặp lại ở prototype mode, như thế sẽ giúp cho việc xác nhận các hotspot tương tác và các transition dễ dàng hơn. Nếu bạn muốn có một nút “read more” trên một trang web di động để liên kết với một bài viết nào đó, thì tất cả những gì bạn phải làm là xác định hotspot và dẫn tới bài viết đó.

    Hướng dẫn nhanh




    Một khi bạn đã mở ứng dụng, bạn có thể bắt đầu tạo một artboard với một số kích thước định sẵn, sau đó thêm các artboard cho các màn hình tiếp theo bên trong thiết kế của bạn.

    [​IMG]

    Giao diện của XD


    Các công cụ quen thuộc như line, ellipse, và rectangle sẵn dùng từ thanh công cụ ở bên trái của giao diện. Ở đó bạn cũng sẽ tìm thấy công cụ text, và công cụ pen cho phép bạn vẽ các hình dạng tuỳ biến.

    [​IMG]

    Ở bên tay phải là property inspector; một khu vực mà cung cấp một số tuỳ chọn cho đối tượng được chọn trong artboard của bạn.

    Nếu bạn có nhiều hơn một artboard, thì những cái này có thể được liên kết với nhau bằng cách chuyển đổi prototype view. Bạn cũng có thể thiết lập sự chuyển tiếp giữa các artboard, định nghĩa kiểu của sự chuyển tiếp và bao nhiêu lâu cho mỗi cái.

    [​IMG]

    Chia sẻ


    Một khi thiết kế hoặc nguyên mẫu của bạn được hoàn thành nó có thể chia sẻ online cho người khác cùng xem.

    [​IMG]
    Tham khảo: Adobe
     
    Có thể bạn thích
Tổng hợp hướng dẫn thiết kế
Thiết kế là một trong những lĩnh vực đòi hỏi sự sáng tạo, hãy dành ra một khoảng thời gian trong ngày để tìm nguồn cảm hứng trên Designer Việt Nam nhé bạn!

Bình luận

Thảo luận trong 'Adobe XD' bắt đầu bởi Tutorial, 23/7/18.

Chia sẻ trang này