วิธีสร้างเมนู Vkontakte แบบกราฟิก

สารบัญ:

วิธีสร้างเมนู Vkontakte แบบกราฟิก
วิธีสร้างเมนู Vkontakte แบบกราฟิก

วีดีโอ: วิธีสร้างเมนู Vkontakte แบบกราฟิก

วีดีโอ: วิธีสร้างเมนู Vkontakte แบบกราฟิก
วีดีโอ: ออกแบบกราฟิก แอพ canva เมนูอาหาร ด้วยโทรศัพท์มือถือ 2024, ธันวาคม
Anonim

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

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

การเตรียมเค้าโครงเมนู

ในการสร้างเมนูกราฟิกที่สวยงามสำหรับกลุ่มหรือหน้าสาธารณะ คุณจะต้องมีรูปภาพที่จะวาดเมนูทั้งหมดด้วยสัดส่วนประมาณ 500 * 1,000 พิกเซลและทักษะพื้นฐานใน Adobe Photoshop สมมติว่าคุณวาดเมนูของคุณแล้ว - รูปภาพสี่เหลี่ยมที่มีปุ่มหลัก แต่จะวางไว้บนหน้า VKontakte ได้อย่างไรและทำให้มันใช้งานได้นั่นคือทำงานโดยคลิกที่บางพื้นที่ได้อย่างไร เปิดเลย์เอาต์ของคุณใน Adobe Photoshop โดยใช้เครื่องมือ Slice ตัดรูปภาพออกเป็นชิ้นแนวนอนหลายๆ ชิ้นแยกกัน ซึ่งแต่ละอันจะเป็นปุ่ม จากนั้นบันทึกภาพที่ตัดไว้สำหรับอินเทอร์เน็ต (บันทึก - บันทึกสำหรับเว็บ) โดยควรอยู่ในรูปแบบ.jpg

เพิ่มภาพเมนู

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

เค้าโครง

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

แนะนำ: