อัปเดตครั้งใหญ่: รวมประสบการณ์ออกแบบ 10 ปี สู่ทักษะการทำ PPT

หลังจากที่ปล่อย guizang-ppt-skill (github.com/op7418/guizang-ppt-skill) แบบโอเพนซอร์สครั้งที่แล้ว ทุกคนชอบมาก ภายในไม่ก ในเวลาแค่ไม่กี่สัปดาห์ก็ทะลุ 6,000 GitHub Stars ไปได้ และยังถูกอ้างอิงและรวมอยู่ใน Claude Design โอเพนซอร์สที่ได้รับความนิยมมากอีกด้วย

ผมยังเห็นพรีเซนเทชั่นที่สร้างด้วย PPT Skill นี้ในหลายที่ ทั้งออนไลน์และออฟไลน์

หลังจากปล่อยออกมา คำถามที่ผมได้รับคำถามบ่อยที่สุดทางหลังบ้านคือ:

"มีสไตล์เพิ่มได้มั้ย?"

"ช่วยทำภาพประกอบให้ภาพประกอบด้วยได้มั้ย?"

"ต้องวาดหน้าปก PPT ใหม่สำหรับแพลตฟอร์มอื่นอีกหรือเปล่า?"

ผมจดบันทึกตอนที่ใช้เองและสะสมไว้สองสัปดาห์ ครั้งนี้ผมจะเติมเต็มช่องว่างทั้งหมดนี้ให้หายไปในทีเดียว

มีอะไรอัปเดตบ้าง

เพิ่มสไตล์ภาพใหม่เอี่ยม เชื่อมต่อความสามารถในการสร้างภาพประกอบเข้ากับ Codex โดยตรง และตอนนี้สามารถทำปกสำหรับแพลตฟอร์มอื่นๆ ที่ไม่ใช่ PPT ได้อย่างง่ายดาย

โดยเฉพาะสามอย่าง:

• เพิ่มสไตล์ B: Swiss Internationalism ใช้ฟอนต์ Sans-serif ทั้งหมด สีหลักอิ่มตัวสูงสีเดียว และเน้นกริดเป็นหลัก
• Codex ผสานกับ GPT-Image 2.0 สร้างภาพประกอบที่เข้ากับโทนได้โดยตรง รวมถึงภาพพอร์ตเทรตแบบฟิล์ม ผังงาน และภาพหน้าจอ UI ที่ปรับแต่งให้สวยขึ้น
• สร้างปกหลายแพลตฟอร์ม เนื้อหาเดียวกันสามารถใช้ทำปกสำหรับ Xiaohongshu, WeChat Official Accounts, Video Accounts และอื่นๆ

วิธีเรียกใช้สไตล์ใหม่

หลังจากติดตั้งแล้ว ให้บอก Claude หรือ Codex ว่า: "ช่วยทำ PPT สไตล์สวิสให้หน่อย"

ถ้าติดตั้งไว้แล้ว ก็บอก AI ของคุณได้ว่า: "ช่วยอัปเดต guizang-ppt-skill ให้หน่อย"

มันจะถามกลับว่า: International Klein Blue (IKB), Lemon Yellow, Lemon Green หรือ Safety Orange—คุณเลือกธีมธีมไหน?

• International Klein Blue (IKB): ใช้งานทั่วไป เปิดตัวธุรกิจ สินค้า AI; แนะนำเป็นค่าเริ่มต้น
• Lemon Yellow: วัยรุ่น กีฬา ค้าปลีก Y2K ย้อนยุค
• Lemon Green: นิเวศวิทยา ความยั่งยืน แบรนด์ Gen Z -เจน Z
• Safety Orange: คำเตือน ข่าวสาร ธีมพลังสูง

เหมือนเดิม ไม่รับรหัสสีแบบกำหนดเอง

ผมเขียนกฎนี้ลงในข้อจำกัดแบบตายตัวของ SKILL.md โดยเฉพาะ อธิบายเหตุผลไปแล้วในบทความก่อนหน้านี้ จะไม่ขอกล่าวซ้ำ

เลย์เอาต์ที่ใช้บ่อยที่สุด

สไตล์สวิสมีเลย์เอาต์แบบมีชื่อ 22 แบบพร้อมใช้งาน 22 แบบ ครอบคลุมปก บท ข้อมูล การเปรียบเทียบ และบทสรุป

นี่คือหกแบบที่จำได้มากที่สุด:

ปก. ครึ่งซ้ายใช้พื้นหลัง IKB พร้อมข้อความสีขาวขนาดยักษ์หนึ่งบรรทัด ครึ่งขวาเป็นพื้นที่ว่างพร้อมข้อมูลเมตา เกือบจะต้องใช้เป็นหน้าแรก

คำแถลง. หนึ่งประโยคกินพื้นที่ 9.6vw; ทั้งหน้ามีแค่ประโยคนั้นกับข้อความท้ายบรรทัดเล็กๆ เหมาะสำหรับเริ่มบทหรือโยนข้อโต้แย้งหลัก

KPI Tower. เสาสีทึบสี่เสา ความสูงกำหนดโดยข้อมูล ตามด้วยแถวหมวดหมู่ การเปรียบเทียบตัวเลขแนวตั้ง เช่น การแบ่งชั้นอัตรากำไร ระดับราคา ช่องทางแปลง สามารถเข้าใจได้ในพริบตา

แผนภาพวนซ้ำ. ขั้นตอนที่มีหมายเลขกระจายบนวงแหวนศูนย์กลาง ปิดเป็นวงกลม เหมาะสำหรับอธิบายวงจรการเรียนรู้ด้วยตนเอง วงจร Agent อัตโนมัติ และวงจรข้อเสนอแนะของผลิตภัณฑ์

เปรียบเทียบคู่. เส้นกึ่งกลางบางๆ พร้อมข้อความและข้อมูลคนละด้าน ใช้สำหรับระบบเก่า vs โซลูชันใหม่ แบบดั้งเดิม vs AI หรือ ก่อน vs After

คำประกาศปิดท้าย. ครึ่งซ้ายเป็นคำประกาศ IKB สีขาวบนฟ้า ครึ่งขวามีสามข้อสรุปเพื่อปิดงาน แนะนำให้ใช้เป็นหน้าสุดท้ายของชุดเพื่อสร้างลูปสีกับปก

อื่นๆ รวมถึงไทมเวลาแนวนอน การเผชิญสามกองกำลัง ลำดับชั้นแผนภาพระบบ การสนับสนุนข้อโต้แย้ง Why Now ข้อกำหนดผลิตภัณฑ์ Tech Spec กรณีศึกษาพร้อม KPI และอื่นๆ

แต่ละแบบสอดคล้องกับรูปแบบเนื้อหาทั่วไป เมื่อคุณพูด "ฉันอยากทำอันดับอุตสาหกรรม" หรือ "ฉันอยากทำการเปรียบเทียบผลิตภัณฑ์" AI จะเลือกแบบที่เหมาะสมที่สุดจาก 22 แบบนี้ คุณไม่ต้องจำชื่อ

หลังจากเลือกธีมแล้ว ขั้นตอนที่เหลือเหมือนกับเวอร์ชันก่อนหน้า: คำถามเพื่อความชัดเจน 6 ข้อ จากนั้นโครงร่างและตารางจังหวะ และสุดท้ายคือโค้ดหลังจากตกลงกัน

ให้ GPT-Image 2.0 ช่วยคุณเรื่องภาพ

ถ้าคุณใช้ในสภาพแวดล้อม Codex หลังจากเขียน PPT เสร็จ มันจะถามอย่างกระตือรือร้น: "คุณต้องการสร้างภาพประกอบสำหรับ PPT นี้ไหม?"

ถ้าต้องการ มันจะสร้างภาพประกอบประเภทที่เหมาะสมตามสอดคล้องตามสไตล์และเนื้อหาที่เลือกโดยอัตโนมัติ:

ภาพถ่ายสารคดีแบบมนุษยนิยม (เนื้อฟิล์ม) อินโฟกราฟิก (กระบวนการ การเปรียบเทียบเทียบ ความสัมพันธ์ของระบบ) การออกแบบภาพหน้าจอใหม่ (ทำภาพต้นฉบับของคุณตามสัดส่วน PPT) โปสเตอร์ข้อมูล ผังงาน และแผนภาพความสัมพันธ์ของระบบ

ภาพที่สร้างจะปรับให้เข้ากับสไตล์และสีธีมของชุดปัจจุบันของคุณโดยอัตโนมัติ

รายละเอียด:

• สำหรับสไตล์ Digital Magazine อินโฟกราฟิกจะใช้โทน e-ink: ขาว ดำ เทาเป็นหลัก เทา มีสีเน้นอิ่มตัวต่ำเล็กน้อย เส้นบาง ตาราง และพื้นที่ว่างที่จำกัด
• สำหรับสไตล์สวิส อินโฟกราฟิกจะใช้โทน Swiss modernism: ป้ายสั้นแบบ Sans-serif รู้สึกเหมือน Helvetica/Inter ตาราง 12/16 คอลัมน์ และมุมฉาก
• ถ้าคุณเลือก IKB Blue ภาพที่สร้างจะใช้ IKB Blue เป็นสีหลักเพียงสีเดียว เช่นเดียวกับถ้าคุณเลือก Lemon Yellow, Lemon Green หรือ Safety Orange
• ภาษาของข้อความตามชุด; ชุดภาษาไทยใช้ป้ายภาษาไทย ชุดภาษาอังกฤษใช้ป้ายภาษาอังกฤษ
• ภาพที่สร้างไม่มีกรอบ PPT; จะไม่มีส่วนหัว ส่วนท้าย หมายเลขหน้า ลายเซ็น หรือขอบตกแต่ง

รายละเอียดนี้ช่วยให้คุณไม่ต้องกังวลเกี่ยวกับความสอดคล้องทางภาพของทั้งชุด

คุณจะไม่เจอปัญหาที่ PPT เป็น IKB Blue แต่ภาพประกอบเป็นสีเขียว และคุณไม่ต้องปรับพร็อมต์สำหรับ GPT-Image ขณะเขียน PPT

ความคลาดเคลื่อนทางภาพข้ามเครื่องมือเป็นต้นทุนแฝงที่ผมต่อสู้มากที่สุดในการใช้ AI สร้างเนื้อหาในช่วงสองปีที่ผ่านมา การแก้ปัญหาที่ชั้น Skill หมายถึงผู้ใช้ไม่ต้องกังวลอีกหนึ่งเรื่อง

ให้มันช่วยคุณทำปกแพลตฟอร์ม

หลังจาก PPT เสร็จ คุณต้องจัดการสามรูปแบบก่อนโพสต์: หัว WeChat Official Account 21:9, ภาพแนวตั้ง Xiaohongshu 3:4 และปกแนวนอน Video Account

แค่พูดว่า: "จากประเด็นหลักของ PPT นี้ ให้ปก Xiaohongshu 3:4 หน่อย" หรือ "ให้หัว WeChat 21:9 หน่อย" AI จะสร้างภาพตามกฎภาพของ Skill (สีธีมเดียวกัน ฟอนต์เดียวกัน กฎจุดโฟกัสเดียว)

การทำเป็นชุดก็ได้ สำหรับกลไกแถบเลื่อนของ Xiaohongshu คุณสามารถขอให้มัน "ผลิต 6 ภาพแบบชุด สไตล์เดียวกัน ขนาดฟอนต์สม่ำเสมอ เลย์เอาต์ต่างกัน" ได้ในครั้งเดียว

WeChat พิเศษ; หัวเป็น 21:9 แต่การ์ดแชร์ใช้ภาพสี่เหลี่ยมจัตุรัส 1:1 และทั้งสองต้องมีความต่อเนื่องทางภาพ

วิธีทำคือสร้างสองครั้งแต่ใช้สีและข้อความชุดเดียวกัน:

• ครั้งแรกหัวหลัก 21:9 มีชื่อหลักทางซ้ายและจุดยึดภาพทางขวา
• ครั้งที่สองภาพสี่เหลี่ยมจัตุรัส 1:1 เป็นส่วนขยายภาพของการ์ดแชร์ โดยมีองค์ประกอบหลักสะท้อนหัว

สองเลย์เอาต์ที่ผมใช้บ่อยสองแบบ: พื้นหลังทึบ + ข้อความยักษ์ + วันที่มุม หรือเลย์เอาต์แยกภาพซ้ายข้อความขวา

ไอเดียเจ๋งๆ ที่ควรแชร์

ไอเดีย 1: ใช้เนื้อฟิล์มสู้กับ "ความรู้สึก AI"

เมื่อเขียนแชร์เกี่ยวกับ "คนคนเดียวทำผลิตภัณฑ์" คุณต้องภาพที่สื่ออารณ์ "ทำงานคนเดียว" เมื่อก่อนคุณใช้เวลาครึ่งชั่วโมงบน Unsplash หรือใช้ภาพสต็อกที่ดูชัดเจน ตอนนี้แค่พูดว่า: "สร้างภาพสารคดี 16:10 ของคนที่นั่งอยู่หน้าจอในสตูดึกในสตูดิโอตอนดึก แสงธรรมชาติ สีอิ่มตัวต่ำ เกรนฟิล์มเล็กน้อย เนื้อฟูจิ"

ภาพที่ได้มีความอบอุ่นของมนุษย์ที่ถูกควบคุมและไม่ดูพลาสติก ผมเขียนการตัดสินนี้ลงใน references/image-prompts.md เนื้อฟิล์มคือคุณค่าที่ยิ่งใหญ่ที่สุดของ GPT-Image 2.0 สำหรับภาพประกอบ PPT; มันลบป้าย "สร้างโดย AI" ออกจากภาพ

ไอเดีย 2: ทำภาพหน้าจอที่มีสัดส่วนแปลกใหม่

ผู้สร้างหลายครีเอเตอร์มีภาพหน้าจอดิบ: UI ผลิตภัณฑ์ หน้าแบ็กเอนด์ แดชบอร์ดข้อมูล ล้วนมีสัดส่วนต่างกันและพื้นที่ว่างไม่สม่ำกัน ใส่ใน PPT ทำให้ภาพเสียการไหลของภาพ ตอนนี้แค่ส่งภาพต้นฉบับให้ Codex: "ทำใหม่เป็น 16:10 เก็บองค์ประกอบ UI ทั้งหมด เพิ่มสภาพแวดล้อมการทำงานจริงบางส่วน ความหนาแน่นปานกลาง"

มันจะสร้างภาพที่ได้มาตรฐาน PPT ใหม่ โดยมีข้อมูลสำคัญทั้งหมดครบถ้วนและสัดส่วนกับพื้นที่ว่างที่สมบูรณ์แบบ มีประโยชน์มากสำหรับเนื้อหารีวิวผลิตภัณฑ์

ไอเดีย 3: "ห่อ" ภาพ AI ด้วยเทมเพลต PPT

นี่เป็นวิธีใช้ที่ผมทดสอบเอง ถ้าส่งภาพ GPT-Image 2.0 ออกไปเดี่ยวๆ เครื่องมือตรวจจับ AI มักจะจับได้ ซึ่งอาจส่งผลต่อน้ำหนักการแนะนำบนโซเชียลมีเดีย แต่ถ้าคุณใส่ภาพนั้นลงในเทมเพลต PPT แล้วถ่ายภาพหน้าจอทั้งหมด ผลลัพ ผลลัพธ์จะแตกต่างอย่างสิ้นเชิง วิธีนี้ประกอบวัสดุที่สร้างโดย AI เป็นงานที่สมบูรณ์ เพิ่มร่องรอยมนุษย์ ยังคงเป็นการแสดงออกตามข้อเท็จจริงของโครงร่างของคุณ ไม่ใช่เรื่องแต่ง แค่หลีกเลี่ยงการถูกระบุผิดโดยอัลกอริทึม

ทำไมมันถึงดูดี

สุดท้าย มาพูดถึงปรัชญาการออกแบบกัน กฎภาพของสไตล์สวิสนี้มาจากไหน?

ผมให้จุดยึดภาพเช่น Massimo Vignelli และ Helvetica Forever—ประเพณีของ Swiss Internationalism จากระบบรถไฟใต้ดินนิวยอร์ก Unimark และ Müller-Brockmann

ถ้าคุณเคยเปิดหนังสือ Helvetica Forever หรือเห็นป้ายระบบปี 1970 ที่ Vignelli ทำให้นิวยอร์ก คุณจะจำภาษาได้ เปรียบเทียบสองสไตล์ ความแตกต่างชัดเจนทันที:

พูดง่ายๆ: สไตล์ A สำหรับเล่าเรื่อง; สไตล์ B สำหรับบอกข้อเท็จจริง

7 หลักการออกแบบ

กฎภาพของสไตล์สวิสมีแค่เจ็ดข้อ แต่ละข้อเป็นมาตรฐานอุตสาหกรรมจากร้อยปีที่แล้ว ผมแค่เขียนลงใน Skill ให้ AI ปฏิบัติตาม

1. สีหลักเดียว. อนุญาตให้มีสีเน้นเพียงสีเดียวในชุด ถ้าเป็นสีฟ้า ก็แค่สีฟ้า ไม่มีสีฟ้าเหลืองผสม นี่คือจิตวิญญาณของสไตล์สวิส "น้อยแต่มาก" ไม่ใช่แค่สโลแกน; ต้องเขียนเป็นกฎตายตัวในโค้ด

2. ความแตกต่างขนาดฟอนต์สุดขั้ว. อัตราส่วนของชื่อหลักต่อเนื้อหาอย่างน้อย 8:1 คำประกาศยักษ์บนปกใช้ min(11.6vw, 19vh) ในขณะที่เนื้อหาใช้ 1.1vw ความตึงเครียดทางภาพถูกดึงออกมาด้วยความแตกต่างนี้ ไม่ใช่ด้วยการตกแต่ง

3. ยิ่งข้อความใหญ่เท็กซ์ใหญ่ยิ่งบาง ชื่อหลักใช้ font-weight 200 (ExtraLight) ไม่ใช่ 700, 800 หรือ 900 เท็กซ์ใหญ่สวิสเหมือนสเกลบนพิมพ์เขียวสถาปัตยกรรม; ควรมองเห็นแต่ไม่ดัง

4. มุมฉากและสีทึบ border-radius, box-shadow และ linear-gradient ถูกตัดทิ้งทั้งหมด บล็อกสีทั้งหมดเป็นมุมฉาก และขอบทั้งหมดเป็นเส้นผม 1px ดูแข็ง แต่ "ความรู้สึกแอปผู้บริโภค" หรือ "เทมเพลต SaaS" ที่คุณเห็นทั่วไปมาจากการใช้สามแอตทริบิวต์นี้มากเกินไป

5. ตารางสูงสุด ตาราง 16 คอลัมน์ ช่องว่าง 16px องค์ประกอบทั้งหมดยึดตาราง ใช้การชิดซ้ายและพื้นที่ว่างขนาดใหญ่เพื่อความสวยงามแบบไม่สมมาตร ไม่มีการจัดกึ่งกลาง ไม่มีการกระจายเท่าๆ กัน

6. ไม่มีพื้นหลัง WebGL สไตล์ A ใช้ของเหลว WebGL เพื่อความรู้สึกหายใจ; สไตล์สวิสตัดสิ่งนี้ออกโดยเจตนา พื้นหลังคือสีขาวบริสุทธิ์; พื้นหลังแบบไดนามิกใดๆ คือสิ่งรบกวน

ความคิดปิดท้าย

แกนหลักของการอัปเดตนี้ตอบคำถามหนึ่งข้อ: ห่วงโซ่ความร่วมมือมนุษย์-AI ในการสร้างเนื้อหายาวแค่ไหน?

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

ทำไม Master Guizang's PPT Skill ยังคงได้รับการใช้งานและความสนใจและการใช้งานมากและความสนใจมากมาย ในเมื่อมี PPT Skill มากมายในตลาด?

AI ทำได้แค่ 70% ของงาน ทุกเลย์เอาต์ในสองเทมเพลตนี้สำเร็จได้ด้วยการปรับแต่งด้วยมือของผมบน AI กล่าวอีกนัยหนึ่ง ผมออกแบบโดยใช้ภาษาธรรมชาติ แม้ในยุค AI เนื้อหาคะแนน 90 ก็ยังมีค่า

Skill ได้อัปเดตบน GitHub: github.com/op7418/guizang-ppt-skill

วิธีอัปเดตเหมือนครั้งที่แล้ว README มี "พรอมต์การติดตั้งสำหรับ AI" คัดลอกและวางไปยัง Claude Code, Codex หรือ AI Agent ใดๆ ที่มีสิทธิ์เชลล์ มันจะดึงเวอร์ชันล่าสุดโดยอัตโนมัติ เมื่อติดตั้งแล้ว พูดว่า "ช่วยทำ PPT สไตล์สวิส" จะเรียกใช้สไตล์ใหม่