ธีม Shopify และเอกลักษณ์ของแบรนด์
การปรับธีมไม่ได้เกี่ยวกับการเปลี่ยนสามสี คุณต้องเปลี่ยนโครงสร้างทั่วไปให้เป็นประสบการณ์ที่เป็นที่รู้จัก
ธีมที่ดีให้พื้นฐานทางเทคนิค งานของคุณแล้วคือการจัดตําแหน่งการพิมพ์ภาพส่วนประกอบโทนและลําดับชั้นของหน้าเว็บกับการวางตําแหน่งของคุณ - โดยไม่ลดความเร็วหรือการใช้งานมือถือ
ธีมเป็นระบบ ไม่ใช่โมเดลคงที่
มันรวบรวมการตั้งค่าส่วนกลางส่วนบล็อกและแม่แบบ ความสอดคล้องจะปรากฏขึ้นเมื่อกฎเดียวกันมีผลกับร้านค้าทั้งหมด
กฎสําคัญ
ขั้นแรกปรับแต่งสิ่งที่มีอิทธิพลต่อทุกหน้า : สี แบบอักษร ปุ่ม ความกว้าง แผนที่ และระยะห่าง การปรับทีละหน้าจะมาถัดไป
วิธีการโดยสรุป
1 เลือกธีมที่เข้ากันได้กับแบรนด์
โครงสร้างแคตตาล็อก
จํานวนผลิตภัณฑ์ ตัวแปร ตัวกรอง คอลเลกชัน และเนื้อหาเป็นตัวกําหนดฟังก์ชันการทํางานที่จําเป็นจริง
ระดับบรรณาธิการ
แบรนด์ที่พูดถึงความรู้ความชํานาญจําเป็นต้องมีส่วนต่างๆ มากมาย ในขณะที่แค็ตตาล็อกขนาดใหญ่ต้องการการนําทางที่มีประสิทธิภาพเหนือสิ่งอื่นใด
บุคลิกภาพทางการมองเห็น
สังเกตจังหวะ สัดส่วน และแผนที่ ไม่ใช่แค่ภาพสาธิตที่เปลี่ยนได้ง่าย
ฟังก์ชั่นพื้นเมือง
เมนูขนาดใหญ่ ตัวกรอง วิดีโอ ผลิตภัณฑ์เสริม หรือการซื้อด่วนสามารถหลีกเลี่ยงการใช้งานหลายอย่างได้
มือถือ
ทดสอบการสาธิตทางโทรศัพท์: เมนู แกลเลอรี รูปแบบต่างๆ ตัวกรอง ตะกร้า และปุ่มที่อ่านได้
การบํารุงรักษา
เลือกธีมที่ปฏิบัติตาม จัดทําเป็นเอกสาร และเข้ากันได้กับส่วน Shopify ที่ทันสมัย
2 เตรียมคู่มือแบรนด์ขนาดเล็กก่อนแก้ไข
| องค์ประกอบ | การตัดสินใจที่จะทํา | การประยุกต์ใช้ในธีม |
|---|---|---|
| จานสี | หลัก สีรอง สําเนียง และพื้นหลัง | รูปแบบสีและเงื่อนไขของปุ่ม |
| พิมพ์ดีด | ตัวอักษรชื่อเรื่อง ข้อความ และระดับไขมัน | การตั้งค่าและลําดับชั้นทั่วโลก H1 ถึง H3 |
| ภาพถ่าย | แสง กรอบ การตกแต่ง อัตราส่วน และการรีทัช | ฮีโร่ แผนที่ แกลเลอรี่ และเนื้อหาบทบรรณาธิการ |
| รูปร่าง | มุมตรงหรือโค้งมน ขอบ เงา | ปุ่ม แผนที่ ฟิลด์ และหน้าต่าง |
| ตัน | มีสติ อบอุ่น เชี่ยวชาญ ตรงไปตรงมาหรือกล้าหาญ | ชื่อเรื่อง ปุ่ม ความช่วยเหลือ ข้อผิดพลาด และความมั่นใจ |
| จังหวะ | หนาแน่น ไดนามิก โปร่งสบาย หรือบทบรรณาธิการ | ความกว้าง ระยะห่าง และจํานวนบล็อก |
3 ปรับแต่งระบบโดยรวม
กําหนดค่าโทนสี
สร้างชุดค่าผสมที่สอดคล้องกันไม่กี่: พื้นหลังแสงพื้นหลังแบรนด์พื้นที่สําเนียงและความคมชัดที่แข็งแกร่ง ตรวจสอบความสามารถในการอ่านเสมอ
ปรับการพิมพ์
จํากัด จํานวนแบบอักษรกําหนดมาตราส่วนที่ชัดเจนและควบคุมความยาวของเส้น เอกลักษณ์ที่แข็งแกร่งยังคงอ่านง่าย
สร้างมาตรฐานปุ่มและลิงก์
ปุ่มหลักปุ่มรองและลิงค์ที่เรียบง่ายมักจะเพียงพอ เก็บรูปร่างสีและกริยาการกระทําเดียวกัน
แก้ไขแผนที่และสื่อ
เลือกอัตราส่วนที่มีเสถียรภาพ แผนกทั่วไป และกฎข้อเดียวสําหรับชื่อ ราคา ป้าย และโฮเวอร์
ระยะห่างและความกว้างหลัก
กฎคงที่ให้ความประทับใจอย่างมืออาชีพ หลีกเลี่ยงพื้นที่ขนาดใหญ่เพียงเพื่อคัดลอกแนวโน้ม
4 ปรับส่วนต่างๆให้เข้ากับเรื่องราวของคุณ
ฮีโร่
แทนที่สโลแกนทั่วไปด้วยคําสัญญาที่ชัดเจน การแสดงภาพที่เป็นตัวแทน และการกระทําที่ชัดเจน
คอลเลกชัน
เลือกหมวดหมู่ที่มีลําดับความสําคัญและใช้รูปภาพที่ช่วยแยกแยะได้ทันที
รูปภาพพร้อมข้อความ
ใช้เพื่ออธิบายประโยชน์ ความรู้ หรือความมุ่งมั่น ไม่ใช่เพื่อเติมเต็มพื้นที่
สินค้าเด่น
นําเสนอการเลือกตัวแทนสั้นๆ แทนที่จะเป็นการสืบทอดม้าหมุนที่คล้ายกัน
หลักฐาน
เพิ่มบทวิจารณ์ ความสําเร็จ การรับรอง ตัวเลข หรือการรับประกันเมื่อเกิดความลังเล
เนื้อหาบทบรรณาธิการ
บทความ คู่มือ หรือประวัติศาสตร์ช่วยเสริมผู้เชี่ยวชาญ ช่างฝีมือ หรือแบรนด์ที่มีความมุ่งมั่น
5 สร้างแม่แบบที่ปรับให้เข้ากับเนื้อหาที่แตกต่างกัน
ผลิตภัณฑ์
- แบบมาตรฐานสําหรับคนส่วนใหญ่
- แม่แบบพรีเมี่ยมพร้อมเรื่องราวและวิดีโอ
- แบบจําลองทางเทคนิคพร้อมตารางและเอกสาร
- แบบกําหนดเองสําหรับการปรับแต่ง
หน้า
- เกี่ยวกับเรื่องและทีมงาน
- บริการด้วยกระบวนการและราคา
- หน้า Landing Page ของแคมเปญ
- คําถามที่พบบ่อย ติดต่อและซื้อคู่มือ
6 ปรับแต่งโดยไม่ทําลายประสิทธิภาพ
ลดแอป
ตรวจสอบฟังก์ชันเนทิฟก่อนที่จะเพิ่มแอปพลิเคชันที่โหลดสคริปต์ในทุกหน้า
เพิ่มประสิทธิภาพสื่อ
ภาพดัดแปลง วิดีโอที่โหลดตามความต้องการ และภาพเคลื่อนไหวจํานวนจํากัดจะรักษาความเร็วไว้
จํากัดโค้ดที่เพิ่ม
รวมศูนย์กฎ หลีกเลี่ยงการแก้ไขซ้ําๆ และบันทึกการปรับแต่งเฉพาะแต่ละรายการ
ทดสอบการโต้ตอบ
เมนู ตัวกรอง รูปแบบต่างๆ รถเข็น และแบบฟอร์มจะต้องยังคงเชื่อถือได้หลังจากการเปลี่ยนแปลงแต่ละครั้ง
รักษาการเข้าถึง
คอนทราสต์ การนําทางด้วยคีย์บอร์ด ข้อความแสดงแทน และขนาดการสัมผัสเป็นส่วนหนึ่งของประสบการณ์แบรนด์ที่จริงจัง
ทํางานกับสําเนา
ทําซ้ําธีมและตรวจสอบการเปลี่ยนแปลงก่อนที่จะนําไปใช้กับร้านค้าที่ใช้งานอยู่
ข้อผิดพลาดที่พบบ่อยที่สุด
คัดลอกการสาธิต
การสาธิตขายชุดรูปแบบไม่ใช่แบรนด์ของคุณ โครงสร้างและรูปภาพไม่จําเป็นต้องสอดคล้องกับแคตตาล็อกของคุณ
ปรับแต่งทุกอย่าง
การเปลี่ยนแต่ละการประชุมอาจทําให้สับสน เก็บเมนูค้นหาตะกร้าและการดําเนินการหลักคุ้นเคย
ส่วนสแต็ก
แต่ละบล็อกต้องตอบคําถามหรือนําไปสู่การกระทํา ความยาวเพียงอย่างเดียวไม่ได้สร้างมูลค่า
ลืมเนื้อหาจริง
ทดสอบกับชื่อจริงของคุณ, ภาพถ่าย, รูปแบบและคําอธิบาย: เนื้อหาสาธิตมักจะซ่อนปัญหา
แก้ไขเดสก์ท็อปเท่านั้น
ระยะห่างและรูปภาพจําเป็นต้องได้รับการออกแบบใหม่สําหรับโทรศัพท์ ไม่ใช่แค่ลดลงเท่านั้น
เผยแพร่โดยไม่มีสูตร
คําสั่งทดสอบและรายการตรวจสอบหลีกเลี่ยงข้อผิดพลาดที่มองเห็นได้เฉพาะในช่วงเวลาสุดท้ายเท่านั้น
รายการตรวจสอบก่อนเผยแพร่ธีม
คําถามที่พบบ่อย
ควรซื้อธีมพรีเมี่ยมเพื่อให้มีเอกลักษณ์ที่แข็งแกร่งหรือไม่?
ไม่ ธีมฟรีที่ได้รับการปรับแต่งมาอย่างดีสามารถสอดคล้องกันได้มาก ธีมระดับพรีเมียมจะน่าสนใจเมื่อฟังก์ชันและโครงสร้างตรงกับความต้องการของคุณมากขึ้น
เราสามารถแก้ไขรหัสธีมได้โดยตรงหรือไม่?
ใช่เมื่อการตั้งค่าและส่วนไม่เพียงพอ ทํางานกับสําเนา จํากัด การเปลี่ยนแปลงและจัดทําเอกสารเพื่อให้การอัปเดตง่ายขึ้น
ควรใช้กี่สี?
โดยทั่วไปจานสีสั้นจะมีความสอดคล้องกันมากกว่า: สีของแบรนด์ พื้นหลัง ข้อความ และสําเนียงแอ็กชัน โดยมีรูปแบบที่ได้รับมาหลายแบบ
ทําอย่างไรไม่ให้ร้านดูเหมือนธีมเดิม?
เหนือสิ่งอื่นใด ทํางานกับเนื้อหาจริง การถ่ายภาพ ลําดับชั้น โมเดล และรายละเอียดของระบบ แทนที่จะคูณเอฟเฟกต์
ควรยกเครื่องใหม่ทั้งหมดเมื่อใด?
เมื่อโครงสร้างของธีมจํากัดหลายเส้นทาง การปรับแต่งจะยากต่อการรักษา หรือเอกลักษณ์และข้อเสนอมีการพัฒนาอย่างมีนัยสําคัญ
ธีมควรให้บริการแบรนด์ของคุณ ไม่ใช่ในทางกลับกัน
เปลี่ยนธีม Shopify ของคุณให้เป็นประสบการณ์ที่สอดคล้องกัน เป็นที่รู้จัก และทรงพลัง
ปรับโมเดล ส่วน การออกแบบ และเส้นทางมือถือให้เข้ากับโลกของคุณ
