ปกใหม่ใน VK การออกแบบหน้าสาธารณะ VKontakte: วิธีสร้างเมนูและส่วนหัว

คุณต้องการตกแต่งกลุ่มของคุณบน VK (Vkontakte) และสร้างส่วนหัว (หน้าปก) ที่ไม่ซ้ำใครหรือไม่? ในบทความนี้ฉันจะพูดถึงขนาดและรูปแบบที่ควรจะเป็น วิธีเพิ่มส่วนหัวใน VK และฉันจะโพสต์แหล่งที่มา PSD (รูปแบบ Photoshop) ของเทมเพลตที่มีขนาดที่ต้องการด้วย

จะสร้างส่วนหัว (หน้าปก) สำหรับกลุ่มบน VK ได้อย่างไร?

หมวกในกลุ่มบน VK คืออะไร? นี่เป็นเพียงรูปภาพขนาด 1590x400 และรูปแบบ - JPG, GIF หรือ PNG ตั้งอยู่ที่ด้านบนสุดของกลุ่ม VK และมีลักษณะดังนี้:

ขั้นตอนที่ 1 สร้างภาพที่มีขนาดที่ต้องการ

ขั้นแรกเราต้องสร้างภาพขึ้นมาเองก่อน ฉันใช้ Photoshop (คุณสามารถดาวน์โหลดเทมเพลตที่เสร็จแล้วในรูปแบบ PSD) เปิด Photoshop เลือก "ไฟล์" -> "สร้าง" จากเมนู

หน้าต่างจะปรากฏขึ้นในตำแหน่งที่คุณต้องการเปลี่ยนขนาดของภาพ ความกว้างจะเป็น 1,590 px สูง 400 โหมดสีสามารถปล่อยไว้เป็นค่าเริ่มต้นได้ คลิก "ตกลง"

ฉันต้องการทราบว่ารูปภาพสามารถมีขนาดใหญ่ขึ้นได้เมื่อเพิ่มรูปภาพ VK จะเสนอให้ตัดตามขนาดที่ต้องการ ฉันไม่แนะนำให้เพิ่มสิ่งใดที่มีความกว้างเกิน 400 px VK จะตัดบางส่วนของรูปภาพออก

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

ขั้นตอนที่ 2 เปลี่ยนส่วนหัวในกลุ่ม VK

ต่อไปเราต้องอัปโหลดภาพของเราไปยังกลุ่ม VK ในการดำเนินการนี้ไปที่กลุ่มของเราที่มุมขวาบน (ใต้อวตารของกลุ่ม) คลิก "สามจุด" (...) จากเมนูแบบเลื่อนลงเลือก "การจัดการชุมชน"

หน้าต่างจะปรากฏขึ้นเพื่อขอให้คุณอัปโหลดภาพ คลิก "เลือกไฟล์"

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

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

คุณสามารถเปลี่ยนส่วนหัว (ปก) ได้บ่อยเท่าที่คุณต้องการ

ดังนั้นเราจึงสร้างหมวกของเราเองสำหรับกลุ่มใน VK

คุณยังสามารถใช้เทมเพลตที่แนะนำอย่างใดอย่างหนึ่งในบทความนี้:

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

ปกร้านขายเสื้อผ้าออกแบบในสตูดิโอออกแบบกราฟิกของเรา

หน้าปกของกลุ่ม VKontakte เป็นส่วนเล็ก ๆ ของการออกแบบที่จำเป็นและหากคุณเพิ่งลองตัวเองในฐานะนักธุรกิจออนไลน์นี่คือตัวเลือกบรรจุภัณฑ์ที่ถูกที่สุด ตามหลักการแล้ว กลุ่ม VKontakte หรือหน้าสาธารณะควรมี: แบนเนอร์โฆษณาที่จับใจ (เปิดเมนู), หน้าปก, เมนู (การนำทางหรือการเชื่อมโยงไปถึงวิกิ), ผลิตภัณฑ์ที่ออกแบบอย่างสวยงามและปกอัลบั้มภาพตลอดจนโพสต์ที่มีแบรนด์ ทั้งหมดนี้สร้างภาพลักษณ์ให้ธุรกิจของคุณและส่งผลต่อวิธีที่ลูกค้ารับรู้

สิ่งที่ควรวางบนหน้าปกของกลุ่ม VKontakte:


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

อย่าใส่ข้อมูลมากเกินไปบนฝาครอบวงดนตรี มันควรจะง่ายแต่ให้ข้อมูล!

สั่งออกแบบปกได้ที่ไหนคะ?

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

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

ในตลาดบริการราคาสำหรับการออกแบบปก VKontakte อยู่ระหว่าง 500 ถึง 3,500 รูเบิล และมันไม่ใช่แค่นั้น ผู้เริ่มต้นทำงานถูกกว่า แต่ระดับไม่สูง สตูดิโอเป็นตัวกลางและทำงานร่วมกับมาร์กอัป และนักออกแบบยอดนิยมที่ประสบความสำเร็จก็ทำงานเพื่อตัวเอง

จะตั้งค่าปกเป็นกลุ่มได้อย่างไร?

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

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

ตัวอย่างงานของเราเกี่ยวกับการออกแบบกลุ่ม "ตอนนั้นคืออะไร"





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

ขนาดปัจจุบันของภาพ VKontakte

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

ตอนนี้เรามาดูรายละเอียดเพิ่มเติมในแต่ละประเด็นกันดีกว่า

ขนาดอวตารของ VK

ขนาดอวตารขั้นต่ำคือ 200 x 200 พิกเซล หากคุณพยายามอัปโหลดรูปภาพที่มีความกว้างหรือยาวน้อยกว่า 200 พิกเซล คุณจะเห็นข้อผิดพลาดดังนี้:


ขนาดอวตารสูงสุดคือ 200 x 500 พิกเซล แต่โดยหลักการแล้ว คุณสามารถอัปโหลดภาพที่มีขนาดใหญ่ขึ้นได้ สูงสุด 7,000 พิกเซลในแต่ละด้าน สิ่งสำคัญคืออัตราส่วนภาพจะต้องไม่เกิน 2 ถึง 5

ฉันจะแสดงตัวอย่างให้คุณดู

ฉันมีรูปภาพ ขนาด: 200 x 800 พิกเซล (อัตราส่วน 2 ถึง 8) ไม่มีข้อผิดพลาดในการโหลด อย่างไรก็ตาม ฉันยังคงใช้รูปภาพนี้ไม่ได้ เนื่องจาก "ติดต่อ" ไม่อนุญาตให้ฉันเลือกได้ทั้งหมด

ปิดบัง

ขนาดหน้าปกสำหรับเวอร์ชันเต็มของไซต์คือ 1590 x 400 พิกเซล


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

เพื่อป้องกันไม่ให้เกิดเหตุการณ์เช่นนี้ ให้วางองค์ประกอบหลักของฝาครอบภายในขนาด 1196 x 400 พิกเซล


รูปภาพที่แนบมา

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

มันฟังดูสับสนนิดหน่อย :) ฉันจะแสดงตัวอย่างให้คุณดู

สมมติว่าเรามีภาพสี่เหลี่ยมจัตุรัสที่มีด้านขนาด 510 พิกเซล หากเราแนบไปกับโพสต์ของเรา มันจะดูดีมากในฟีดข่าวบนอุปกรณ์ทั้งหมด:


และนี่คือลักษณะของภาพแนวนอนในแนวนอน (กว้าง 510 พิกเซล):


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

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

รูปภาพสำหรับโพสต์พร้อมลิงก์


ข้อมูลทั้งหมดนี้มาจากโค้ดมาร์กอัป Open Graph:


หากไม่ได้ระบุ Open Graph ชื่อเรื่องจะนำมาจากเมตาแท็ก Title และรูปภาพจากบทความ ในเวลาเดียวกันคุณสามารถเปลี่ยนได้อย่างง่ายดาย - หรือเลือกรูปภาพอื่นจากบทความโดยใช้ลูกศรพิเศษ:


หรืออัปโหลดของคุณ:


ขนาดขั้นต่ำของรูปภาพที่คุณสามารถใช้เป็นประกาศสำหรับบทความของคุณคือ 537 x 240 พิกเซล อย่างไรก็ตาม คุณสามารถอัปโหลดภาพขนาดใหญ่ขึ้นได้ตราบใดที่ยังคงสัดส่วนไว้


รูปภาพสำหรับบทความที่สร้างขึ้นในตัวแก้ไข

ขนาดรูปภาพสำหรับปกบทความที่สร้างในโปรแกรมแก้ไขคือ 510 x 286 พิกเซล จะดีกว่าถ้ามีสีเข้มและมีสีเดียวไม่มากก็น้อย เนื่องจากชื่อของบทความและชุมชนจะหายไปบนพื้นหลังสีอ่อน

ตัวอย่างที่ดี:


ไม่ใช่ตัวอย่างที่ดีนัก:


ขนาดรูปภาพและวิดีโอสำหรับเรื่องราว

ขนาดของภาพถ่ายคือ 1080 x 1920 พิกเซล ขนาดของวิดีโอคือ 720 x 1280 พิกเซล

ข้อกำหนดทางเทคนิคสำหรับการบันทึกวิดีโอ:

  • สูงสุด 15 วินาที;
  • ไม่เกิน 5 MB;
  • ตัวแปลงสัญญาณ h.264;
  • เสียงเอเอซี.

เรื่องราวต้องใช้ภาพถ่ายและวิดีโอในรูปแบบแนวตั้ง

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

ขนาดปกอัลบั้มภาพ

ขนาดภาพวิดีโอ

1280 x 720 พิกเซล


หน้าวิกิ

ความกว้างของพื้นที่เนื้อหาของหน้าวิกิคือ 607 พิกเซล หากคุณอัปโหลดภาพขนาดใหญ่ ภาพนั้นจะอัปโหลดโดยอัตโนมัติที่ความกว้าง 400 พิกเซล ตัวอย่าง: ฉันมีรูปภาพขนาด 1366 x 768 หากฉันเพิ่มลงในหน้าวิกิ ก็จะมีลักษณะดังนี้:


หากต้องการเปลี่ยนขนาดของรูปภาพคุณต้องคลิกที่รูปภาพและตั้งค่าที่ต้องการ:


ฉันจะพูดถึงรายละเอียดเกี่ยวกับวิธีการทำงานกับหน้าวิกิด้านล่าง ดังนั้นเราจะไม่พูดถึงประเด็นนี้ที่นี่

จะแน่ใจได้อย่างไรว่ารูปภาพ VKontakte จะไม่ย่อขนาด? อิทธิพลของพื้นหลังและขนาดที่มีต่อคุณภาพของภาพ

หากคุณเคยพยายามอัปโหลดภาพไปยัง VKontakte (ไม่ว่าจะเป็นภาพประจำตัวหรือเพียงภาพถ่ายจากการเดินทางของคุณ) คุณอาจรู้อยู่แล้วว่าภาพเหล่านั้นมักจะหดตัวลง สิ่งนี้จะสังเกตเห็นได้ชัดเจนเป็นพิเศษบนพื้นหลังสีเข้ม (และโดยเฉพาะสีแดง) และเมื่อรูปภาพมีขนาดไม่ใหญ่เกินไป ตัวอย่าง:


จะแน่ใจได้อย่างไรว่าคุณภาพของภาพจะไม่ลดลง?

เพื่อป้องกันไม่ให้ภาพหดตัว (หรือค่อนข้างจะหดตัว แต่น้อยกว่ามาก) จำเป็นต้องทำให้ใหญ่กว่าขนาดที่ต้องการ 2-3 เท่า ตัวอย่างเช่น หากเราต้องการสร้างอวตารที่มีขนาด 200 x 500 พิกเซล เราจะถ่ายภาพที่มีขนาด 400 x 1,000 พิกเซล หากคุณต้องการสร้างเมนูที่มีขนาด 510 x 400 พิกเซล ให้ใช้ขนาด 1,020 x 800

รูปภาพบนพื้นหลังสีน้ำเงินเข้มซึ่งฉันแสดงไว้ด้านบน มีขนาด 510 x 350 ฉันทำให้มันใหญ่ขึ้นสองเท่า (1,020 x 700) แล้วบันทึกไว้ นี่คือสิ่งที่เกิดขึ้น:


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


วิธีการออกแบบส่วนหัวของหน้า

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

ปิดบัง

เมื่อไม่นานมานี้ VKontakte ได้เปิดตัวการอัปเดต - ตอนนี้คุณสามารถอัปโหลดหน้าปกขนาดใหญ่และสวยงาม (1590 x 400 พิกเซล) ไปยังหน้าต่างๆ ได้ โดยไปที่การตั้งค่าแล้วคลิกปุ่ม "ดาวน์โหลด"


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

ฉันขอแนะนำให้ให้ความสนใจเป็นพิเศษกับความเป็นไปได้ของการครอบคลุมแบบไดนามิก อ่านบทความของเราเกี่ยวกับวิธีการทำงาน วัตถุประสงค์ที่สามารถใช้งานได้ และบริการใดบ้างที่สามารถติดตั้งได้

ตัวอย่างหน้าปกแบบไดนามิก:

หน้าปก + คำอธิบายชุมชน + ลิงค์เว็บไซต์

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

คำอธิบายพร้อมแฮชแท็ก

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

โพสต์ปักหมุดบอกว่าเพจเกี่ยวกับอะไร

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

และนี่คือสิ่งที่ผู้ใช้เห็นหลังจากคลิกลิงก์:


เมนูกลุ่มเปิดอยู่

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

นี่คือลักษณะของโพสต์ที่ปักหมุดในส่วนหัวของหน้า Flatro:


เมนูกลุ่มปิดแล้ว

เมนูแบบปิดจะเหมือนกับโพสต์วิกิเดียวกับในย่อหน้าก่อนหน้า เฉพาะประกาศเท่านั้นที่มีรูปภาพโดยไม่มีรายการเมนู โดยปกติแล้วพวกเขาจะเขียนไว้ว่า: "เมนู", "เมนูการนำทาง" หรือ "การนำทางผ่านสื่อสาธารณะ"

และนี่คือสิ่งที่เราเห็นเมื่อคลิก:

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

เมนูรวมสำหรับกลุ่ม

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

GIF และอวตารในภาพเดียว

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

อย่างไรก็ตาม ฉันเห็นตัวอย่างนี้ในกลุ่มนักการตลาด SMM Sergei Shmakov จึงขอขอบพระคุณท่านที่ได้พบ :)

เมนูที่ซ่อนอยู่

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

วิดีโอที่เล่นอัตโนมัติ

ณ สิ้นเดือนพฤศจิกายน 2558 นวัตกรรมที่น่าสนใจปรากฏบนโซเชียลเน็ตเวิร์ก VKontakte - ทันทีที่ผู้ใช้เยี่ยมชมเพจของคุณ วิดีโอที่แนบกับส่วนหัวจะเริ่มเล่นโดยอัตโนมัติ ด้วยเทคนิคนี้ คุณสามารถดึงดูดความสนใจจากผู้ใช้ได้มากขึ้น (โดยเฉพาะผู้ที่เข้าชมเพจของคุณเป็นครั้งแรก) และในขณะเดียวกันก็อย่าสร้างความรำคาญให้กับผู้ที่ไม่ชอบให้เนื้อหาถูกบังคับเพราะวิดีโอจะเล่น โดยไม่มีเสียงและไม่รบกวนในทางปฏิบัติ

จะเพิ่มวิดีโอดังกล่าวลงในส่วนหัวของหน้าของคุณได้อย่างไร?

เมื่อต้องการทำเช่นนี้ ต้องปฏิบัติตามเงื่อนไขสามประการ:

  • แนบวิดีโอในโพสต์และปักหมุดโพสต์นี้ไว้ที่ด้านบนสุดของชุมชน
  • นอกเหนือจากวิดีโอแล้ว ไม่ควรแนบสิ่งอื่นใดไปกับการบันทึกอีกด้วย สามารถเลือกได้เฉพาะวิดีโอและข้อความเท่านั้น
  • ต้องอัปโหลดวิดีโอไปยัง VKontakte - ไม่รองรับเครื่องเล่นบุคคลที่สาม

กระทู้ที่ได้รับการแชร์มากมาย

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

ประกาศวิดีโอ อัลบั้ม กิจกรรมใหม่

การนำเสนอผลิตภัณฑ์/บริการใหม่

ส่วนลดและโปรโมชั่น

เคสรีวิวจากลูกค้า

การโฆษณาแอปพลิเคชัน

วาด

กฎของชุมชน

ลิงก์ไปยังเครือข่ายโซเชียลอื่น ๆ

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

อวาตาร์ควรเป็นอย่างไร?

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

ภาพขนาดย่อของอวตาร

  1. ข้อความบนภาพขนาดย่อของอวตารของคุณควรใหญ่พอที่จะอ่านได้


  2. ข้อความไม่ควรขยายเกินภาพขนาดย่อ


  3. ผู้ใช้ควรเข้าใจสิ่งที่ปรากฏบนอวตาร


  4. หากเป็นไปได้ จะเป็นการดีกว่าที่จะไม่ใช้ภาพสต็อก เนื่องจากภาพเหล่านั้นมักจะทำให้ความน่าเชื่อถือของบริษัทลดลง

  5. มันไม่พึงปรารถนาที่ภาพขนาดย่อของอวาตาร์จะจางและน่าเบื่อเกินไป ไม่เช่นนั้นมันจะหายไปกับพื้นหลังของอวตารของคู่แข่งที่สว่างกว่า
  6. หากคุณต้องการให้อวตารของคุณดูทันสมัย ​​ให้สร้างในสไตล์มินิมอล: ลดข้อความ เงา การไล่ระดับสี และองค์ประกอบต่างๆ ที่ไม่มีความหมายใดๆ อวตารของคุณควรเรียบง่ายและเรียบร้อยที่สุดเท่าที่จะเป็นไปได้ สไตล์นี้กำลังได้รับความนิยมในปัจจุบัน


  7. หากเป้าหมายของคุณคือการดึงดูดความสนใจของผู้ใช้และโดดเด่นจากอวตารอื่น ๆ ในฟีด คุณจะต้องใช้จินตนาการของคุณ ลองนึกถึงสิ่งที่คุณใส่ใจเมื่อกำลังมองหาชุมชนที่น่าสนใจ? ตัวอย่างเช่น ฉันถูกดึงดูดด้วยอวตารด้วยแสงที่ลุกโชนมากกว่าหนึ่งครั้ง ซึ่งมักจะบ่งบอกว่ามีข้อความใหม่มาถึงแล้ว นี่เป็นเทคนิคที่เก่ามาก แต่ด้วยเหตุผลบางอย่างมันยังคงส่งผลต่อฉัน - เมื่อฉันเห็นแสงเช่นนี้ ฉันจะจ้องมองมันอย่างแน่นอน

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


อวตารเป็นวงกลมสีดำ: ใหญ่และเล็ก ดูเหมือนว่าทำไมถึงทำเช่นนี้? แต่เมื่อคุณเลื่อนดูรายชื่อชุมชน อวตารดังกล่าวจะดึงดูดความสนใจเนื่องจากแตกต่างจากชุมชนอื่นๆ มาก

ข้อมูลใดบ้างที่สามารถใส่ลงในภาพขนาดย่อของอวตารได้?

แม้ว่าภาพขนาดย่อของอวตารจะมีขนาดเล็กมาก แต่ก็สามารถ (และควร) ใช้เพื่อดึงดูดผู้ติดตามมาที่ชุมชนของคุณได้ วิธีการทำเช่นนี้? ลองดูตัวเลือกบางส่วน:

ประกาศเกี่ยวกับผลิตภัณฑ์/บริการ/งานใหม่


ข้อดีของบริษัท/บริการ/เพจ


หมายเลขโทรศัพท์บริษัท


ราคาดี


จัดส่งฟรี


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


คลังสินค้า


การแข่งขัน


ตำแหน่งงานว่าง


อวตารของตัวเองควรเป็นอย่างไร?

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

  1. อวตารจะต้องมีคุณภาพสูง ฉันเขียนเกี่ยวกับวิธีการบรรลุเป้าหมายนี้ให้สูงขึ้นเล็กน้อย สำหรับผู้ที่พลาดส่วนนี้ฉันจะบอกคุณสั้น ๆ - ขนาดของอวตารควรใหญ่กว่าที่คุณวางแผนไว้ 2-3 เท่า
  2. ขอแนะนำให้รวมอวตารเข้ากับเมนู: ใช้โทนสีเดียวกัน, มีแบบอักษร, องค์ประกอบเหมือนกัน ฯลฯ ด้วยเหตุนี้ส่วนหัวของหน้าของคุณจะดูเรียบร้อยและเป็นมืออาชีพมากขึ้น ตัวอย่าง:
  3. รูปประจำตัวและรูปขนาดย่อของรูปประจำตัวอาจแตกต่างกัน ตัวอย่างเช่น คุณสามารถวาดวงกลมบนอวตารของคุณ ออกแบบตามที่คุณต้องการ เลือกพื้นที่นั้นเป็นภาพขนาดย่อ และออกแบบส่วนที่เหลือของอวตารในสไตล์ที่แตกต่าง

  4. อีกทางเลือกหนึ่งคือการแบ่งอวตารออกเป็นสองส่วน อันหนึ่งสำหรับของจิ๋ว และอันที่สองสำหรับส่วนที่เหลือของอวตาร


  5. เพื่อสนับสนุนให้ผู้ใช้สมัครสมาชิกเพจของคุณหรือเขียนข้อความถึงตัวแทนของบริษัท คุณสามารถใส่คำกระตุ้นการตัดสินใจที่เกี่ยวข้องได้ที่ด้านล่างสุดของอวตารและมีลูกศรชี้ไปที่ปุ่ม

  6. พยายามอย่าใส่ข้อมูลมากเกินไปในอวาตาร์ของคุณ ไม่เช่นนั้นมันจะดูมากเกินไปและไม่เป็นระเบียบ เพิ่มเฉพาะจุดที่สำคัญที่สุดลงไปและตรวจสอบให้แน่ใจว่ามี "อากาศ" อยู่ระหว่างจุดเหล่านั้น


ข้อมูลอะไรที่สามารถใส่ลงในอวตารได้?

โดยพื้นฐานแล้ว คุณสามารถใส่อะไรก็ได้ที่คุณต้องการลงบนอวตารของคุณ ที่นี่ต่างจากเมืองจิ๋วตรงที่มีพื้นที่ให้เดินเล่นจริงๆ สิ่งสำคัญคืออย่าละเมิด :)

โดเมนไซต์


โทรศัพท์/ที่อยู่/เวลาทำการ


การแข่งขัน/โปรโมชั่น


สินค้าที่ซื้อมากที่สุด/สินค้าใหม่


ข้อมูลการจัดส่ง


การโฆษณาแอปบนมือถือ


ข้อได้เปรียบหลักของบริษัท/เพจ/ผลิตภัณฑ์ ฯลฯ


การอัปเดตการแบ่งประเภท/ความคิดสร้างสรรค์ใหม่ๆ ฯลฯ


ข้อมูลที่ชุมชนของคุณเป็นทางการ


ข้อมูลเกี่ยวกับเหตุการณ์ที่จะเกิดขึ้น


ที่อยู่ของบัญชีในเครือข่ายโซเชียลอื่น ๆ


คำอธิบายหน้าขยาย


คุยโม้


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

วิธีสร้างอวาตาร์และเมนูแบบไร้รอยต่อ

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

  1. ดาวน์โหลดเทมเพลต Photoshop ที่ฉันเตรียมไว้เป็นพิเศษสำหรับบทความนี้ ในขนาดปกติ (เมนู – กว้าง 510 พิกเซล, อวตาร – 200) หรือขยายใหญ่ (เมนู – กว้าง 1,020 พิกเซล, อวตาร – 400)
  2. เปิดรูปภาพที่คุณต้องการใช้เป็นฐาน
  3. คัดลอก วางลงในเทมเพลต และวางตำแหน่งตามที่คุณต้องการตัด


  1. เพิ่มเอฟเฟกต์ ข้อความ กราฟิก ฯลฯ


  1. หากคุณไม่ต้องการสูญเสียส่วนหนึ่งของรูปภาพ (ในช่องว่าง 50px นั้น) ให้เลื่อนไปทางขวาตามที่แสดงใน GIF ต่อไปนี้:


  1. เลือกเครื่องมือ "การตัด" และคลิกที่ปุ่ม "Fragments along Guides"


  1. ลบส่วนที่ไม่จำเป็นออก (คลิกเมาส์ขวา - "ลบส่วน") และแก้ไขส่วนที่มีอยู่ (คลิกเมาส์ขวา - คลิกในพื้นที่ว่าง - ใช้พื้นที่ที่ต้องการแล้วขยายเป็นขนาดที่ต้องการ)


  1. ไปที่ส่วน "ไฟล์" และเลือกคำสั่ง "บันทึกสำหรับเว็บ"


  1. ไปที่ตำแหน่งที่คุณบันทึกรูปภาพ (เดสก์ท็อปหรือไดเร็กทอรีบางรายการ) และค้นหาโฟลเดอร์ชื่อ "Images" นี่คือที่ภาพของคุณจะไป ตอนนี้สิ่งที่เหลืออยู่คือการกรอกข้อมูลลงในหน้า


ป.ล.ความสูงของอวตารสามารถเปลี่ยนแปลงได้ตามดุลยพินิจของคุณ ฉันใช้ขนาดสูงสุด - 500 พิกเซล แต่ค่าของคุณอาจน้อยกว่านี้ ตัวอย่างเช่น ในหน้า “Wiki Markup”:

วิธีการใช้งานวิดเจ็ต

วิดเจ็ตยังเป็นส่วนหนึ่งของการออกแบบชุมชน VK ผู้ใช้สามารถ: สั่งซื้อ, สมัครรับจดหมายข่าว, เข้าร่วมการแข่งขัน, อ่านและแสดงความคิดเห็น, เปิดการค้นหาในชุมชน, รับของขวัญ, คูปองส่วนลด ฯลฯ

นี่คือตัวอย่างบางส่วนของวิดเจ็ตในหน้า VKontakte:




วิธีการออกแบบรูปภาพสำหรับโพสต์

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

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

ฉันจะหาภาพดีๆได้ที่ไหน?

เรามีบทความที่ดีในหัวข้อนี้ในบล็อกของเรา - “” ทั้งหมดนี้ฟรี แต่บางอันต้องลงทะเบียน หากคุณไม่พบสิ่งใดที่เหมาะกับตัวเอง ให้ลองค้นหาด้วยคำหลัก + วอลเปเปอร์ (หรือหากเป็นภาษาอังกฤษ ให้ใช้วอลเปเปอร์) โดยทั่วไปแล้ว คำขอประเภทนี้จะทำให้ได้รูปภาพคุณภาพสูง แต่ที่นี่คุณต้องระมัดระวังและตรวจสอบประเภทของใบอนุญาต ไม่เช่นนั้น หากคุณมีธุรกิจที่จริงจังคุณอาจประสบปัญหาได้

ผู้ที่ไม่รู้วิธีทำงานใน Photoshop ควรทำอย่างไร?

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

1. Fotor.com



หลังจากนั้นทางด้านซ้ายของหน้าจอให้เลือกเทมเพลตที่เราสนใจ โปรดทราบว่าเฉพาะเทมเพลตที่ไม่มีไอคอนรูปเพชรเท่านั้นที่ให้บริการฟรี



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


หลังจากนั้นเราจะเปลี่ยนข้อความ ฟอนต์ ขนาดฟอนต์ ตำแหน่งของคำจารึก ฯลฯ


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


2. Canva.com

อีกหนึ่งบริการที่จะช่วยให้คุณออกแบบภาพได้สวยงาม มันทำงานบนหลักการเดียวกันกับหลักการก่อนหน้า ลงทะเบียนในบริการ (คุณสามารถใช้บัญชี Google+ หรืออีเมลของคุณ)


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


เลือกเทมเพลต (หากเทมเพลตทำเครื่องหมายว่า “ฟรี” หมายความว่าฟรี) ให้เปลี่ยนข้อความ


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


วิธีจัดรูปแบบบทความในตัวแก้ไข

เมื่อเร็ว ๆ นี้ VKontakte ได้ทำให้สามารถพิมพ์บทความในโปรแกรมแก้ไขพิเศษได้ ในการสร้างบทความคุณต้องคลิกที่ตัวอักษร "T":


วิธีใช้มาร์กอัปวิกิ

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

มาร์กอัป Wiki เป็นภาษามาร์กอัปที่ใช้ในการจัดรูปแบบข้อความบนเว็บไซต์ (โดยปกติจะจัดเป็นโครงการ wiki) และช่วยให้เข้าถึงความสามารถของภาษา HTML ได้ง่ายขึ้น บนไซต์ของเรา หน้าวิกิเป็นทางเลือกที่ดีสำหรับการโพสต์และการนำทางด้วยข้อความทั่วไป หากคุณต้องการสร้างบทความขนาดใหญ่ที่มีรูปแบบข้อความที่แตกต่างกัน (ตัวหนา ขีดเส้นใต้ ส่วนหัว ฯลฯ) หรือเพิ่มกราฟิก หรือเพียงสร้างเมนูนำทางที่มีสีสันสำหรับชุมชนของคุณ วิกิเป็นสิ่งที่ขาดไม่ได้

เช่นเดียวกับ Wordpress (หรือ CMS อื่นๆ) มีโปรแกรมแก้ไข HTML ที่คุณสร้างบทความ Contact มีโปรแกรมแก้ไขของตัวเองสำหรับการสร้างและแก้ไขหน้าวิกิ ดูเหมือนว่านี้:


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

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

การค้นหา VK หรือการดูผลงานของนักออกแบบจะแสดงตัวอย่างที่ประสบความสำเร็จมากมายของการออกแบบกลุ่ม VKontakte ซึ่งคุณสามารถสร้างได้เมื่อเลือกเมนูหน้าปกสำหรับชุมชนของคุณ

ใช้ขนาดการออกแบบกลุ่ม VKontakte ต่อไปนี้:

  • หน้าปกหน้าจะแสดงที่ด้านบนตลอดความกว้างของหน้าสาธารณะ ขนาด 1590 x 400 พิกเซล
  • รูปประจำตัวขนาดใหญ่ - แบนเนอร์แนวตั้ง 200x500 พิกเซล (อัตราส่วน 2:5) แสดงที่มุมขวาบน
  • อวตารขนาดเล็กเป็นรูปภาพทรงกลมจะแสดงในแต่ละข้อความกลุ่ม ขนาด 200x200 พิกเซล
  • รูปภาพเมนูสำหรับกลุ่ม VKontakte กว้าง 510 พิกเซล สูง 307 (เพื่อให้ขอบด้านล่างของเมนูเข้ากันได้ดีกับด้านล่างของอวตารขนาดใหญ่ทางด้านขวา)

หากภาพหน้าปกถูกโหลดในการตั้งค่าชุมชน อวตารขนาดใหญ่ทางด้านขวาจะไม่แสดง

วิธีสร้างส่วนหัวสำหรับกลุ่ม VKontakte ด้วยตัวเอง

เพื่อให้ส่วนหัวของชุมชนดูสวยงาม ส่วนประกอบกราฟิกทั้งหมดจะต้องได้รับการออกแบบในสไตล์เดียวกัน (ชุดสี โลโก้ แบบอักษร) หรือเป็นส่วนหนึ่งของรูปภาพเดียวกัน เมื่อสร้างกลุ่ม VKontakte ด้วยตัวเอง ขั้นตอนแรกคือการเตรียมภาพพื้นหลัง นี่อาจเป็นภาพเฉพาะเรื่องจากคลังภาพฟรี (เช่น pixabay.com)

เปิดภาพในโปรแกรมแก้ไขกราฟิก ครอบตัดหรือปรับขนาดตามขนาด: ยาว 1,590 พิกเซล สูง 400 พิกเซล

จากนั้นคุณสามารถใช้จารึกที่จำเป็น (ชื่อกลุ่ม สโลแกน โทรเพื่อเข้าร่วมชุมชน) ตอนนี้คุณต้องอัปโหลดหน้าปกไปยังชุมชน โดยไปที่รายการเมนู "การจัดการชุมชน":

คลิกที่ "ดาวน์โหลด" ในช่อง "ความคุ้มครองชุมชน"

ในหน้าต่างถัดไป ให้เลือกไฟล์หน้าปกที่เตรียมไว้ก่อนหน้านี้บนคอมพิวเตอร์ของคุณ แล้วคลิก “บันทึกและดำเนินการต่อ”

ตอนนี้กลุ่มของคุณจะมีหน้าปกใหม่ โปรดทราบว่าในกรณีนี้ รูปภาพแนวตั้งของอวตารขนาดใหญ่ทางด้านขวาจะไม่แสดงอีกต่อไป

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

ขนาดส่วนหัวบนสาธารณะ VKontakte ในการออกแบบใหม่

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

วิธีสร้างเมนูสำหรับกลุ่ม VK ในรูปแบบใหม่

กระบวนการออกแบบเมนูกลุ่ม VKontakte ประกอบด้วยขั้นตอนต่อไปนี้:

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

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

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

เมนูแนวตั้งของชุมชน VK พร้อมรายการในคอลัมน์เดียว

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

  • วาดกรอบ
  • เปลี่ยนสีพื้นหลังใต้ตัวอักษร
  • เพิ่มเงาให้กับตัวอักษร

ในภาพหน้าจอด้านล่าง แต่ละรายการจะถูกไฮไลต์ด้วยวิธีใดวิธีหนึ่งต่อไปนี้

ขั้นตอนต่อไปคือการตัดภาพออกเป็นส่วนๆ:


กระบวนการตัดภาพสามารถทำได้โดยใช้เครื่องมือออนไลน์ที่สะดวก www.imgonline.com.ua/cut-photo-into-pieces.php

ถัดไปในเมนู "การจัดการชุมชน" ไปที่รายการ "ส่วน" และในรายการ "วัสดุ" เลือก "ถูกจำกัด" (ซึ่งหมายความว่ามีเพียงผู้ดูแลระบบกลุ่มเท่านั้นที่สามารถสร้างและแก้ไขเพจได้)

คลิกบันทึกและไปที่กลุ่มหลัก ใกล้ส่วนที่มีข้อมูลเกี่ยวกับกลุ่มรายการ "ข่าวล่าสุด" ปรากฏขึ้น

ไปที่ส่วนนี้แล้วคลิกแก้ไข เปลี่ยนชื่อเป็น "เมนู" จากนั้นคลิกที่ไอคอนกล้องเพื่อเพิ่มรูปภาพ

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

VKontakte จะลดขนาดรูปภาพโดยอัตโนมัติเป็น 400 พิกเซลและแทรกแท็กพิเศษ เพื่อแก้ไขปัญหานี้ คุณต้องไปที่โหมดแก้ไขมาร์กอัป

แท็กรูปภาพแต่ละแท็กเริ่มต้นด้วย "[[” และลงท้ายด้วย “]]” และประกอบด้วยสามส่วนที่คั่นด้วย “|”: รหัสรูปภาพ คุณสมบัติ และลิงก์ คุณต้องปรับขนาดของรูปภาพและใส่แท็ก "nopadding" ลงในคุณสมบัติ คุณสมบัติของรูปภาพจะแสดงรายการผ่าน “;”

หลังจากบันทึกการเปลี่ยนแปลง การสร้างเมนูจะเสร็จสมบูรณ์

เมนูที่มีรายการแนวนอนหรือหลายบรรทัด

ในกรณีนี้ การเตรียมภาพจะดำเนินการในลักษณะเดียวกัน แต่ตัดแหล่งที่มาในแนวตั้ง ส่วนที่ตัดจะถูกโหลดผ่านอินเทอร์เฟซการแก้ไขหน้า ตำแหน่งสัมพัทธ์ของชิ้นส่วนสี่เหลี่ยมถูกสร้างขึ้นโดยใช้มาร์กอัปตาราง wiki ใน VK แท็กรูปภาพลิงก์แต่ละแท็กที่อธิบายไว้ในส่วนก่อนหน้าจะอยู่ภายในเซลล์ตาราง

กฎการออกแบบตาราง:

  • จุดเริ่มต้นแสดงด้วยสัญลักษณ์ “(|) ส่วนท้ายของตารางระบุด้วย “|)”
  • คุณสมบัติเพิ่มเติมจะแสดงหลัง "|~"
  • บรรทัดใหม่ขึ้นต้นด้วย "|-"
  • แต่ละเซลล์คั่นด้วย "|"

หากต้องการยกเว้นช่องว่างเพิ่มเติม คุณต้องระบุพารามิเตอร์ตาราง "fixed nopadding noborder" เค้าโครงของเมนูกราฟิกที่มี 2 คอลัมน์และ 2 แถวมีลักษณะดังนี้:

และเมนูของตัวเองในกลุ่ม:

ขนาดอวตารของกลุ่มในการออกแบบใหม่สำหรับการออกแบบสาธารณะของ VK

ชุมชน VKontakte ใช้สองตัวเลือกอวตาร:

  • แบนเนอร์สี่เหลี่ยมขนาดใหญ่ 200 x 500 พิกเซลจะแสดงที่มุมขวาบนหากไม่ได้โหลดหน้าปก
  • ภาพขนาดย่อคือ 200x200 พิกเซล แสดงในโพสต์และการสนทนาเป็นวงกลม

อย่างที่คุณทราบ การสร้างกลุ่มของคุณเองบน VK นั้นไม่เพียงพอ คุณต้องสร้างการออกแบบภาพที่สวยงาม เติมเนื้อหาที่น่าตื่นเต้น และดึงดูดผู้คนใหม่ ๆ ที่น่าสนใจให้เข้ามาในกลุ่ม องค์ประกอบที่สำคัญของการออกแบบภาพของกลุ่ม VKontakte คือหน้าปก - ภาพสี่เหลี่ยมที่ด้านบนสุดของหน้ากลุ่ม ขนาดมาตรฐานคือ 1590x400 พิกเซลสำหรับหน้าปกกลุ่มบน VKontakte และด้านล่างนี้เราจะดูวิธีสร้างภาพสำหรับชุมชนที่มีขนาด 1590 x 400 และยังให้ตัวอย่างปกของรูปแบบนี้ใน VK อีกด้วย

หน้าปกของกลุ่ม VKontakte หมายถึงสองตัวเลือกพื้นฐานสำหรับขนาดที่ใช้:

  • ขั้นต่ำ – ขนาด 795x200 พิกเซล;
  • แนะนำขนาด 1590x400 พิกเซล ซึ่งช่วยให้คุณทำงานกับภาพที่มีรายละเอียดซึ่งเหมาะอย่างยิ่งสำหรับจอภาพไวด์สกรีน

โปรดทราบว่าสำหรับอุปกรณ์มือถือ (และตามสถิติแล้ว เจ้าของอุปกรณ์ดังกล่าวคือผู้เข้าชม VK ส่วนใหญ่) พื้นที่ครอบคลุมที่มองเห็นได้ใน VK 1590 x 400 คือ 1196 × 400 px ขอบด้านซ้ายและด้านขวาถูกตัดออก 140 พิกเซลเนื่องจากไอคอนป๊อปอัปของเมนูและข้อความ และด้านบน 83 พิกเซลถูกตัดออกไปโดยแถบที่แสดงไอคอนระดับการชาร์จของโทรศัพท์ ความแรงของสัญญาณ สายที่ได้รับ SMS และอื่นๆ ไอคอน

การแสดงหน้าปกบนอุปกรณ์เคลื่อนที่

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

วิธีสร้างรูปภาพขนาด 1590x400 ที่เหมาะสมสำหรับชุมชน VKontakte

สำหรับนักออกแบบมืออาชีพ การสร้างหน้าปกสำหรับกลุ่ม VK นั้นไม่ใช่เรื่องยาก หากคุณไม่เป็นเช่นนั้น เครื่องมือกราฟิกพิเศษจะช่วยคุณสร้างหน้าปกสำหรับหน้าสาธารณะ vk.com เราขอแนะนำ Canva ซึ่งเป็นแหล่งข้อมูลออนไลน์ที่ออกแบบมาเพื่อวัตถุประสงค์ด้านการออกแบบกราฟิกโดยเฉพาะ ฟังก์ชันการทำงานช่วยให้เข้าถึงรูปภาพ รูปภาพ และแบบอักษรนับล้านได้อย่างสะดวก การทำงานด้วยมันไม่ซับซ้อน ซึ่งเป็นเหตุผลว่าทำไม Canva จึงได้รับความนิยมทั้งในหมู่ผู้เริ่มต้นและมืออาชีพ

ใช้ Canva เพื่อสร้างหน้าปก

หนึ่งในคุณสมบัติที่สะดวกสบายของแหล่งข้อมูลนี้คือส่วนที่สร้างรูปภาพสำหรับกลุ่มบน VKontakte โดยเฉพาะ นี่คือรายการเครื่องมือที่สะดวกที่ช่วยให้คุณสร้างหน้าปกขนาด 1590x400 สำหรับกลุ่ม VK 2018

อัลกอริทึมสำหรับการทำงานกับทรัพยากรมีดังนี้:

  1. ไปที่ canva.com;
  2. คลิกที่ "สร้างหน้าปกสำหรับกลุ่ม VK";
  3. โปรดระบุวัตถุประสงค์ที่คุณใช้ Canva เพื่อการค้า การศึกษา ส่วนตัว ฯลฯ
  4. ลงทะเบียนทรัพยากร (คุณสามารถเข้าสู่ระบบโดยใช้บัญชี Google หรือ Facebook ของคุณ)
  5. ถัดไปคุณจะถูกนำไปยังส่วนพิเศษของไซต์สำหรับสร้างหน้าปกสำหรับกลุ่มใน VK โดยเฉพาะ

ทางด้านซ้ายคุณจะเห็นแผงควบคุมซึ่งมีชุดเครื่องมือสำหรับสร้างและแก้ไขหน้าปกที่น่าสนใจสำหรับกลุ่มของคุณใน VK ด้านขวาเป็นช่องสำหรับสร้างภาพขนาด 1590×400 พิกเซล

แก้ไขหน้าปกบน Canva

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

หากต้องการอัปโหลดภาพของคุณเองไปยังแหล่งข้อมูล จะมีปุ่ม "ดาวน์โหลด" หากคุณกำลังอัปโหลดโลโก้ ให้ลองใช้โลโก้ที่มีพื้นหลังโปร่งใส หากต้องการแทรกรูปภาพของคุณลงในเค้าโครงของหน้าปก VK ในอนาคตในปี 2561 เพียงลากด้วยเมาส์ไปยังส่วนที่ต้องการของภาพ

หากต้องการอัปโหลดไฟล์ไปยังทรัพยากร ให้ใช้ปุ่ม "ดาวน์โหลด"

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

เส้นการตั้งค่าที่ด้านบนจะปรากฏขึ้นเมื่อคุณคลิกที่ข้อความในหน้าปก

หากต้องการบันทึกผลลัพธ์บนพีซีของคุณ ให้คลิก "ไฟล์" - "ดาวน์โหลด" ที่ด้านซ้ายบน

คุณอาจสนใจเนื้อหาของเราเกี่ยวกับ

เมื่อทำงานกับหน้าปกใน Canva, Adobe Photoshop และเครื่องมืออื่นที่คล้ายคลึงกัน โปรดคำนึงถึงสิ่งต่อไปนี้:

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

วิธีอัพโหลดรูปภาพที่เหมาะสมเข้ากลุ่มของคุณ

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

คลิกที่ "ดาวน์โหลด" เพื่ออัปโหลดหน้าปกไปยังกลุ่มของคุณ

ตัวอย่างปก VK หลายรายการ

นอกจากนี้เรายังเสนอตัวอย่างรูปภาพหลายรายการที่สามารถใช้เป็นเทมเพลตสำหรับหน้าปกกลุ่มของคุณบนโซเชียลมีเดียในอนาคต เครือข่าย VK:









บทสรุป

ข้างต้นเราได้กล่าวถึงการสร้างหน้าปกที่น่าจดจำสำหรับการออกแบบกลุ่ม VK ที่มีขนาด 1590x400 พวกเขายังมีตัวเลือกรูปภาพมากมายและอธิบายวิธีวาดภาพโดยใช้บริการยอดนิยมอย่าง Canva เมื่ออัปโหลดภาพที่สร้างขึ้นไปยัง VKontakte โปรดจำข้อ จำกัด ที่เกิดขึ้นเมื่อดูหน้าปกจากอุปกรณ์มือถือ สิ่งนี้จะช่วยให้การดูกลุ่มของคุณสะดวกสบายยิ่งขึ้นสำหรับผู้ใช้ VK “มือถือ” จำนวนมาก