7. How to Create a Login Screen in Adobe XD!
สารบัญ:
- วิธีการ Batch แปลงภาพถ่ายด้วย Adobe Bridge
- วิธีดาวน์โหลดชุด UI ใน Adobe XD
- วิธีใช้ชุดคิท UI ใน Adobe XD
- #graphic design
- ออกแบบของคุณให้สมบูรณ์แบบด้วยชุดคิท UI
สำหรับผู้ที่สนใจในการออกแบบเว็บชุดเครื่องมือ UI ใน Adobe XD เป็นวิธีที่ยอดเยี่ยมในการเริ่มโครงการออกแบบใหม่ ด้วยชุดอุปกรณ์เหล่านี้คุณจะสามารถเข้าถึงทรัพยากรที่มีประโยชน์บางอย่างที่คุณสามารถปรับเปลี่ยนและใช้สำหรับการออกแบบเว็บไซต์หรือแอพของคุณ
หากคุณยังใหม่กับซอฟต์แวร์และไม่แน่ใจว่าจะใช้ชุดคิท UI ใน Adobe XD ได้อย่างไรคุณมาถูกที่แล้ว ฉันจะแสดงให้คุณเห็นว่าคุณสามารถติดตั้งชุดคิท UI ในซอฟต์แวร์ได้อย่างไรจากนั้นใช้ทรัพยากรที่รวมอยู่ในโครงการของคุณ
ยังแนะนำแนวทาง
วิธีการ Batch แปลงภาพถ่ายด้วย Adobe Bridge
วิธีดาวน์โหลดชุด UI ใน Adobe XD
ก่อนอื่นมาดูกันว่าคุณสามารถดาวน์โหลดชุดคิท UI ใน Adobe XD ได้อย่างไรจากภายในซอฟต์แวร์ เพียงทำตามขั้นตอนเหล่านี้เพื่อเริ่มต้น:
ขั้นตอนที่ 1: คลิกที่ปุ่มเมนูแฮมเบอร์เกอร์ที่มุมบนซ้ายของซอฟต์แวร์
ขั้นตอนที่ 2: ในเมนูเลื่อนลงไปที่ตัวเลือกรับชุด UI แล้วคลิกตัวเลือกที่มีอยู่สามตัวเลือก
สำหรับบทความนี้ฉันจะเลือกชุด UI วัสดุของ Google อย่างไรก็ตามขึ้นอยู่กับโครงการของคุณคุณสามารถเลือกชุด Apple iOS หรือชุด Microsoft Windows ซึ่งจะเปิดหน้าเว็บอย่างเป็นทางการซึ่งคุณสามารถดาวน์โหลดชุดคิท UI ได้ฟรี
ขั้นตอนที่ 3: ค้นหาชุด Adobe XD UI ในหน้าเว็บต่อไปนี้และดาวน์โหลดบนระบบของคุณ
ขั้นตอนที่ 4: ตอนนี้เปิดไฟล์ที่ดาวน์โหลดใน Adobe XD แล้วคุณจะได้รับการต้อนรับด้วยอาร์ตบอร์ดมากมายที่มีทรัพยากร UI สำหรับแพลตฟอร์มที่เกี่ยวข้อง
คุณสามารถกดปุ่ม Ctrl ค้างไว้และเลื่อนล้อเลื่อนเพื่อซูมเข้า / ออกเพื่อดูกระดานศิลปะทั้งหมด
หากคุณต้องการดาวน์โหลด Wireframes แทนคุณสามารถคลิกที่ตัวเลือก Wireframes ในเมนูรับชุด UI
คุณยังสามารถค้นหาชุดคิท UI เพิ่มเติมได้จากเว็บไซต์ของ Adobe โดยคลิกที่ตัวเลือกชุดเครื่องมือ UI เพิ่มเติมในเมนูรับชุดชุด UI
เว็บไซต์มีตัวเลือกที่ยอดเยี่ยมให้เลือกรวมถึงชุด Magic Magic UI สุดเจ๋งที่ดูเหมือนจอแสดงผลแบบหัวขึ้น
ตอนนี้คุณรู้วิธีการดาวน์โหลดชุดคิท UI แล้วมาดูกันว่าคุณสามารถใช้ชุดคิทเหล่านี้ในโครงการของคุณได้อย่างไร
วิธีใช้ชุดคิท UI ใน Adobe XD
ในการใช้ชุดคิท UI ในโครงการของคุณเพียงทำตามขั้นตอนง่าย ๆ เหล่านี้:
ขั้นตอนที่ 1: ซูมเข้าองค์ประกอบ UI ที่คุณต้องการใช้ในโครงการของคุณและคลิกที่ชื่อเพื่อเลือก
ขั้นตอนที่ 2: ตอนนี้คัดลอกองค์ประกอบโดยใช้ทางลัด Ctrl + C
ขั้นตอนที่ 3: จากนั้นเปิดโครงการ Adobe XD ใหม่จากเมนู
ขั้นตอนที่ 4: ที่ นี่วางองค์ประกอบ UI โดยใช้ทางลัด Ctrl + V
สำหรับบทความนี้ฉันจะใช้องค์ประกอบ Mobile Dark จากชุด Google Material UI องค์ประกอบมีคำแนะนำเพื่อช่วยให้คุณวางเลเยอร์ได้มากขึ้น แต่ถ้าคุณไม่ต้องการใช้คุณสามารถลบออกได้อย่างง่ายดายโดยทำตามขั้นตอนต่อไป
ขั้นตอนที่ 5: หากต้องการลบคำแนะนำให้คลิกที่ไอคอนรูปกุญแจที่มุมบนซ้ายแล้วกดลบ คุณสามารถข้ามขั้นตอนนี้หากคุณต้องการใช้คำแนะนำเพื่อวางวัตถุเพิ่มเติมลงในองค์ประกอบอย่างถูกต้อง
ขั้นตอนที่ 6: ตอนนี้กลับไปที่ชุด UI เพื่อเลือกองค์ประกอบอื่นที่จะเพิ่มในหน้านี้ อีกครั้งคลิกที่ชื่อขององค์ประกอบและคัดลอกโดยใช้ทางลัด Ctrl + C
ฉันจะสร้างขนมปังพื้นฐานสำหรับบทความนี้ซึ่งฉันจะใช้หนึ่งในกล่องโต้ตอบ
ขั้นตอนที่ 7: วางองค์ประกอบใหม่ในองค์ประกอบก่อนหน้าแล้วจัดเรียงตามคำแนะนำ
ขั้นตอนที่ 8: ตอนนี้เพื่อแก้ไของค์ประกอบในขนมปังปิ้งดับเบิลคลิกที่กล่องข้อความแล้วป้อนข้อความที่คุณต้องการใช้ อันดับแรกให้เปลี่ยนชื่อของขนมปัง
จากนั้นเปลี่ยนเนื้อหาของร่างกายโดยดับเบิลคลิกที่กล่องข้อความและพิมพ์สิ่งที่คุณต้องการเพิ่ม
คุณยังสามารถเปลี่ยนข้อความของปุ่มในลักษณะเดียวกัน เมื่อแก้ไขข้อความเสร็จแล้วคุณสามารถเปลี่ยนสีและความทึบของข้อความได้ หากต้องการเปลี่ยนความทึบเพียงเลื่อนตัวเลื่อนใต้ตัวเลือกความทึบในแถบเครื่องมือไปทางขวา
หากต้องการเปลี่ยนสีของข้อความให้คลิกที่สี่เหลี่ยมผืนผ้าถัดจากตัวเลือกการเติมแล้วเลือกสีใหม่จากเครื่องมือเลือกสี
และไม่ใช่แค่ข้อความที่คุณสามารถแก้ไขได้ในลักษณะนี้ นอกจากนี้คุณยังสามารถเปลี่ยนสีและความทึบของเกือบทุกรายการในกล่องโต้ตอบได้ซึ่งเป็นสิ่งที่ดีมากหากคุณต้องการโทนสีที่ไม่เหมือนใคร
เมื่อคุณพอใจกับผลลัพธ์แล้วให้ดำเนินการต่อและบันทึกไฟล์ของคุณโดยคลิกที่ตัวเลือกบันทึกเป็นในเมนูหรือโดยใช้ทางลัด Shift + Ctrl + S
ยังแนะนำแนวทาง
#graphic design
คลิกที่นี่เพื่อดูหน้าบทความการออกแบบกราฟิกของเราออกแบบของคุณให้สมบูรณ์แบบด้วยชุดคิท UI
ตอนนี้คุณรู้วิธีการดาวน์โหลดและใช้ชุดคิท UI ใน Adobe XD ฉันแน่ใจว่าคุณจะเริ่มออกแบบที่น่าทึ่งในเวลาไม่นาน ชุด UI เหล่านี้มีประโยชน์อย่างแน่นอนและช่วยให้คุณตรงไปที่โครงการของคุณโดยไม่ต้องกังวลกับการออกแบบองค์ประกอบ UI แต่ละรายการ
ถัดไป: ดำเนินการโครงการใน Adobe XD ให้เสร็จสมบูรณ์และไม่ทราบว่าจะส่งออกเป็น HTML ได้อย่างไร ตรวจสอบบทความถัดไปสำหรับบทช่วยสอนแบบทีละขั้นตอน
ใครต้องการฮาร์ดไดรฟ์ขนาดใหญ่เมื่อวิดีโอของทุกคนจะออนไลน์อยู่? บริการเว็บใหม่แบบใหม่ ๆ เช่นบริการที่ Adobe นำเสนอและเชื่อมโยงจากตัวแก้ไขวิดีโอ Premiere Elements 7 ใหม่อาจทำให้ผู้ใช้สามารถโหลดทุกอย่างที่มีอยู่บนเว็บได้ แต่ Adobe จะต้องมีพื้นที่มากขึ้นสำหรับเงินน้อยลงและช่วยปรับปรุงบูรณาการของเอดิเตอร์กับบริการออนไลน์เพื่อดึงดูดผู้ใช้วิดีโอที่หนักหน่วง
คุณไม่จำเป็นต้องซื้อโปรแกรมเดสก์ท็อป Premiere Elements จำนวน 100 เหรียญเพื่อรับฟรี บัญชี Photoshop.com ซึ่งมีความจุ 2GB และ URL ส่วนบุคคลเช่น
Adobe ยอมรับการป้องกันรหัสผ่านรูปแบบใหม่ของ Adobe PDF
Adobe มีการเปลี่ยนแปลงขั้นตอนสำคัญในขั้นตอนวิธีที่ใช้เพื่อป้องกันด้วยรหัสผ่าน Acrobat 9 เอกสารที่ได้ทำไว้ บริษัท Adobe ได้ทำการเปลี่ยนแปลงที่สำคัญของอัลกอริทึมที่ใช้ในการป้องกันเอกสาร PDF ในรูปแบบรหัสผ่านใน Acrobat 9 ทำให้ง่ายต่อการกู้คืนรหัสผ่านและเพิ่มความกังวลเรื่องความปลอดภัยของเอกสารตามที่ บริษัท รักษาความปลอดภัยของรัสเซีย Elcomsoft กล่าว
Alternative Flash Player Auto-Updater เป็นโปรแกรมฟรีแวร์ที่จะดาวน์โหลดและติดตั้ง Flash Player รุ่นล่าสุดโดยไม่ต้องดาวน์โหลด ผู้จัดการการดาวน์โหลด Adobe Adobe ได้ตั้งค่าตัวอัพเดตพื้นหลังใหม่เพื่อตรวจสอบการอัปเดตทุกๆหนึ่งชั่วโมงจนกระทั่งได้รับการตอบรับจาก Adobe หากการตอบสนองระบุว่าไม่มีการอัปเดตใหม่ระบบจะรอ 24 ชั่วโมงก่อนจะตรวจสอบอีกครั้ง Flash Player Auto-Updater จะตรวจพบเวอร์ชั่นที่ติดตั้งให้ตรวจสอบออนไลน์ที่เว็บไซต์ Adobe สำหรับเวอร์ชันล่าสุดที่มีอยู่ได้ทุกๆ 2 ชั่วโมงจากนั้นจะเสนอให้ติดตั้งเวอร
ตัวเลือก Flash Player Auto Updater