Why and how to use UI kits in Adobe XD
Mục lục:
- Cách hàng loạt chuyển đổi ảnh với Adobe Bridge
- Cách tải xuống UI Kits trong Adobe XD
- Cách sử dụng UI Kits trong Adobe XD
- #thiết kế đồ họa
- Hoàn thiện thiết kế của bạn bằng UI Kits
Đối với những người quan tâm đến thiết kế web, bộ công cụ UI trong Adobe XD là một cách tuyệt vời để bắt đầu một dự án thiết kế mới. Với các bộ dụng cụ này, bạn có quyền truy cập vào một số tài nguyên tiện dụng mà bạn có thể sửa đổi và sử dụng cho thiết kế trang web hoặc ứng dụng của mình.
Nếu bạn chưa quen với phần mềm và không chắc chắn cách sử dụng bộ công cụ UI trong Adobe XD, thì bạn đã đến đúng nơi., Tôi sẽ chỉ cho bạn cách bạn có thể cài đặt bộ công cụ UI trong phần mềm và sau đó sử dụng các tài nguyên được bao gồm cho dự án của bạn.
Ngoài ra trên
Cách hàng loạt chuyển đổi ảnh với Adobe Bridge
Cách tải xuống UI Kits trong Adobe XD
Trước tiên, hãy xem cách bạn có thể tải xuống bộ dụng cụ UI trong Adobe XD, ngay từ trong phần mềm. Chỉ cần làm theo các bước sau để bắt đầu:
Bước 1: Nhấp vào nút menu hamburger ở góc trên cùng bên trái của phần mềm.
Bước 2: Trong menu, cuộn xuống tùy chọn Get UI Kits và sau đó nhấp vào một trong ba tùy chọn khả dụng.
Đối với bài viết này, tôi sẽ chọn bộ giao diện người dùng Google Material. Tuy nhiên, tùy thuộc vào dự án của bạn, bạn có thể chọn bộ dụng cụ Apple iOS hoặc Microsoft Windows. Điều đó sẽ mở ra một trang web chính thức mà bạn có thể tải xuống bộ dụng cụ UI miễn phí.
Bước 3: Xác định vị trí bộ Adobe UI UI trong trang web sau và tải xuống trên hệ thống của bạn.
Bước 4: Bây giờ hãy mở tệp đã tải xuống trong Adobe XD và bạn sẽ được chào đón với một loạt các bản vẽ nghệ thuật có chứa tài nguyên UI cho nền tảng tương ứng.
Bạn có thể giữ nút Ctrl và di chuyển bánh xe cuộn để phóng to / thu nhỏ để xem tất cả các bản vẽ nghệ thuật riêng lẻ.
Thay vào đó, nếu bạn muốn tải xuống Wireframes, bạn có thể nhấp vào tùy chọn Wireframes trong menu Get UI Kits.
Bạn cũng có thể tìm kiếm các bộ giao diện người dùng bổ sung trên trang web của Adobe bằng cách nhấp vào tùy chọn Bộ giao diện người dùng khác trong menu Nhận Bộ dụng cụ giao diện người dùng.
Trang web này có một số tùy chọn tuyệt vời để lựa chọn, bao gồm bộ kit Movie Magic UI thực sự tuyệt vời này trông giống như màn hình hiển thị.
Bây giờ bạn đã biết cách tải xuống bộ dụng cụ UI, hãy xem cách bạn có thể sử dụng chúng trong các dự án của mình.
Cách sử dụng UI Kits trong Adobe XD
Để sử dụng bộ dụng cụ UI trong dự án của bạn, chỉ cần làm theo các bước đơn giản sau:
Bước 1: Phóng to phần tử UI bạn muốn sử dụng trong dự án của bạn và nhấp vào tiêu đề của nó để chọn nó.
Bước 2: Bây giờ sao chép phần tử bằng phím tắt Ctrl + C.
Bước 3: Sau đó mở một dự án Adobe XD mới từ menu.
Bước 4: Tại đây, dán phần tử UI bằng phím tắt Ctrl + V.
Đối với bài viết này, tôi sẽ sử dụng yếu tố Mobile Dark từ bộ UI UI của Google. Phần tử bao gồm các hướng dẫn để giúp bạn đặt nhiều lớp hơn, nhưng nếu bạn không muốn sử dụng chúng, bạn có thể dễ dàng loại bỏ chúng bằng cách làm theo bước tiếp theo.
Bước 5: Để xóa hướng dẫn, nhấp vào biểu tượng khóa ở góc trên cùng bên trái và sau đó nhấn xóa. Bạn có thể bỏ qua bước này nếu bạn muốn sử dụng các hướng dẫn để đặt nhiều đối tượng vào thành phần chính xác.
Bước 6: Bây giờ quay trở lại bộ UI để chọn một yếu tố khác để thêm vào trang này. Một lần nữa, nhấp vào tiêu đề của phần tử và sao chép nó bằng phím tắt Ctrl + C.
Tôi sẽ tạo một bánh mì nướng cơ bản cho bài viết này mà tôi sẽ sử dụng một trong các hộp thoại.
Bước 7: Dán phần tử mới vào phần tử trước và sau đó căn chỉnh nó theo hướng dẫn.
Bước 8: Bây giờ để chỉnh sửa từng thành phần trong bánh mì nướng, nhấp đúp vào hộp văn bản và sau đó nhập văn bản bạn muốn sử dụng. Đầu tiên, hãy thay đổi tiêu đề của bánh mì nướng.
Tiếp theo, thay đổi nội dung của phần thân bằng cách nhấp đúp vào hộp văn bản và nhập bất cứ thứ gì bạn muốn thêm.
Bạn cũng có thể thay đổi văn bản của các nút theo cách tương tự. Khi bạn đã hoàn tất việc chỉnh sửa văn bản, bạn có thể thay đổi màu sắc và độ mờ của văn bản. Để thay đổi độ mờ, chỉ cần di chuyển thanh trượt dưới tùy chọn Opacity trên thanh công cụ sang phải.
Để thay đổi màu của văn bản, nhấp vào hình chữ nhật bên cạnh tùy chọn Điền và sau đó chọn màu mới từ bộ chọn màu.
Và nó không chỉ là văn bản mà bạn có thể chỉnh sửa theo cách này. Bạn cũng có thể thay đổi màu sắc và độ mờ đục của hầu hết tất cả các mục trong hộp thoại, điều này thật tuyệt nếu bạn đang sử dụng một bảng màu độc đáo.
Khi bạn hài lòng với kết quả, chỉ cần tiếp tục và lưu tệp của bạn bằng cách nhấp vào tùy chọn Lưu dưới dạng trong menu hoặc bằng cách sử dụng phím tắt Shift + Ctrl + S.
Ngoài ra trên
#thiết kế đồ họa
Nhấn vào đây để xem trang bài viết thiết kế đồ họa của chúng tôiHoàn thiện thiết kế của bạn bằng UI Kits
Bây giờ bạn đã biết cách tải xuống và sử dụng bộ công cụ UI trong Adobe XD, tôi chắc chắn bạn sẽ bắt đầu tạo ra các thiết kế tuyệt vời ngay lập tức. Các bộ công cụ UI này chắc chắn khá tiện dụng và giúp bạn đi thẳng vào dự án của mình mà không phải lo lắng về việc thiết kế từng thành phần UI.
Tiếp theo: Đã hoàn thành một dự án trên Adobe XD và không biết cách xuất nó sang HTML? Kiểm tra bài viết tiếp theo cho một hướng dẫn từng bước đơn giản.
Các chip RFID, được sử dụng trong nhiều ứng dụng đang phát triển trên toàn thế giới, lưu trữ một lượng nhỏ thông tin mà một thiết bị gần đó có thể đọc được. Trong số những thứ khác, các chip này có thể được sử dụng để lưu trữ dữ liệu khách hàng trên thẻ tín dụng hoặc cho phép những người có thẩm quyền mở cửa văn phòng bị khoá hoặc cửa xe trong hệ thống nhập cảnh "chìa khóa".
Dự luật California sẽ đưa ra ngoại lệ cho các tình huống khẩn cấp nhất định, như cho phép nhân viên chăm sóc sức khoẻ quét thẻ chăm sóc sức khoẻ cho phép sử dụng RFID của một người nào đó để giúp đỡ người đó. Dự luật này được đưa ra lần đầu tiên bởi Nghị sĩ California Joe Simitian vào năm 2006, và phiên bản cuối cùng đã được ký kết vào ngày thứ Tư. Nó đã được ủng hộ bởi nhiều nhóm khác nhau, từ Hiệp hội Công dân Hoa Kỳ cho chủ sở hữu súng của California.
Sanyo đã phải vật lộn để xoay quanh hoạt động kinh doanh của mình trong vài năm qua. Công ty đã thu được lợi nhuận đầu tiên trong 4 năm gần đây nhất trong năm tài chính kết thúc vào tháng 3 năm 2008. Mặc dù bị cạnh tranh gay gắt trong thị trường điện tử gia dụng và điện tử tiêu dùng, công ty vẫn là nhà sản xuất pin lithium-ion lớn nhất thế giới và là nhà sáng tạo trong các sản phẩm năng lượng xanh như pin mặt trời.
Các vụ mua lại như dự kiến theo kế hoạch của Panasonic hiếm khi xảy ra trong các công ty lớn của Nhật Bản
Các ứng dụng mới cho phép người dùng iPhone truy vấn Google bên ngoài điện thoại được xây dựng trong trình duyệt Safari và cũng có thể tìm kiếm thông qua danh bạ của họ bằng cách sử dụng cảm biến gia tốc Báo New York Times. Ứng dụng của Google có thể cho biết khi bạn đang nâng điện thoại lên khuôn mặt và tự động kích hoạt phần mềm nhận dạng giọng nói sẽ xử lý giọng nói của bạn và gửi nó dưới dạng truy vấn tìm kiếm đến Google.
[ĐọC thêm: Điện thoại Android tốt nhất cho mỗi ngân sách . ]