Bộ giao diện người dùng Windows

Đây là bộ giao diện người dùng Figma do Microsoft cung cấp. Bạn có thể kiểm tra và xử lý phiên bản Windows UI mới nhất. Cung cấp Hướng dẫn & Cahrts, Đầu vào Cơ bản, Danh sách & Bộ sưu tập, Hộp thoại & Flyouts, Trường Văn bản, Cuộn, Trạng thái & Thông tin, Menu & Thanh công cụ, Điều hướng, Ngày & Giờ, Phương tiện, Màn hình Splash, Shell, Nguyên thủy.

Cần có phông chữ Segoe UI Variable và Segoe Fluent Icons để sử dụng bộ giao diện người dùng.

Bài viết tương tự

bài viết gần đây

Tài nguyên thiết kế tầm nhìn của Apple

Tài nguyên thiết kế VisionOS Figma cho Giao diện người dùng không gian của Apple. Bao gồm các thành phần, mẫu, màu sắc, chất liệu và kiểu chữ.

Bạn phải cài đặt phiên bản mới nhất của SF Symbols trước khi sử dụng thư viện.

https://www.figma.com/community/file/1253443272911187215

Bộ công cụ thiết kế Material 3 của Google

Gặp gỡ Material Design 3, hệ thống thiết kế cá nhân nhất của Material Design. Bộ công cụ thiết kế Material 3 cung cấp phần giới thiệu toàn diện về hệ thống thiết kế với các kiểu dáng và thành phần để giúp bạn bắt đầu.

https://www.figma.com/community/file/1035203688168086460

macOS Sonoma

Bộ công cụ thiết kế macOS chính thức của Apple chứa một tập hợp toàn diện các thành phần, chế độ xem, giao diện hệ thống, kiểu văn bản, kiểu màu và chất liệu. Nó chứa tất cả các yếu tố chính mà bạn cần để nhanh chóng tạo các thiết kế ứng dụng macOS có tính thực tế cao.

Bạn phải cài đặt phiên bản mới nhất của SF Symbols trước khi sử dụng thư viện.

  • Tập hợp toàn diện các thành phần giao diện người dùng macOS bao gồm thanh bên, thanh công cụ, bảng, nút, menu, con trỏ, v.v.
  • Chế độ xem và các thành phần hệ thống, bao gồm cửa sổ, thông báo, cửa sổ bật lên, trang tính và hộp thoại lưu
  • Các mẫu máy tính để bàn bao gồm thanh menu, thanh công cụ, thông báo và hình nền
  • Màu sắc hệ thống, vật liệu, kiểu văn bản và hoạt ảnh

https://www.figma.com/community/file/1251588934545918753

Bộ giao diện người dùng iOS 17 + iPad 17

Bộ công cụ thiết kế chính thức đầu tiên của Apple dành cho Figma bao gồm một bộ toàn diện các thành phần, dạng xem, giao diện hệ thống, kiểu văn bản, kiểu màu, chất liệu và hướng dẫn bố cục. Tất cả các yếu tố chính bạn cần để nhanh chóng tạo ra các thiết kế ứng dụng iOS và iPadOS cực kỳ chân thực.

Bạn phải cài đặt phiên bản mới nhất của SF Symbols trước khi sử dụng thư viện.

  • Bộ thành phần toàn diện, từ cảnh báo đến tiện ích con và mọi thứ ở giữa
  • Các mẫu tiện ích màn hình chính và màn hình khóa
  • Mẫu thiết kế thông báo
  • Mẫu cho ứng dụng tab, ứng dụng mẹ/con, chế độ xem tách và trang tính
  • Biểu đồ loại động đầy đủ với kích thước trợ năng
  • Màu sắc, vật liệu, kiểu văn bản và hiệu ứng sống động của hệ thống iOS tích hợp sẵn

https://www.figma.com/community/file/1248375255495415511

Bộ giao diện người dùng iOS 16

Đây là Bộ giao diện người dùng iOS 16 do Joey tạo. Nó bao gồm màu sắc và kiểu phông chữ được nhập từ HIG của Apple (Hướng dẫn giao diện con người), cũng như các thành phần và mẫu được tạo trực tiếp bằng Figma. Trong bản cập nhật này, cửa sổ trạng thái, chỉ báo trang chủ và thông báo thay đổi nhiều nhất được thể hiện chi tiết theo trạng thái. Bạn cũng có thể dễ dàng kiểm tra luồng như màn hình chính, màn hình khóa và Apple Pay. Nó được mở cho cộng đồng Figma. Nó phổ biến đến mức nó đã được sao chép 45.000 lần. Với 49 đô la, bạn có thể nhận lịch sử thay đổi và cập nhật Bộ công cụ giao diện người dùng iOS 16 qua email.

Một thiết kế tiện ích đã được tạo với chức năng luôn bật trên màn hình khóa như một thành phần. Màn hình khi một thông báo được hiển thị, khi một thông báo được nhấn và khi các chức năng khác nhau của thông báo được thực hiện cũng được phân chia chi tiết. Cách bố trí các widget trên màn hình chính, thanh tab,… cũng được tinh chỉnh khá chi tiết. Bạn cũng có thể xem trang Apple Pay, trang này chưa có ở Hàn Quốc. Bạn có thể kiểm tra màn hình ví, chi tiết thẻ và trạng thái màn hình theo trạng thái khi sử dụng Apple Pay. Cửa sổ trạng thái, vốn chỉ có trên iPhone 14, cũng được cung cấp dưới dạng một thành phần. Mình chia thành 14/14 Pro, Light/Dark mode, và chia thành phần theo trạng thái của đảo động. Thời gian và pin được cung cấp dưới dạng các thành phần, đồng thời phân biệt màu sắc và hình dạng thay đổi theo chế độ sáng và tối. Đảo động Đảo động có nhiều kích cỡ.

Ảnh chụp màn hình Bộ giao diện người dùng iOS 16

Thêm và Nguồn

Bài viết tương tự

Bộ công cụ thiết kế Figma của Apple: Món quà dành cho nhà thiết kế

Bộ công cụ thiết kế Figma của Apple: Món quà dành cho nhà thiết kế

Apple đã phát hành tài nguyên iOS 17 và iPadOS 17 cho cộng đồng Figma. Một gói để phác thảo…

iOS16-ui-kit-thumbnail

Bộ giao diện người dùng iOS 16

Đây là Bộ giao diện người dùng iOS 16 do Joey tạo. Lấy từ Nguyên tắc giao diện con người của Apple (HIG)...

hình thu nhỏ iOS16

UX đáng chú ý của iOS 16 được giải thích bởi các nhà thiết kế

Đã cập nhật iOS 16. Phiên bản iOS 15 thế hệ tiếp theo được phát hành tại WWDC22 vào ngày 7 tháng 6 năm 2022 lúc 2 giờ sáng KST...

Bản cập nhật Hướng dẫn Giao diện Con người của Apple năm 2022

Bản cập nhật Hướng dẫn Giao diện Con người của Apple năm 2022

Vào ngày 7, Apple đã cập nhật Hướng dẫn Giao diện Con người (HIG). Táo...

37 biểu tượng cảm xúc mới được thêm vào bao gồm khuôn mặt tan chảy, bàn tay trái tim, v.v.

37 biểu tượng cảm xúc mới được thêm vào bao gồm khuôn mặt tan chảy, bàn tay trái tim, v.v.

Với việc phát hành iOS 15.4, 37 biểu tượng cảm xúc mới cũng đã được thêm vào. 7 biểu tượng cảm xúc khuôn mặt và một số đồ vật...

Hình nền động: hình nền thay đổi theo thời gian trong ngày

Mỗi khi MacOS được cập nhật, nó sẽ cung cấp một hình nền mới. Khi làm việc ở nhà trong một thời gian dài, có những lúc tôi không nhạy cảm với những thay đổi của môi trường bên ngoài, nhưng tôi đã khắc phục điều đó bằng một hình nền thay đổi theo thời gian trong ngày. Các mẫu mặc định do Apple cung cấp rất tuyệt, nhưng tôi đã phát hiện ra nền tảng này sau khi nghĩ rằng có thể có các hình nền khác. Chỉ cần tải xuống nền bạn thích từ trang web và áp dụng nó. Ngoài ra còn có các hình nền được tạo bởi nhiều người khác nhau, vì vậy hãy xem chúng.

https://dynamicwallpaper.club/

Tạo lăng kính thủy tinh đẹp: Tài nguyên Photoshop miễn phí

Một tài nguyên miễn phí được tạo bởi Marcis Lokis và Krists Darzins của công ty sáng tạo cửa hàng Latvian Family. Các chi tiết lăng kính đẹp mắt của mặt kính trong suốt nổi bật. Đây là một tài nguyên đáng hoan nghênh để tạo các hình ảnh anh hùng đơn giản nhưng thú vị. Có 12 nguồn cài sẵn, vì vậy hãy tận dụng chúng!

Nguồn: https://creativecloud.adobe.com/cc/discover/article/free-glass-distortion-layers-for-photoshop

màu la bàn thiết kế

Một thư viện màu dựa trên màu sắc trong thiết kế vật liệu. Nó được chia thành 19 màu và 10 mức độ sáng. Nó bao gồm các tập tin sketch và figma. Cả hai tệp đều có màu được đăng ký trong tệp styles.

Tiếp tục đọc “디자인 나침반 컬러”

Mô hình thiết bị Facebook

Bộ sưu tập mô hình và tài nguyên thiết kế miễn phí cho các thiết bị khác nhau do Facebook cung cấp. Nó bao gồm các thiết bị, mẫu iOS, tài nguyên thiết kế máy tính để bàn, bộ âm thanh và ảnh chụp tay, đồng thời cung cấp tài nguyên trong bản phác thảo, origami, khung, PSD và hình nền.

Tiếp tục đọc “페이스북 디바이스 목업”