Download Adobe XD CC

Adobe XD là một công cụ thiết kế đồ họa với nhiều tính năng hữu ích để tạo ra và chia sẻ các mẫu thiết kế UI/UX cho ứng dụng di động và trang web.

Đánh giá lại thiết kế trải nghiệm

Adobe XD được thiết kế dành cho các nhà thiết kế UX/UI, với công cụ trực quan giúp loại bỏ các rào cản tốc độ và đơn giản hóa công việc hàng ngày. Hãy tìm hiểu các khái niệm cơ bản và bắt đầu sử dụng các bộ UI miễn phí như template, component để tạo ra trải nghiệm người dùng.

Thiết kế, thử nghiệm, chia sẻ. Tất cả trong XD.

Chuyển từ thiết kế tĩnh sang chạy thử nghiệm với một cú nhấp chuột. Thay đổi thiết kế và nhận cập nhật tự động mẫu thử mà không cần đồng bộ. Xem trước mẫu, hoàn thiện chuyển đổi trên iOS và Android, chia sẻ với nhóm và nhận phản hồi nhanh.

Cân bằng trên Mac và Windows

Adobe XD thiết kế nguyên bản cho cả Mac và Windows, là một phần của Creative Cloud đảm bảo hiệu suất và độ chính xác tối đa. Nó cũng tích hợp mượt mà với Photoshop và Illustrator trên mọi nền tảng.

Xem tác phẩm Photoshop trong Adobe XD

Giờ bạn có thể mang Photoshop và file Sketch vào Adobe XD chỉ bằng cách mở chúng. Thiết kế của bạn sẽ tự động chuyển thành file XD, giúp nhanh chóng tạo và chạy thử nghiệm.

Tính năng mới của Adobe XD

Làm việc với ứng dụng yêu thích
Adobe XD giờ tích hợp các ứng dụng như Dropbox, Zeplin, Avocode, Sympli, ProtoPie, Kite Compositor giúp sáng tạo và truyền tải dễ dàng hơn.

Thông số kỹ thuật thiết kế (thử nghiệm)
Cung cấp mẫu cho nhà phát triển với thông số thiết kế tự động như trình tự artboard, màu sắc, kiểu ký tự và số đo.

Tài nguyên trong tầm tay bạn
Áp dụng màu sắc, kiểu ký tự ngay tại bảng tài nguyên. Từ thư viện Creative Cloud, kéo thả đồ họa từ Photoshop và Illustrator vào thiết kế XD.

Tính năng chính của Adobe XD CC

Yêu cầu hệ thống sử dụng Adobe XD

• Hệ điều hành Windows 10 Creators Update (64-bit) – phiên bản 1703 (build 10.0.15063).
• Bộ vi xử lý Intel đa lõi, hỗ trợ 64-bit với 1.4 GHz.
• Màn hình 1280 x 800.
• Yêu cầu kết nối và đăng ký Internet để kích hoạt phần mềm, xác thực đăng ký và truy cập dịch vụ online.
• RAM 4GB
• Đồ họa Direct 3D DDI Feature Set: 10. Đối với GPU Intel, driver từ năm 2014 trở lên. Kiểm tra bằng cách mở “dxdiag” từ Runmenu và chọn tab “Display”.
• XD trên Windows 10 hỗ trợ cảm ứng và bút gốc của Windows. Kết nối phần mềm trên thiết bị cảm ứng để tương tác với công cụ XD, tạo tác phẩm trên canvas, điều hướng layer, tương tác với các thành phần, thay đổi thuộc tính hình dạng trong Property Inspector, cuộn qua cửa sổ xem trước, kéo ảnh vào canvas, lặp lại dạng các ô.

Tải Adobe XD CC mới nhất

Adobe XD 27 (10.2.2020)

• Hỗ trợ trạng thái thành phần trong thư viện : Chia sẻ và truy cập trạng thái thành phần và các thành tố trong thư viện Creative Cloud cá nhân hoặc chia sẻ.
• Chia sẻ nhóm : Creative Cloud cho người dùng thương mại có thể đồng bộ nhóm, danh sách phân phối lên XD từ danh bạ tổ chức. Họ có thể chọn nhóm đó khi mời biên tập viên chỉnh sửa tài liệu trên đám mây hoặc cung cấp truy cập liên kết chia sẻ riêng tư.
• Hình trái tim : Tạo hình trái tim bằng công cụ Polygon. Chỉ cần gõ <3 trong trường Sides/Corners. Polygon sẽ biến nó thành trái tim.

Adobe XD CC 24.0.22

Coediting

Cộng tác theo thời gian thực với các nhà thiết kế khác. Coediting cho phép bạn và đồng nghiệp chỉnh sửa tác phẩm cùng lúc, tăng tốc công việc và loại bỏ trùng lặp hay xung đột.

Component states

Thêm các thành phần tương tác vào thiết kế mà không cần tác vụ thừa thãi. Với Component states, thiết kế nhiều biến thể của một chi tiết cho các cảnh như Hove hay Pressed, dùng Component states trong chế độ Prototype.

Lưu lịch sử tài liệu

Theo dõi thay đổi tài liệu theo thời gian. Lịch sử cho phép duyệt phiên bản trước của tài liệu, bookmark, mở phiên bản trong cửa sổ mới để xem thay đổi.

Kích hoạt di chuột

Mang tương tác mới vào thiết kế trong Adobe XD. Dùng kích hoạt di chuột mới trong Prototype để chỉ định tương tác ngay khi người dùng đặt con trỏ qua một nhân tố.

Tương tác phong phú

Thiết kế cho nhiều đầu vào người dùng mà không cần lặp lại tác vụ. Trong Prototype, kéo nhiều liên kết từ một nhân tố để thêm tương tác cho đầu vào khác. Ví dụ, thêm tác vụ cho “tap” và “drag” mà không cần sao chép artboard.

Thiết kế lại Plugin Manager

Tăng cường giá trị từ plugin Adobe XD. Plugin Manager đã được cải tiến, giúp tìm và chọn plugin dễ dàng hơn, khám phá bộ sưu tập chọn lọc, xem chi tiết profile với ảnh chụp màn hình, đánh giá xếp hạng và cài đặt plugin để tích hợp với luồng làm việc.

Chế độ chia sẻ

Gửi nhận phản hồi, giới thiệu tác phẩm, và chia sẻ với lập trình viên cùng nhiều người khác. Chế độ Share mới cho phép đồng bộ hóa các liên kết, xem artboard và người dùng được chia sẻ, cấu hình cài đặt như yêu cầu mật khẩu.

Tăng cường tích hợp Creative Cloud Libraries

Làm việc với Creative Cloud Libraries trực tiếp trong Adobe XD. Giờ bạn có thể truy cập và sử dụng từ thư viện cá nhân hoặc tải công cụ từ XD lên Libraries.

Adobe XD 22 (8/2019)

Chỉnh sửa trong Photoshop

Adobe XD tăng cường kết nối với Adobe Photoshop bằng cách cho phép bạn mở và chỉnh sửa ảnh XD ngay trong Photoshop, đồng thời cập nhật theo thời gian thực. Khi chỉnh sửa và lưu ảnh trong Photoshop, XD lưu file được làm phẳng, đặt bitmap thay vì file chỉnh sửa.

Cải thiện bảng plugin

Phiên bản mới Adobe XD 22 cho phép mở và tương tác với plugin trong UX cạnh canvas thiết kế. Panel Plugins mới như Layer & Assets, cung cấp khả năng truy cập và chỉnh sửa plugin ngay trong phần mềm, duy trì dòng chảy sáng tạo khi làm việc.

Snippet CSS trong thông tin kỹ thuật thiết kế

Để hỗ trợ chuyển đổi thiết kế thành web chức năng, bạn có thể sao chép CSS snippet từ thông tin kỹ thuật và dán vào code.

CSS code tự động tạo khi chọn Web làm điểm xuất trong Share for Development với thiết kế thông số xuất bản. Adobe XD tự động hiển thị CSS snippet cho lớp chọn.

Cải tiến trong giới hạn thành phần

Thành phần cho phép nhiều kiểu ghi đè và thay đổi kích thước mượt mà cho nhiều màn hình. Nhưng khó dùng khi áp dụng hiệu ứng hay sắp xếp lại đối tượng. Trước đây, nội dung co lại khi thêm đối tượng ngoài giới hạn thành phần chính.

Giờ bạn có thể khắc phục bằng cách chọn thành phần chính, chuột phải chọn Fit Bounds to Content. Giới hạn điều chỉnh hiện toàn bộ đối tượng bị cắt.

Nếu bạn tạo một thành phần mới:

• Vùng đổ bóng và mờ hiện bên ngoài box Component Bound.
• Vùng Bound vừa khít toàn bộ nội dung trong component đó.

Giảm phân đoạn pixel

Khi thiết kế cho màn hình HiDPI, pixel phân đoạn làm biến dạng nội dung. Từ Adobe XD 22.0, để xóa thiết kế ma sát và méo ảnh, Adobe XD làm tròn giá trị pixel khi chỉnh kích thước nhóm đối tượng, thành phần và layer mask. Nhưng, vẫn giữ giá trị phân đoạn nội dung tạo trước.

Chuyển đổi trình xem dạng ô và sơ đồ

Để xem quy trình thiết kế với thông tin bố cục artboard, click tên nguyên mẫu hoặc thông số thiết kế góc trên trái màn hình. Từ trình xem dạng ô mặc định, bạn chuyển giữa Grid và Flow.

• Grid View hiện tất cả artboard dưới dạng ô liền kề để kiểm tra và di chuyển tới tác phẩm tiếp theo.
• Flow View sắp xếp artboard để trình bày bản thiết kế và phân cấp bố cục.

Adobe XD CC 15/10/2018

• Kích hoạt tương tác artboard bằng giọng nói.
• Mở rộng tính năng Adobe XD bằng plugin. Khám phá và quản lý dễ dàng để tự động hóa, tích hợp công cụ khác, thiết kế dữ liệu…
• Tích hợp nhiều ứng dụng hiệu suất và cộng tác hơn.
• Tự động hóa hoạt ảnh.
• Liên kết biểu tượng.
• Tích hợp Adobe Illustrator dễ dàng.
• Xuất sang Adobe After Effects.
• Mô phỏng trải nghiệm người dùng bằng kéo mẫu thử nghiệm.
• Thiết kế lại màn hình chính, truy cập plugin, UI, ứng dụng tích hợp… trên một màn hình.

So sánh hai phiên bản Adobe XD