Zara Zhang Frontend Slides
Zara Zhang สร้าง Frontend Slides คุณภาพสูง
คำอธิบาย
แนะนำโดย
淡苍
เหตุผลที่เราแนะนำทักษะนี้
ทักษะนี้สร้างงานนำเสนอ HTML ที่สวยงามและเต็มไปด้วยแอนิเมชันโดยไม่พึ่งพาใดๆ หลีกเลี่ยงผลงาน AI ที่ดูไม่เป็นธรรมชาติเพื่อการออกแบบที่โดดเด่นอย่างแท้จริง มั่นใจว่าแต่ละสไลด์พอดีกับวิวพอร์ทพอดี มอบประสบการณ์ที่เรียบหรูและเป็นมืออาชีพ
ทักษะนี้ถูกออกแบบมาเพื่อสร้างงานนำเสนอ HTML ที่ไม่มี dependencies เพิ่มเติมและมีแอนิเมชันมากมาย โดยงานนำเสนอเหล่านี้สามารถทำงานได้โดยตรงในเบราว์เซอร์โดยไม่จำเป็นต้องติดตั้งหรือกำหนดค่าเพิ่มเติมใดๆ เหมาะอย่างยิ่งสำหรับมืออาชีพที่ต้องการสร้างงานนำเสนอที่มีสไตล์ภาพที่เป็นเอกลักษณ์และแอนิเมชันที่ลื่นไหลอย่างรวดเร็ว เช่น นักการตลาด นักการศึกษา นักพัฒนา และทุกคนที่ต้องการถ่ายทอดข้อมูลผ่านเนื้อหาภาพที่น่าสนใจ จุดแข็งหลักของเครื่องมือนี้อยู่ที่กระบวนการออกแบบที่ปรับแต่งได้สูงและเน้นประสบการณ์ผู้ใช้ มันจะสร้างข้อเสนอการออกแบบอย่างชาญฉลาดโดยพิจารณาจากวัตถุประสงค์ ความยาว และเนื้อหาของงานนำเสนอที่ผู้ใช้เลือก รวมถึง 'vibe' ที่ผู้ใช้ต้องการ ผู้ใช้สามารถเลือกกระบวนการออกแบบแบบมีคำแนะนำ—โดยรับตัวอย่างสไตล์สามแบบจากการอธิบายความชอบทางอารมณ์—หรือสามารถเลือกสไตล์ที่ชอบโดยตรงจากรายการตั้งค่าล่วงหน้า ด้วยการใช้ประโยชน์จากการสร้างภาพด้วย AI ความสามารถในการค้นหาเว็บแบบเรียลไทม์ และการเข้าถึงฐานความรู้ส่วนตัวของผู้ใช้ ทักษะนี้ช่วยให้งานนำเสนอที่สร้างขึ้นมีความโดดเด่นทั้งทางภาพและเนื้อหาที่สมบูรณ์ ผลลัพธ์ที่ได้คือไฟล์ HTML แบบสแตนด์อโลนที่ประกอบด้วย CSS และ JavaScript ทั้งหมดที่จำเป็น รับประกันการแสดงผลที่ไร้รอยต่อบนเบราว์เซอร์สมัยใหม่ทุกตัว มันไม่เพียงแต่นำเสนอรูปแบบตัวอักษรและชุดสีที่สวยงาม แต่ยังรวมเอาบทแอนิเมชันที่ประดิษฐ์ขึ้นอย่างพิถีพิถัน ซึ่งออกแบบมาเพื่อมอบประสบการณ์การรับชมที่ดื่มด่ำแก่ผู้ชม
ทักษะที่เกี่ยวข้อง
ดูทั้งหมด
หน้าเว็บExplorable Explainer ตัวสร้างหน้า
รายงานแค่อธิบาย แต่หน้าเว็บให้ผู้คนค้นหาคำตอบด้วยตัวเอง YouMind สร้างหน้าเว็บได้อยู่แล้ว Explorable Explainer จะตัดสินใจว่าจะสร้างอะไร — มันเปลี่ยนงานวิจัย ชุดข้อมูล หรือหัวข้อหนึ่งให้เป็นหน้าเว็บแบบอินเทอร์แอกทีฟเดียวตามประเพณีของกราฟิกห้องข่าวและคำอธิบายแบบสำรวจได้: เรื่องราวที่ขับเคลื่อนด้วยการเลื่อน กราฟจริง ตัวควบคุมที่เลื่อนได้ แหล่งที่มาที่ตรวจสอบได้ มันวางแผนก่อนเขียนโค้ด คุณอนุมัติแผนการสร้างก่อน: คำถามเดียวที่หน้าจะตอบ การเปิดเผย — ช่วงเวลาที่ผู้อ่านควรรู้สึก 'อ้อ' — โครงสร้างการเลื่อนห้าถึงแปดส่วน การโต้ตอบสองถึงสี่อย่าง แต่ละอย่างมีเหตุผลว่าผู้อ่านเรียนรู้อะไรจากการเลื่อน และสัญญาข้อมูลที่ระบุทุกตัวเลขและที่มา จากนั้นมันสร้างไฟล์ HTML ไฟล์เดียวที่ครบถ้วน ไม่มีขั้นตอนการ build มาร์กอัปที่มีความหมาย ตัวเลขทั้งหมดอยู่ในค่าคงที่ DATA ตัวเดียวที่แก้ไขได้ที่ด้านบน การเปิดเผยแบบเลื่อนที่ไม่พังบนโทรศัพท์ ทุกตัวควบคุมเป็นองค์ประกอบฟอร์มจริงที่ใช้คีย์บอร์ดได้ พร้อมข้อความสดที่บอกค่าปัจจุบัน ความเข้าถึงได้ถูกสร้างไว้ในตัว มากกว่าจะต่อเติม: อัตราส่วน contrast 4.5:1 วงแหวนโฟกัสที่มองเห็นได้ alt text ทุกที่ ไม่มีความหมายที่สื่อด้วยสีเพียงอย่างเดียว เคารพการเคลื่อนไหวที่ลดลง รองรับตั้งแต่ 360px ก่อนส่งมอบ มันตรวจสอบตัวเองห้าจุดและรายงานผลอย่างตรงไปตรงมา: การเปิดเผยนั้นให้ผลจริงหรือไม่ หน้ายังอ่านได้เมื่อปิด JavaScript หรือไม่ ลำดับแท็บสมเหตุสมผลหรือไม่ ทุกตัวเลขติดตามได้หรือไม่ มีอะไรที่เคลื่อนไหวที่ผู้อ่านอยากหยุดหรือไม่ กฎสองข้อที่มันจะไม่ละเมิด: มันไม่เคยสร้างข้อมูลเพื่อทำให้กราฟดูดี และมันบอกคุณเมื่อตัวเลขของคุณขัดแย้งกับร่าง สำหรับนักวิจัย นักวิเคราะห์ นักข่าว นักการศึกษา ผู้ก่อตั้งสตาร์ทอัพอิสระ และที่ปรึกษาที่ต้องการให้งานของตนถูกสำรวจมากกว่าถูกอ่านผ่านๆ
หน้าเว็บเว็บสไตล์แสงนุ่มกลางวันลอยตัว
ระบบออกแบบเว็บสไตล์แสงนุ่มกลางวัน ประกอบด้วย แคนวาสสีฟ้าอ่อน (#ebf5ff), ตัวอักษรแสดงผลขนาดใหญ่พิเศษน้ำหนักฟอนต์คงที่ 500 (ปรับสูงสุด 148px), การ์ดมุมโค้ง 32px + องค์ประกอบทรงเม็ดยา 9999px, ปุ่ม CTA สี #181d27 (เกือบดำ) แบบทึบ, บล็อกสีพาสเทลและภาพประกอบ 3D สไตล์ดินเหนียวลอยตัว ความลึกของชิ้นงานเกิดจากการไล่เฉดสีจากแคนวาสไปสู่การ์ดเท่านั้น โดยการ์ดเนื้อหาไม่มีเงา เหมาะสำหรับความต้องการแบบ 'สไตล์แสงนุ่มกลางวัน' 'หน้าแลนดิงเพจพร้อมภาพประกอบ 3D' 'แคนวาสฟ้าอ่อน' 'สไตล์การ์ดมุมโค้ง' 'เว็บไซต์ SaaS' 'สไตล์ Linear/Framer' และอื่น ๆ พร้อมข้อจำกัดด้านการเข้าถึงและการออกแบบที่ตอบสนองตามหน้าจอ
หน้าเว็บFashion Creative Design แบบเพจ
ระบบออกแบบเว็บสไตล์โปสเตอร์เอดิทอเรียลแฟชั่น: พื้นผิวแคนวาสสีครีมอบอุ่น (#fffef7), หัวข้อขนาดใหญ่พิเศษน้ำหนัก 300 (64–84px), ภาพถ่ายแบบ Full Bleed, ไม่มีเงา, การ์ดมุมฉาก + ปุ่มทรงแคปซูลรัศมี 1440px เหมาะสำหรับความต้องการ เช่น “สไตล์แฟชั่นดีไซน์” “การจัดวางแบบนิตยสาร” “สไตล์โปสเตอร์” “เว็บอาร์ตบุ๊ก” “แฟ้มผลงานสตูดิโอ” “หน้าแกลเลอรี” และสามารถปรับเปลี่ยนเนื้อหาใด ๆ ให้เป็นหน้าเว็บในสไตล์เอดิทอเรียลแฟชั่นระดับสูงได้
Zara Zhang Frontend Slides
Zara Zhang สร้าง Frontend Slides คุณภาพสูง
คำอธิบาย
แนะนำโดย
淡苍
เหตุผลที่เราแนะนำทักษะนี้
ทักษะนี้สร้างงานนำเสนอ HTML ที่สวยงามและเต็มไปด้วยแอนิเมชันโดยไม่พึ่งพาใดๆ หลีกเลี่ยงผลงาน AI ที่ดูไม่เป็นธรรมชาติเพื่อการออกแบบที่โดดเด่นอย่างแท้จริง มั่นใจว่าแต่ละสไลด์พอดีกับวิวพอร์ทพอดี มอบประสบการณ์ที่เรียบหรูและเป็นมืออาชีพ
ทักษะนี้ถูกออกแบบมาเพื่อสร้างงานนำเสนอ HTML ที่ไม่มี dependencies เพิ่มเติมและมีแอนิเมชันมากมาย โดยงานนำเสนอเหล่านี้สามารถทำงานได้โดยตรงในเบราว์เซอร์โดยไม่จำเป็นต้องติดตั้งหรือกำหนดค่าเพิ่มเติมใดๆ เหมาะอย่างยิ่งสำหรับมืออาชีพที่ต้องการสร้างงานนำเสนอที่มีสไตล์ภาพที่เป็นเอกลักษณ์และแอนิเมชันที่ลื่นไหลอย่างรวดเร็ว เช่น นักการตลาด นักการศึกษา นักพัฒนา และทุกคนที่ต้องการถ่ายทอดข้อมูลผ่านเนื้อหาภาพที่น่าสนใจ จุดแข็งหลักของเครื่องมือนี้อยู่ที่กระบวนการออกแบบที่ปรับแต่งได้สูงและเน้นประสบการณ์ผู้ใช้ มันจะสร้างข้อเสนอการออกแบบอย่างชาญฉลาดโดยพิจารณาจากวัตถุประสงค์ ความยาว และเนื้อหาของงานนำเสนอที่ผู้ใช้เลือก รวมถึง 'vibe' ที่ผู้ใช้ต้องการ ผู้ใช้สามารถเลือกกระบวนการออกแบบแบบมีคำแนะนำ—โดยรับตัวอย่างสไตล์สามแบบจากการอธิบายความชอบทางอารมณ์—หรือสามารถเลือกสไตล์ที่ชอบโดยตรงจากรายการตั้งค่าล่วงหน้า ด้วยการใช้ประโยชน์จากการสร้างภาพด้วย AI ความสามารถในการค้นหาเว็บแบบเรียลไทม์ และการเข้าถึงฐานความรู้ส่วนตัวของผู้ใช้ ทักษะนี้ช่วยให้งานนำเสนอที่สร้างขึ้นมีความโดดเด่นทั้งทางภาพและเนื้อหาที่สมบูรณ์ ผลลัพธ์ที่ได้คือไฟล์ HTML แบบสแตนด์อโลนที่ประกอบด้วย CSS และ JavaScript ทั้งหมดที่จำเป็น รับประกันการแสดงผลที่ไร้รอยต่อบนเบราว์เซอร์สมัยใหม่ทุกตัว มันไม่เพียงแต่นำเสนอรูปแบบตัวอักษรและชุดสีที่สวยงาม แต่ยังรวมเอาบทแอนิเมชันที่ประดิษฐ์ขึ้นอย่างพิถีพิถัน ซึ่งออกแบบมาเพื่อมอบประสบการณ์การรับชมที่ดื่มด่ำแก่ผู้ชม
ทักษะที่เกี่ยวข้อง
ดูทั้งหมดหน้าเว็บExplorable Explainer ตัวสร้างหน้า
รายงานแค่อธิบาย แต่หน้าเว็บให้ผู้คนค้นหาคำตอบด้วยตัวเอง YouMind สร้างหน้าเว็บได้อยู่แล้ว Explorable Explainer จะตัดสินใจว่าจะสร้างอะไร — มันเปลี่ยนงานวิจัย ชุดข้อมูล หรือหัวข้อหนึ่งให้เป็นหน้าเว็บแบบอินเทอร์แอกทีฟเดียวตามประเพณีของกราฟิกห้องข่าวและคำอธิบายแบบสำรวจได้: เรื่องราวที่ขับเคลื่อนด้วยการเลื่อน กราฟจริง ตัวควบคุมที่เลื่อนได้ แหล่งที่มาที่ตรวจสอบได้ มันวางแผนก่อนเขียนโค้ด คุณอนุมัติแผนการสร้างก่อน: คำถามเดียวที่หน้าจะตอบ การเปิดเผย — ช่วงเวลาที่ผู้อ่านควรรู้สึก 'อ้อ' — โครงสร้างการเลื่อนห้าถึงแปดส่วน การโต้ตอบสองถึงสี่อย่าง แต่ละอย่างมีเหตุผลว่าผู้อ่านเรียนรู้อะไรจากการเลื่อน และสัญญาข้อมูลที่ระบุทุกตัวเลขและที่มา จากนั้นมันสร้างไฟล์ HTML ไฟล์เดียวที่ครบถ้วน ไม่มีขั้นตอนการ build มาร์กอัปที่มีความหมาย ตัวเลขทั้งหมดอยู่ในค่าคงที่ DATA ตัวเดียวที่แก้ไขได้ที่ด้านบน การเปิดเผยแบบเลื่อนที่ไม่พังบนโทรศัพท์ ทุกตัวควบคุมเป็นองค์ประกอบฟอร์มจริงที่ใช้คีย์บอร์ดได้ พร้อมข้อความสดที่บอกค่าปัจจุบัน ความเข้าถึงได้ถูกสร้างไว้ในตัว มากกว่าจะต่อเติม: อัตราส่วน contrast 4.5:1 วงแหวนโฟกัสที่มองเห็นได้ alt text ทุกที่ ไม่มีความหมายที่สื่อด้วยสีเพียงอย่างเดียว เคารพการเคลื่อนไหวที่ลดลง รองรับตั้งแต่ 360px ก่อนส่งมอบ มันตรวจสอบตัวเองห้าจุดและรายงานผลอย่างตรงไปตรงมา: การเปิดเผยนั้นให้ผลจริงหรือไม่ หน้ายังอ่านได้เมื่อปิด JavaScript หรือไม่ ลำดับแท็บสมเหตุสมผลหรือไม่ ทุกตัวเลขติดตามได้หรือไม่ มีอะไรที่เคลื่อนไหวที่ผู้อ่านอยากหยุดหรือไม่ กฎสองข้อที่มันจะไม่ละเมิด: มันไม่เคยสร้างข้อมูลเพื่อทำให้กราฟดูดี และมันบอกคุณเมื่อตัวเลขของคุณขัดแย้งกับร่าง สำหรับนักวิจัย นักวิเคราะห์ นักข่าว นักการศึกษา ผู้ก่อตั้งสตาร์ทอัพอิสระ และที่ปรึกษาที่ต้องการให้งานของตนถูกสำรวจมากกว่าถูกอ่านผ่านๆ
หน้าเว็บเว็บสไตล์แสงนุ่มกลางวันลอยตัว
ระบบออกแบบเว็บสไตล์แสงนุ่มกลางวัน ประกอบด้วย แคนวาสสีฟ้าอ่อน (#ebf5ff), ตัวอักษรแสดงผลขนาดใหญ่พิเศษน้ำหนักฟอนต์คงที่ 500 (ปรับสูงสุด 148px), การ์ดมุมโค้ง 32px + องค์ประกอบทรงเม็ดยา 9999px, ปุ่ม CTA สี #181d27 (เกือบดำ) แบบทึบ, บล็อกสีพาสเทลและภาพประกอบ 3D สไตล์ดินเหนียวลอยตัว ความลึกของชิ้นงานเกิดจากการไล่เฉดสีจากแคนวาสไปสู่การ์ดเท่านั้น โดยการ์ดเนื้อหาไม่มีเงา เหมาะสำหรับความต้องการแบบ 'สไตล์แสงนุ่มกลางวัน' 'หน้าแลนดิงเพจพร้อมภาพประกอบ 3D' 'แคนวาสฟ้าอ่อน' 'สไตล์การ์ดมุมโค้ง' 'เว็บไซต์ SaaS' 'สไตล์ Linear/Framer' และอื่น ๆ พร้อมข้อจำกัดด้านการเข้าถึงและการออกแบบที่ตอบสนองตามหน้าจอ
หน้าเว็บFashion Creative Design แบบเพจ
ระบบออกแบบเว็บสไตล์โปสเตอร์เอดิทอเรียลแฟชั่น: พื้นผิวแคนวาสสีครีมอบอุ่น (#fffef7), หัวข้อขนาดใหญ่พิเศษน้ำหนัก 300 (64–84px), ภาพถ่ายแบบ Full Bleed, ไม่มีเงา, การ์ดมุมฉาก + ปุ่มทรงแคปซูลรัศมี 1440px เหมาะสำหรับความต้องการ เช่น “สไตล์แฟชั่นดีไซน์” “การจัดวางแบบนิตยสาร” “สไตล์โปสเตอร์” “เว็บอาร์ตบุ๊ก” “แฟ้มผลงานสตูดิโอ” “หน้าแกลเลอรี” และสามารถปรับเปลี่ยนเนื้อหาใด ๆ ให้เป็นหน้าเว็บในสไตล์เอดิทอเรียลแฟชั่นระดับสูงได้
ค้นหาทักษะโปรดถัดไปของคุณ
สำรวจทักษะ AI ที่คัดสรรเพิ่มเติมสำหรับการวิจัย การสร้างสรรค์ และงานประจำวัน