Nội dung tiếp thịCông cụ tiếp thịTiếp thị trên điện thoại di động và máy tính bảng

Adobe XD: Thiết kế, Nguyên mẫu và Chia sẻ với Giải pháp UX / UI của Adobe

Hôm nay, tôi đã cài đặt Adobe XD, giải pháp UX / UI của Adobe để tạo mẫu trang web, ứng dụng web và ứng dụng di động. Adobe XD cho phép người dùng chuyển từ wireframe tĩnh sang các nguyên mẫu tương tác chỉ bằng một cú nhấp chuột. Bạn có thể thực hiện các thay đổi đối với thiết kế của mình và xem bản cập nhật nguyên mẫu tự động - không cần đồng bộ hóa. Và bạn có thể xem trước các nguyên mẫu của mình, hoàn thành quá trình chuyển đổi trên thiết bị iOS và Android, sau đó chia sẻ chúng với nhóm của bạn để có phản hồi nhanh.

Adobe XD

Các tính năng của Adobe XD Bao gồm:

  • Nguyên mẫu tương tác - Chuyển từ thiết kế sang chế độ nguyên mẫu chỉ với một cú nhấp chuột và kết nối các bảng vẽ để giao tiếp luồng và đường dẫn của các ứng dụng đa màn hình. Kết nối các phần tử thiết kế từ bảng vẽ này sang bảng vẽ khác, bao gồm các ô Lưới Lặp lại. Thêm tương tác với các điều khiển trực quan trực quan để kiểm tra và xác thực trải nghiệm.
  • Xuất bản nguyên mẫu để nhận phản hồi - Tạo các liên kết web có thể chia sẻ để nhận phản hồi về thiết kế của bạn hoặc nhúng chúng vào Behance hoặc một trang web. Người đánh giá có thể nhận xét trực tiếp về nguyên mẫu và các phần cụ thể trong thiết kế của bạn. Bạn sẽ nhận được thông báo khi họ đưa ra nhận xét và họ có thể chỉ cần làm mới trình duyệt của mình để xem các thay đổi của bạn.
  • Artboards nhanh, linh hoạt - Cho dù bạn đang làm việc với một artboard hay một trăm artboard, XD đều mang đến cho bạn hiệu suất nhanh như nhau. Thiết kế cho các màn hình và thiết bị khác nhau. Xoay và thu phóng mà không có thời gian trễ. Chọn từ các kích thước đặt trước hoặc xác định của riêng bạn và sao chép giữa các bảng vẽ mà không làm mất vị trí của các yếu tố thiết kế của bạn.
  • Lặp lại lưới - Chọn các mục trong thiết kế của bạn, chẳng hạn như danh sách liên hệ hoặc thư viện ảnh và sao chép chúng theo chiều ngang hoặc chiều dọc bao nhiêu lần tùy thích - tất cả các kiểu và khoảng cách của bạn vẫn giữ nguyên. Cập nhật một phần tử một lần và các thay đổi của bạn sẽ cập nhật ở mọi nơi.
  • Hỗ trợ đa nền tảng - Adobe XD nguyên bản hỗ trợ Windows 10 (Nền tảng Windows chung) và Mac, với các ứng dụng di động đồng hành dành cho Android và iOS.
  • Bảng nội dung - Làm cho màu sắc và kiểu ký tự dễ dàng có sẵn để sử dụng lại bằng cách thêm chúng vào bảng Nội dung (trước đây là bảng Ký hiệu), bảng này tự động bao gồm các ký hiệu. Chỉnh sửa bất kỳ màu sắc hoặc kiểu ký tự nào trong bảng điều khiển và những thay đổi sẽ được phản ánh trong toàn bộ tài liệu của bạn.
  • Các ký hiệu được mô phỏng lại - Tiết kiệm thời gian với các ký hiệu, các yếu tố thiết kế có thể tái sử dụng giúp loại bỏ nhu cầu tìm và chỉnh sửa từng phiên bản của nội dung trên tài liệu. Cập nhật một và chúng sẽ cập nhật ở mọi nơi hoặc chọn ghi đè các phiên bản cụ thể. Các biểu tượng có thể là đồ họa vector, hình ảnh raster hoặc đối tượng văn bản và chúng cũng có thể được sử dụng làm đối tượng trong Lưới lặp lại.
  • Thư viện đám mây sáng tạo - Với việc tích hợp Thư viện Đám mây Sáng tạo, bạn có thể truy cập và áp dụng hình ảnh raster, màu sắc và kiểu ký tự được tạo trong Photoshop CC, Illustrator CC và các ứng dụng Creative Cloud khác từ bên trong XD và sử dụng lại chúng ở bất kỳ đâu trong tài liệu của bạn.
  • Trình kiểm tra thuộc tính theo ngữ cảnh - Làm việc trong một không gian gọn gàng nhờ Trình kiểm tra thuộc tính nhận biết ngữ cảnh, chỉ hiển thị các tùy chọn cho các đối tượng bạn đã chọn. Sửa đổi các thuộc tính như màu và độ dày của đường viền, màu tô, bóng, làm mờ, độ mờ và xoay cũng như truy cập các tùy chọn cho căn chỉnh, kích thước và Lặp lại Grid.
  • Điều hướng canvas thông minh - Dễ dàng phóng to một khu vực cụ thể trong thiết kế của bạn hoặc thực hiện lựa chọn trên bảng vẽ và sử dụng phím tắt để phóng to ngay đến nó. Xoay hoặc thu phóng bằng chuột, bàn di chuột hoặc phím tắt của bạn. Và có được hiệu suất tuyệt vời ngay cả khi bạn có hàng trăm bảng vẽ.
  • Các lớp ngữ cảnh - Luôn có tổ chức và tập trung trong khi quản lý các thiết kế phức tạp nhờ cách tiếp cận theo ngữ cảnh đối với các lớp. XD chỉ đánh dấu các lớp được liên kết với artboard mà bạn đang làm việc, vì vậy bạn có thể nhanh chóng và dễ dàng tìm thấy những gì bạn cần.
  • Công cụ hướng dẫn bố cục - Vẽ, sử dụng lại và phối lại các phần tử thiết kế một cách liền mạch bằng cách sử dụng lưới chụp nhanh và các công cụ bố cục trực quan khác giúp bạn tạo các phép đo tương đối giữa các đối tượng, tạo mặt nạ với hình dạng, nhóm, khóa, căn chỉnh và phân phối các phần tử thiết kế, v.v.
  • Hiệu ứng làm mờ - Nhanh chóng làm mờ một đối tượng cụ thể hoặc toàn bộ nền để thay đổi tiêu điểm thiết kế của bạn, tạo chiều sâu và kích thước cho nó.
  • Gradient tuyến tính linh hoạt - Tạo các gradient tuyến tính đẹp mắt bằng cách sử dụng các điều khiển trực quan đơn giản nhưng chính xác trong Bộ chọn màu. Bạn cũng có thể nhập gradient từ Photoshop CC và Illustrator CC.
  • Công cụ Bút hiện đại - Vẽ hình dạng và đường dẫn dễ dàng bằng công cụ Pen. Sử dụng các đường dẫn tùy chỉnh, thêm hoặc xóa các điểm neo, dễ dàng thao tác các đường và chuyển đổi giữa các đường cong và góc - tất cả đều bằng cùng một công cụ.
  • Chỉnh sửa nhóm Boolean - Tạo và thử nghiệm với các hình dạng phức tạp bằng cách kết hợp các nhóm đối tượng sử dụng toán tử Boolean không phá hủy.
  • Kiểu chữ - Tạo kiểu văn bản với điều khiển chính xác để nâng cao trải nghiệm người dùng. Dễ dàng điều chỉnh các yếu tố đánh máy như phông chữ, kiểu chữ, kích thước, căn chỉnh, khoảng cách ký tự và khoảng cách dòng. Thay đổi giao diện văn bản của bạn giống như cách bạn thay đổi các yếu tố khác trong XD như độ mờ, tô màu, nền và hiệu ứng mờ và đường viền.
  • Kiểm soát màu hợp lý - Chọn màu bằng cách nhập các giá trị chính xác hoặc lấy mẫu từ bên trong hoặc bên ngoài XD với Eyedropper. Tạo và lưu các mẫu màu cũng như sử dụng các phím tắt cho mã thập lục phân trong Bộ chọn màu.
  • Tài nguyên giao diện người dùng - Nhanh chóng thiết kế và tạo mẫu cho các thiết bị Apple iOS, Google Material Design và Microsoft Windows bằng cách sử dụng các thành phần giao diện người dùng chất lượng cao.
  • Sao chép và dán từ các ứng dụng thiết kế khác - Đưa tác phẩm nghệ thuật vào XD từ Photoshop CC và Illustrator CC.
  • Bản xem trước iOS và Android trong ngữ cảnh - Xem trước thiết kế của bạn và tất cả các tương tác trên thiết bị thực tế mà bạn đang nhắm mục tiêu. Thực hiện các thay đổi trên màn hình và sau đó kiểm tra chúng trên thiết bị của bạn về độ trung thực và khả năng sử dụng.
  • Gợi ý về điểm phát sóng - Tự động đánh dấu các điểm phát sóng trong nguyên mẫu của bạn để người dùng có thể thấy các khu vực nào có thể tương tác và nhấp được.
  • Quản lý nguyên mẫu - Tạo nhiều URL từ cùng một tệp để chia sẻ các phiên bản khác nhau của nguyên mẫu của bạn. Chia sẻ số lượng nguyên mẫu không giới hạn và dễ dàng truy cập và xóa chúng khỏi tài khoản Creative Cloud của bạn.
  • Ghi lại các tương tác nguyên mẫu dưới dạng video - Khi bạn nhấp qua bản xem trước của mình, hãy ghi lại tệp MP4 để chia sẻ với nhóm của bạn hoặc các bên liên quan (chỉ dành cho máy Mac).
  • Xuất tác phẩm nghệ thuật, nội dung và bảng vẽ - Xuất hình ảnh và thiết kế ở định dạng PNG và SVG mà bạn có thể định cấu hình cho iOS, Android, web hoặc cài đặt tùy chỉnh của riêng bạn. Xuất toàn bộ bản vẽ hoặc các phần tử riêng lẻ. Và chia sẻ nội dung và bảng vẽ bằng cách xuất chúng dưới dạng tệp PDF riêng lẻ hoặc dưới dạng tệp PDF duy nhất.
  • Hỗ trợ đa ngôn ngữ - Các ngôn ngữ được hỗ trợ bao gồm tiếng Anh, tiếng Pháp, tiếng Đức, tiếng Nhật và tiếng Hàn.
  • Thông báo qua email cho các nhận xét - Nhận thông báo qua email khi các bên liên quan nhận xét về nguyên mẫu web của bạn. Email có thể được gửi riêng lẻ hoặc gửi theo lô trong một thông báo hàng ngày

Hơn hết, Adobe XD đi kèm với giấy phép của tôi cho Adobe Creative Suite!

Tiết lộ: Chúng tôi là chi nhánh của Adobe.

Douglas Karr

Douglas Karr là CMO của mởINSIGHTS và người sáng lập ra Martech Zone. Douglas đã giúp hàng chục công ty khởi nghiệp MarTech thành công, đã hỗ trợ thẩm định hơn 5 tỷ USD trong các thương vụ mua lại và đầu tư của Martech, đồng thời tiếp tục hỗ trợ các công ty triển khai và tự động hóa các chiến lược tiếp thị và bán hàng của họ. Douglas là một chuyên gia và diễn giả về chuyển đổi kỹ thuật số và MarTech được quốc tế công nhận. Douglas cũng là tác giả đã xuất bản sách hướng dẫn của Dummie và sách lãnh đạo doanh nghiệp.

Bài viết liên quan

Back to top
Đóng

Đã phát hiện ra khối quảng cáo

Martech Zone có thể cung cấp cho bạn nội dung này miễn phí vì chúng tôi kiếm tiền từ trang web của mình thông qua doanh thu quảng cáo, liên kết đơn vị liên kết và tài trợ. Chúng tôi sẽ đánh giá cao nếu bạn xóa trình chặn quảng cáo của mình khi bạn xem trang web của chúng tôi.