ออกแบบเทมเพลตสตอรี่และโพสต์ที่คนอ่านได้

ทำไมเทมเพลตจึงคุ้มกับเวลาที่ใช้

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

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

เทมเพลตสตอรี่กับเทมเพลตโพสต์เป็นคนละงาน

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

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

พื้นที่ปลอดภัยบนสตอรี่ 1080 × 1920

Instagram วาดส่วนติดต่อผู้ใช้ของตัวเองทับทุกสตอรี่ ได้แก่ แถบความคืบหน้า รูปโปรไฟล์และชื่อของคุณด้านบน และช่องตอบกลับด้านล่าง ข้อความที่วางตรงนั้นจะถูกบังบางส่วน Instagram ไม่เผยแพร่ระยะขอบปลอดภัยสำหรับสตอรี่แบบออร์แกนิก แต่ Meta มีสำหรับโฆษณาสตอรี่ คือเว้นประมาณ 14% ด้านบน 35% ด้านล่าง และ 6% ด้านข้างทั้งสองข้าง ไว้โดยไม่มีข้อความ โลโก้ และองค์ประกอบสำคัญอื่นๆ (คู่มือโฆษณาของ Meta (เปิดในแท็บใหม่) ตรวจสอบเมื่อพฤศจิกายน 2026)

บนสตอรี่ 1080 × 1920 คิดเป็นประมาณ 269 พิกเซลด้านบน 672 พิกเซลด้านล่าง และ 65 พิกเซลด้านข้าง เหลือกล่องปลอดภัยกว้างตั้งแต่ 65 ถึง 1,015 พิกเซล และสูงตั้งแต่ 269 ถึง 1,248 พิกเซล โฆษณาต้องมีระยะขอบล่างกว้างเพราะปุ่มคำกระตุ้นให้ทำ สตอรี่แบบออร์แกนิกมีของบนหน้าจอน้อยกว่า เทมเพลตสตอรี่ของเราเองจึงใช้กฎที่หลวมกว่า คือข้อความสำคัญอยู่ระหว่าง 250 ถึง 1,600 พิกเซลจากด้านบน ซึ่งเว้นด้านล่าง 320 พิกเซลไว้ให้ช่องตอบกลับ

• สำหรับสตอรี่แบบออร์แกนิก เก็บหัวข้อและข้อความสำคัญไว้ระหว่างประมาณ 250 ถึง 1,600 พิกเซลจากด้านบน และห่างจากด้านข้างอย่างน้อย 65 พิกเซล
• สำหรับโฆษณาสตอรี่ ใช้กล่องที่เข้มงวดกว่าของ Meta คือ 269 ถึง 1,248 พิกเซลจากด้านบน
• ไม่ว่าแบบไหน รูปพื้นหลังและสีเติมได้เต็มเฟรม เฉพาะข้อความ โลโก้ และใบหน้าที่ต้องอยู่ข้างใน

ข้อความที่อ่านได้ในไม่กี่วินาที

ปัญหาของเทมเพลตส่วนใหญ่เป็นปัญหาของข้อความ มีสามอย่างที่ตัดสินว่าสตอรี่จะถูกอ่านหรือถูกข้าม คือมีข้อความมากแค่ไหน ใหญ่แค่ไหน และเด่นจากพื้นหลังได้ดีแค่ไหน

มากแค่ไหน

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

ใหญ่แค่ไหน

สตอรี่กว้าง 1080 พิกเซลถูกย่อให้เท่าความกว้างของโทรศัพท์ บนโทรศัพท์ที่กว้างประมาณ 390 พอยต์ ทุกอย่างปรากฏที่ราวหนึ่งในสามของขนาดพิกเซล หลักคร่าวๆ ของเราจากการคำนวณนี้ คือข้อความเนื้อหาสูงอย่างน้อย 44 พิกเซลบนผืนผ้าใบ ซึ่งออกมาประมาณ 16 พอยต์บนหน้าจอ ขนาดเดียวกับข้อความทั่วไปในแอป และหัวข้อ 90 พิกเซลขึ้นไป ฟอนต์เส้นบางมากต้องใหญ่กว่านั้นอีก

ชัดแค่ไหน

มาตรฐานการเข้าถึงเว็บ WCAG ขอให้อัตราส่วนคอนทราสต์อย่างน้อย 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (W3C (เปิดในแท็บใหม่) ตรวจสอบเมื่อพฤศจิกายน 2026) Instagram ไม่ได้กำหนด แต่เป็นเป้าหมายที่มีประโยชน์ เพราะสตอรี่ถูกอ่านกลางแจ้ง ที่ความสว่างต่ำ และโดยคนที่สายตาไม่ดี ข้อความบนรูปแทบไม่ถึงเกณฑ์ด้วยตัวเอง มีสามวิธีแก้ที่ได้ผลดี

• กล่องทึบหรือกึ่งโปร่งใส หลังข้อความ ด้วยสีจากชุดสีของคุณ
• พื้นที่เข้มกว่าหรือเบลอ ของรูปตรงที่วางข้อความ
• เลย์เอาต์แบ่งครึ่ง รูปอยู่ส่วนหนึ่งของเฟรม ข้อความอยู่บนสีเรียบในอีกส่วน

เว้นที่ไว้สำหรับสติกเกอร์ของ Instagram

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

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

ชุดที่สอดคล้องกันโดยไม่ดูซ้ำซาก

ความสม่ำเสมอมาจากการตัดสินใจคงที่ไม่กี่อย่าง ความหลากหลายมาจากทุกอย่างที่เหลือ ตัดสินใจส่วนที่คงที่ครั้งเดียวแล้วจดไว้

1. สองหรือสามสีบวกสีกลางหนึ่งสี มากกว่านี้ชุดจะไม่ดูเป็นชุด
2. ฟอนต์ไม่เกินสองแบบ หนึ่งสำหรับหัวข้อ หนึ่งสำหรับเนื้อหา ตัวแก้ไขเทมเพลตของเรามีคู่ฟอนต์สำเร็จรูป 14 คู่ คุณจึงไม่ต้องทดสอบการผสมเอง
3. ตำแหน่งเดียวสำหรับองค์ประกอบที่ซ้ำ โลโก้ ชื่อบัญชี หรือชื่อซีรีส์อยู่มุมเดิมเสมอ ขนาดเท่าเดิม
4. เลย์เอาต์จำนวนน้อย สามถึงห้าเลย์เอาต์ เช่น คำคม เคล็ดลับ ประกาศ คำถาม และสินค้า ครอบคลุมได้เกือบทุกสัปดาห์

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

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

เช็กลิสต์ก่อนโพสต์

• เปิดรูปที่ส่งออกบนโทรศัพท์แบบเต็มจอที่ความสว่างปกติ แล้วอ่านให้จบภายในไม่ถึงสามวินาที
• ไม่มีอะไรสำคัญใน 250 พิกเซลบนหรือ 320 พิกเซลล่างของสตอรี่ หรือใกล้ขอบของโพสต์
• ข้อความเนื้อหาสูงอย่างน้อยประมาณ 44 พิกเซล และมีกล่องหรือพื้นที่เข้มอยู่ข้างหลังเมื่อวางบนรูป
• หนึ่งข้อความต่อหนึ่งสตอรี่ รายละเอียดอยู่ในแคปชั่น สติกเกอร์ หรือสไลด์ถัดไป
• ตรวจตัวสะกด วันที่ ราคา และชื่อบัญชีสองครั้ง เพราะสตอรี่ที่โพสต์แล้วแก้ไขไม่ได้
• สำหรับโพสต์ในฟีด เขียนข้อความแสดงแทน (alt text) โปรแกรมอ่านหน้าจอไม่อ่านข้อความที่อยู่ในรูป และ Instagram ให้คุณแทนที่ alt text อัตโนมัติของรูปได้ทั้งก่อนและหลังโพสต์ (ศูนย์ช่วยเหลือ Instagram (เปิดในแท็บใหม่) ตรวจสอบเมื่อพฤศจิกายน 2026)

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

คำถามเรื่องการออกแบบเทมเพลต