ชุด Windows UI

นี่คือชุด Figma UI ที่จัดทำโดย Microsoft คุณสามารถตรวจสอบและจัดการ Windows UI เวอร์ชันล่าสุดได้ ให้คำแนะนำ & Cahrts, ข้อมูลพื้นฐาน, รายการ & คอลเลกชัน, กล่องโต้ตอบ & Flyouts, ช่องข้อความ, การเลื่อน, สถานะ & ข้อมูล, เมนู & แถบเครื่องมือ, การนำทาง, วันที่ & เวลา, สื่อ, หน้าจอเริ่มต้น, เชลล์, ดั้งเดิม

ต้องใช้ฟอนต์ Segoe UI Variable และ Segoe Fluent Icons เพื่อใช้ชุด UI

โพสต์ที่คล้ายกัน

โพสต์ล่าสุด

ทรัพยากรการออกแบบของ Apple visionOS

แหล่งข้อมูลการออกแบบ VisionOS Figma สำหรับ Spatial UI ของ Apple ประกอบด้วยส่วนประกอบ แม่แบบ สี วัสดุ และรูปแบบข้อความ

คุณต้องติดตั้ง SF Symbols เวอร์ชันล่าสุดก่อนใช้ไลบรารี

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

ชุดออกแบบ Material 3 โดย Google

พบกับ Material Design 3 ระบบการออกแบบที่เป็นส่วนตัวที่สุดของ Material Design ชุดการออกแบบ Material 3 ให้ข้อมูลเบื้องต้นที่ครอบคลุมเกี่ยวกับระบบการออกแบบพร้อมสไตล์และส่วนประกอบเพื่อช่วยให้คุณเริ่มต้นได้

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

macOS โซโนมา

ชุดออกแบบ macOS อย่างเป็นทางการของ Apple ประกอบด้วยชุดส่วนประกอบ มุมมอง อินเทอร์เฟซระบบ รูปแบบข้อความ ลักษณะสี และวัสดุที่ครอบคลุม ประกอบด้วยองค์ประกอบสำคัญทั้งหมดที่คุณต้องการเพื่อสร้างการออกแบบแอพ macOS ที่เหมือนจริงสูงอย่างรวดเร็ว

คุณต้องติดตั้ง SF Symbols เวอร์ชันล่าสุดก่อนใช้ไลบรารี

  • ชุดส่วนประกอบ macOS UI ที่ครอบคลุม รวมถึงแถบด้านข้าง แถบเครื่องมือ ตาราง ปุ่ม เมนู เคอร์เซอร์ และอื่นๆ
  • มุมมองและส่วนประกอบของระบบ รวมถึงหน้าต่าง การแจ้งเตือน ป๊อปอัป ชีต และกล่องโต้ตอบบันทึก
  • เทมเพลตเดสก์ท็อปรวมถึงแถบเมนู ท่าเรือ การแจ้งเตือน และวอลเปเปอร์
  • ระบบสี วัสดุ รูปแบบข้อความ และภาพเคลื่อนไหว

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

ชุด UI สำหรับ iOS 17 + iPad 17

ชุดออกแบบอย่างเป็นทางการชุดแรกของ Apple สำหรับ Figma ประกอบด้วยชุดส่วนประกอบ มุมมอง อินเทอร์เฟซระบบ รูปแบบข้อความ รูปแบบสี วัสดุ และคำแนะนำเค้าโครง องค์ประกอบสำคัญทั้งหมดที่คุณต้องการเพื่อสร้างการออกแบบแอพ iOS และ iPadOS ที่สมจริงเป็นพิเศษอย่างรวดเร็ว

คุณต้องติดตั้ง SF Symbols เวอร์ชันล่าสุดก่อนใช้ไลบรารี

  • ชุดองค์ประกอบที่ครอบคลุมตั้งแต่การแจ้งเตือนไปจนถึงวิดเจ็ตและทุกสิ่งที่อยู่ระหว่างนั้น
  • หน้าจอหลักและเทมเพลตวิดเจ็ตล็อคหน้าจอ
  • แม่แบบการออกแบบการแจ้งเตือน
  • เทมเพลตสำหรับแอพแท็บ แอพหลัก/รอง มุมมองแยก และแผ่นงาน
  • แผนภูมิประเภทไดนามิกแบบเต็มพร้อมมิติการเข้าถึง
  • ในตัวระบบ iOS สี วัสดุ สไตล์ข้อความ และเอฟเฟ็กต์ความสั่นสะเทือน

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

ชุด iOS 16 UI

นี่คือ iOS 16 UI Kit ที่สร้างโดย Joey ประกอบด้วยสีและรูปแบบตัวอักษรที่นำเข้ามาจาก HIG (Human Interface Guideline) ของ Apple รวมถึงส่วนประกอบและแม่แบบที่สร้างโดยตรงกับ Figma ในการอัปเดตนี้ หน้าต่างสถานะ ตัวบ่งชี้หน้าแรก และการแจ้งเตือน ซึ่งเปลี่ยนแปลงมากที่สุด จะแสดงรายละเอียดตามสถานะ คุณยังสามารถตรวจสอบโฟลว์ เช่น บ้าน หน้าจอล็อก และ Apple Pay ได้อย่างง่ายดาย เปิดสำหรับชุมชน Figma เป็นที่นิยมมากจนได้รับการคัดลอก 45,000 ครั้ง คุณสามารถรับประวัติการเปลี่ยนแปลงและอัปเดต iOS 16 UI Kit ผ่านทางอีเมลในราคา $49

การออกแบบวิดเจ็ตถูกสร้างขึ้นโดยคำนึงถึงฟังก์ชันเปิดตลอดเวลาบนหน้าจอล็อกเป็นส่วนประกอบ หน้าจอเมื่อมีการแจ้งเตือนปรากฏขึ้น เมื่อกดแจ้งเตือน และเมื่อใช้งานฟังก์ชันต่างๆ ของการแจ้งเตือนจะถูกแบ่งอย่างละเอียดเช่นกัน เค้าโครงของวิดเจ็ตบนหน้าจอหลัก แถบแท็บ ฯลฯ ได้รับการปรับปรุงในรายละเอียด คุณยังสามารถดูที่หน้า Apple Pay ซึ่งยังไม่มีให้บริการในเกาหลี คุณสามารถตรวจสอบหน้าจอกระเป๋าเงิน รายละเอียดบัตร และสถานะหน้าจอตามสถานะเมื่อใช้ Apple Pay หน้าต่างแสดงสถานะซึ่งมีเฉพาะใน iPhone 14 ก็มีให้เป็นส่วนประกอบเช่นกัน ผมแบ่งมันออกเป็น 14/14 Pro, โหมด Light/Dark และแบ่งองค์ประกอบตามสถานะของเกาะไดนามิก เวลาและแบตเตอรี่มีไว้เป็นส่วนประกอบ และสีและรูปร่างที่แตกต่างกันไปตามโหมดแสงและความมืด เกาะไดนามิก เกาะไดนามิกมาในขนาดต่างๆ

ภาพหน้าจอ iOS 16 UI Kit

เพิ่มเติมและแหล่งที่มา

โพสต์ที่คล้ายกัน

Figma Design Kit ของ Apple: ของขวัญสำหรับนักออกแบบ

Figma Design Kit ของ Apple: ของขวัญสำหรับนักออกแบบ

Apple ได้เผยแพร่ทรัพยากร iOS 17 และ iPadOS 17 ให้กับชุมชน Figma แพ็คเกจสำหรับสเก็ตช์…

iOS16-ui-kit-ภาพขนาดย่อ

ชุด iOS 16 UI

นี่คือ iOS 16 UI Kit ที่สร้างโดย Joey นำมาจากแนวทางส่วนต่อประสานกับมนุษย์ของ Apple (HIG)...

ภาพขนาดย่อ iOS16

UX ที่โดดเด่นของ iOS 16 ตีความโดยนักออกแบบ

อัปเดต iOS 16 แล้ว iOS 15 เวอร์ชันถัดไปเปิดตัวที่ WWDC22 ในวันที่ 7 มิถุนายน 2022 เวลา 02.00 น. KST...

อัปเดตคู่มืออินเทอร์เฟซมนุษย์ของ Apple ประจำปี 2022

อัปเดตคู่มืออินเทอร์เฟซมนุษย์ของ Apple ประจำปี 2022

เมื่อวันที่ 7 Apple ได้อัปเดต Human Interface Guide (HIG) แอปเปิ้ล...

เพิ่มอิโมจิใหม่ 37 แบบ รวมถึงหน้าละลาย มือหัวใจ ฯลฯ

เพิ่มอิโมจิใหม่ 37 แบบ รวมถึงหน้าละลาย มือหัวใจ ฯลฯ

ด้วยการเปิดตัว iOS 15.4 มีการเพิ่มอิโมจิใหม่ 37 รายการ อีโมจิ 7 หน้าและสิ่งของต่างๆ...

วอลเปเปอร์แบบไดนามิก: วอลเปเปอร์ที่เปลี่ยนไปตามช่วงเวลาของวัน

ทุกครั้งที่อัปเดต MacOS จะมีวอลเปเปอร์ใหม่ ในขณะที่ทำงานจากที่บ้านเป็นเวลานาน มีบางครั้งที่ฉันไม่ไวต่อการเปลี่ยนแปลงของสภาพแวดล้อมภายนอก แต่ฉันเอาชนะมันได้ด้วยวอลเปเปอร์ที่เปลี่ยนไปตามช่วงเวลาของวัน เทมเพลตเริ่มต้นที่ Apple จัดหาให้นั้นยอดเยี่ยม แต่ฉันค้นพบแพลตฟอร์มนี้หลังจากคิดว่าอาจมีวอลเปเปอร์อื่นๆ เพียงดาวน์โหลดพื้นหลังที่คุณชอบจากเว็บไซต์และนำไปใช้ นอกจากนี้ยังมีวอลเปเปอร์ที่สร้างโดยบุคคลต่างๆ อีกด้วย ดังนั้นลองดูสิ

https://dynamicwallpaper.club/

การสร้างปริซึมแก้วที่สวยงาม: แหล่งข้อมูล Photoshop ฟรี

แหล่งข้อมูลฟรีที่สร้างโดย Marcis Lokis และ Krists Darzins จาก Family เอเจนซี่โฆษณาบูติกสัญชาติลัตเวีย รายละเอียดปริซึมที่สวยงามของกระจกใสโดดเด่น นี่เป็นทรัพยากรที่น่ายินดีสำหรับการสร้างภาพฮีโร่ที่เรียบง่ายแต่ดูเท่ มี 12 แหล่งที่ตั้งล่วงหน้า ดังนั้นจงใช้ประโยชน์จากมัน!

แหล่งที่มา: https://creativecloud.adobe.com/cc/discover/article/free-glass-distortion-layers-for-photoshop

ออกแบบสีเข็มทิศ

ไลบรารีสีตามสีในการออกแบบวัสดุ แบ่งออกเป็น 19 สี และ 10 ระดับความสว่าง ประกอบด้วยไฟล์ร่างและฟิกม่า ไฟล์ทั้งสองมีสีที่ลงทะเบียนในรูปแบบ

อ่านต่อ “디자인 나침반 컬러”

จำลองอุปกรณ์ Facebook

คอลเลกชันของการจำลองและทรัพยากรการออกแบบฟรีสำหรับอุปกรณ์ต่างๆ ที่ Facebook จัดหาให้ ประกอบด้วยอุปกรณ์ เทมเพลต iOS ทรัพยากรการออกแบบเดสก์ท็อป ชุดเสียง และภาพถ่ายมือ และมีทรัพยากรในรูปแบบภาพร่าง โอริกามิ กรอบรูป PSD และวอลเปเปอร์

อ่านต่อ “페이스북 디바이스 목업”