เอกสาร Steamworks
ทรัพยากรกราฟิกสำหรับการโปรโมทร้านค้า
หากคุณกำลังหาข้อกำหนดทรัพยากร Steam ทั้งหมด โปรดอ่านภาพรวมทรัพยากร

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

คุณสามารถเข้าถึงแม่แบบ Photoshop และรายละเอียดทั้งหมดได้ที่นี่: แม่แบบปัจจุบัน
(หมายเหตุ: โปรดใช้แม่แบบใหม่นี้และลบเวอร์ชันก่อนหน้านี้ทิ้ง)


คุณกับทีมงานออกแบบของคุณสามารถสร้างทรัพยากรเหล่านี้หลายชุดได้เอง โปรดส่งทรัพยากรเหล่านั้นไปให้ Valve ล่วงหน้าอย่างน้อยหนึ่งสัปดาห์ เพื่อให้เราสามารถให้ข้อเสนอแนะกับคุณได้ และเพื่อให้ทีมงานแปลของเรามีเวลาเพียงพอ ทั้งนี้เพราะเราจะแปลแบนเนอร์ Steam เป็นภาษาต่าง ๆ มากกว่า 26 ภาษาเสมอ
หมายเหตุ: ทุกครั้งที่ส่งทรัพยากร โปรดส่งสิ่งต่อไปนี้:
  • **ทรัพยากรทั้งหมดต้องมีขนาดต่ำกว่า 5MB**

    สิ่งที่ต้องส่งให้เรา
  • ไฟล์ Photoshop (PSD) แบบมีเลเยอร์
    • อาร์ตเวิร์กเกม/ตัวละครหลักที่มีความละเอียดภาพสูงสุดเท่าที่เป็นไปได้ (แนะนำให้ใช้สมาร์ทอ็อบเจกต์) ซึ่งจะทำให้เราสามารถใช้ทรัพยากรเหล่านี้ซ้ำเพื่อสร้างสรรค์อาร์ตเวิร์กโปรโมชันอื่น ๆ บน Steam ได้เมื่อจำเป็น
    • โลโก้ (แนะนำให้ใช้สมาร์ทอ็อบเจกต์) ที่แยกจากอาร์ตเวิร์ก
    • ข้อความควรจะเป็นแบบแก้ไขได้ในโฟลเดอร์ "ข้อความ" ภายในเอกสาร PSD เพื่อให้ทีมงานของเราแปลเป็นภาษาอื่นได้โดยง่าย
  • ฟอนต์ใด ๆ ที่ใช้ (โดยเฉพาะอย่างยิ่งฟอนต์แบบกำหนดเอง)
ทรัพยากรแบบเคลื่อนไหว
  • ในกรณีของทรัพยากรแบบเคลื่อนไหว โปรดส่ง MP4 แบบวนซ้ำที่ไร้รอยต่อและลำดับภาพ PNG ที่ไม่มีข้อความและโลโก้ไปด้วย ข้อความไม่ควรเป็นแบบเคลื่อนไหว ทั้งนี้เพื่อให้ทีมงานของเราสามารถแปลภาษาได้โดยง่าย
  • ตั้งเป้าหมายให้แอนิเมชันมีความยาวประมาณ 3 ถึง 5 วินาที ซึ่งช่วยลดขนาดไฟล์ที่เป็นผลลัพธ์ให้เหมาะสำหรับแสดงบน Steam ไฟล์ทั้งหมดที่ส่งออกในขั้นสุดท้ายต้องมีขนาดไม่เกิน 5MB
  • พยายามทำให้แอนิเมชันของคุณช้าลงและไม่รบกวนสายตา แอนิเมชันควรช่วยสร้างบรรยากาศ
  • ตั้งเป้าหมายให้แอนิเมชันของคุณเป็นแบบวนซ้ำที่ไร้รอยต่อ โปรดทราบว่า Steam จะตั้งค่าให้แอนิเมชันของคุณวนซ้ำอยู่ดี และไม่สามารถปิดการทำงานของฟังก์ชันนี้ได้ แม้ไม่จำเป็นต้องทำให้วนซ้ำแบบไร้รอยต่อ แต่ขอแนะนำให้ทำเพื่อที่จะได้ผลลัพธ์ที่ดีที่สุดต่อสายตา
  • ข้อความทางการตลาดแบบเคลื่อนไหวทั้งหมดจะส่งออกเป็นไฟล์ Webm และ MP4
  • ข้อความทั้งหมด (นอกเหนือจากโลโก้เกมหรือโลโก้ของผู้พัฒนา) ที่สื่อสารข้อความถึงผู้ใช้ (เช่น "พร้อมเล่นแล้ว" หรือ "เพิ่งอัปเดต") ต้องอยู่ในรูปแบบที่แก้ไขได้เพื่อให้สามารถแปลเป็นภาษาต่าง ๆ ได้:
  • ข้อความต้องไม่มีการเคลื่อนไหว และห้ามทำเอฟเฟกต์ที่เคลื่อนไหวได้ซ้อนทับบนข้อความ
  • โปรดอย่าทำให้ข้อความใด ๆ ทาบติดบนพื้นหลังหรือแอนิเมชัน
  • เมื่อส่งออกลำดับภาพ PNG หรือไฟล์ MP4 อย่าลืมปิดเลเยอร์ข้อความทั้งหมด เพื่อไม่ให้ข้อความทาบติดบนพื้นหลัง
  • ข้อมูลสำคัญทั้งหมดควรอยู่ภายในพื้นที่ปลอดภัยสีเขียวตามที่ระบุไว้ในแม่แบบ เนื่องจากหน้าจอที่มีขนาดเล็กกว่าจะตัดทุกอย่างที่อยู่นอกพื้นที่นี้ออก

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

ชื่อทรัพยากรขนาดประเภทหมายเหตุ
ข้อความทางการตลาดแบบป็อปอัป570px x 600pxJPG, PNG MP4 และ Webm หากเป็นแบบเคลื่อนไหวเกมหรืออาร์ตเวิร์กที่ได้รับการอัปเดตพร้อมด้วยโลโก้เกม ข้อความสั้น ๆ ที่ขอให้ดำเนินการ
ดูรายละเอียด
แบนเนอร์เด่น306px x 260pxJPGอาร์ตเวิร์กเกมที่มีโลโก้ ข้อความจะวางไว้บนส่วนล่างสุดโดยอัตโนมัติ
อ่านรายละเอียด
แบนเนอร์แบบเทคโอเวอร์1850px x 450pxJPG, PNG MP4 และ Webm หากเป็นแบบเคลื่อนไหวเกมหรืออาร์ตเวิร์กที่ได้รับการอัปเดตพร้อมด้วยโลโก้เกม ข้อความสั้น ๆ ที่ขอให้ดำเนินการ
ดูรายละเอียด
แบนเนอร์แบบเทคโอเวอร์สำหรับอุปกรณ์พกพา500px x 350pxJPG, PNG MP4 และ Webm หากเป็นแบบเคลื่อนไหวแบนเนอร์แบบเทคโอเวอร์ในเวอร์ชันเล็ก
ต้องใช้ หากมีการใช้งานกราฟิกแบบเทคโอเวอร์
อ่านรายละเอียด
แบนเนอร์แบบเทคอันเดอร์940px x 150pxJPG, PNG MP4 และ Webm หากเป็นแบบเคลื่อนไหวเกมหรืออาร์ตเวิร์กที่ได้รับการอัปเดตพร้อมด้วยโลโก้เกม ข้อความสั้น ๆ ที่ขอให้ดำเนินการ
ดูรายละเอียด
Takeunder Mobile Banner500px x 160pxJPG, PNG MP4 และ Webm หากเป็นแบบเคลื่อนไหวเกมหรืออาร์ตเวิร์กที่ได้รับการอัปเดตพร้อมด้วยโลโก้เกม ข้อความสั้น ๆ ที่ขอให้ดำเนินการ
ดูรายละเอียด
พื้นหลังของหน้าการลดราคาดูการปรับขนาดและการคลิปในแม่แบบJPG, PNGภาพที่ปรากฏตรงด้านบนสุดและพื้นหลังของหน้าการลดราคาของคุณ
ต้องใช้ หากมีหน้ารองรับการลดราคาที่กำหนดเอง
อ่านรายละเอียด
แบนเนอร์หน้าร้านค้า1100px x 160pxJPG, PNGแบนเนอร์ที่เน้นกิจกรรมการลดราคาของคุณ
ต้องใช้ หากมีหน้ารองรับการลดราคาที่กำหนดเอง
อ่านรายละเอียด
แบนเนอร์หน้าร้านค้าสำหรับมือถือ500px x 160pxJPG, PNGแบนเนอร์หน้าร้านค้าในเวอร์ชันเล็ก
ต้องใช้ ต้องใช้ หากมีหน้ารองรับการลดราคาที่กำหนดเอง
อ่านรายละเอียด

แม่แบบสำหรับทรัพยากรข้างต้นพร้อมให้ใช้ได้ที่นี่: แม่แบบปัจจุบัน

ข้อความทางการตลาดแบบป็อปอัป

การใช้งาน: หน้าต่างป็อปอัปที่แสดงข้อความจาก Steam และบนหน้าแรกของ Steam

ตัวอย่างตำแหน่งบน Steam:


popupexample.PNG

frontpageexample394.PNG

การออกแบบ: หากต้องการผลลัพธ์ที่ดีที่สุด โปรดตรวจสอบให้แน่ใจว่าโลโก้มีความชัดเจน อ่านได้ง่าย และมีเฉพาะคำบรรยายว่าเป็นโปรโมชันประเภทใด (ลดพิเศษกลางสัปดาห์ ข้อเสนอสุดสัปดาห์ สั่งซื้อล่วงหน้า พร้อมเล่นแล้ว อัปเดตใหม่ล่าสุด ฯลฯ) เท่านั้น โดยไม่มีเปอร์เซ็นต์ส่วนลดหรือวันที่ของกิจกรรม ราคาและปุ่มขอให้ดำเนินการจะปรากฏใต้ภาพโดยอัตโนมัติ หากมีโลโก้เฉพาะภูมิภาคใด ๆ ที่ต้องใช้กับภูมิภาคที่เฉพาะเจาะจง โปรดใส่ไว้ในไฟล์ PSD ด้วย

ขนาด: 570px x 600px, JPEG
การใช้งาน: แบนเนอร์เด่นสำหรับโปรโมชันที่เฉพาะเจาะจง เช่น ลดกระหน่ำกลางสัปดาห์ หรือข้อเสนอสุดสัปดาห์ จะปรากฏให้เห็นใกล้ด้านบนสุดของหน้าหลัก Steam

ตัวอย่าง:
พร้อมเล่นแล้วข้อเสนอสุดสัปดาห์เนื้อหาดาวน์โหลดใหม่พร้อมเล่นแล้ว
IM_spark.jpgIM_doom.jpgnewdlcsc377x394.jpg
ลดพิเศษกลางสัปดาห์อัปเดตล่าสุด
lamplighters_MM_MD.jpgIM_Update.jpg
สั่งซื้อล่วงหน้าเลยโหลดล่วงหน้าเลย
IM_prepurchase.jpgIM_preload.jpg
ฟรีสุดสัปดาห์
IM_freeweekend.jpg

แบนเนอร์เด่น

การใช้งาน: แบนเนอร์เด่นสำหรับโปรโมชันที่เฉพาะเจาะจง เช่น ลดพิเศษกลางสัปดาห์ หรือข้อเสนอสุดสัปดาห์ จะปรากฏให้เห็นใกล้ด้านบนสุดของหน้าหลัก Steam และปรากฏให้เห็นบนศูนย์กลางร้านค้าที่เกี่ยวข้อง เช่น หน้าแนวหรือหน้าแท็ก อีกด้วย

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

ขนาด: 306px x 260px, JPEG

ตำแหน่งตัวอย่างบน Steam:

spotlightlocation.PNG

แบนเนอร์แบบเทคโอเวอร์

การใช้งาน: ภาพแบบเทคโอเวอร์บน Steam ใช้เฉพาะเพื่อเปิดตัวเกมครั้งใหญ่ที่สุดหรือเมื่อมีการลดราคาจากใจผู้จัดจำหน่ายที่เฉพาะเจาะจงเท่านั้น แบนเนอร์นี้จะปรากฏที่ด้านบนสุดของหน้าหลักของร้านค้าบน Steam

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

ขนาด: 1850px x 450px, PNG
ขนาดวิดีโอ: 1850px x 450px, MP4 และ WebM

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

แบนเนอร์แบบเทคโอเวอร์สำหรับอุปกรณ์พกพา

การใช้งาน: ใช้เป็นภาพแบบเทคโอเวอร์บน Steam สำหรับอุปกรณ์พกพา โดยจะแสดงในเบราว์เซอร์ด้วยความกว้างน้อยกว่า 500px

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

ขนาด: 500px x 350px, PNG
ขนาดวิดีโอ: 500px x 350px, MP4 และ WebM

แบนเนอร์แบบเทคอันเดอร์

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

การออกแบบ: ภาพเทคอันเดอร์บน Steam ควรมีความเรียบง่ายแต่สะดุดตา โดยทั่วไปจะเป็นอาร์ตเวิร์กสำคัญชิ้นเดียวที่เป็นตัวแทนแบรนด์ของคุณ และโลโก้ผลิตภัณฑ์ของคุณ โดยจะแสดงเป็นแบนเนอร์บนหน้านั้น เพื่อให้คุณใช้ทรัพยากรได้เต็มขนาด (ไม่มีขอบแบบฟุ้งกระจาย)

ขนาด: 940px x 150px, PNG
ขนาดวิดีโอ: 940px x 150px, MP4 และ WebM

take_under.jpg

แบนเนอร์แบบเทคอันเดอร์สำหรับอุปกรณ์พกพา

การใช้งาน: ใช้เป็นแบนเนอร์เทคอันเดอร์บน Steam สำหรับอุปกรณ์พกพา โดยจะแสดงในเบราว์เซอร์ด้วยความกว้างน้อยกว่า 500px

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

ขนาด: 500px x 160px, PNG
ขนาดวิดีโอ: 500px x 160px, MP4 และ WebM

take_under_mobile.jpg

พื้นหลังของหน้าการลดราคา

การใช้งาน: นี่คือภาพที่ปรากฏตรงด้านบนสุดและพื้นหลังของหน้าการลดราคาของคุณ

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

1.png

แบนเนอร์หน้าร้านค้า

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

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

ขนาด: 1100px x 160px, PNG

gamebanner.png

แบนเนอร์หน้าร้านค้าสำหรับมือถือ

การใช้งาน: นี่คือแบนเนอร์หน้าร้านค้าในเวอร์ชันสำหรับมือถือ โดยจะแสดงในเบราว์เซอร์ด้วยความกว้างน้อยกว่า 500px

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

ขนาด: 500px x 160px, PNG