การออกแบบไซต์มีความสำคัญมากสำหรับวิธีที่ผู้เข้าชมจะรับรู้ในท้ายที่สุด ผู้คนควรได้รับความพึงพอใจด้านสุนทรียภาพขณะอยู่ในหน้าต่างๆ ของไซต์ เช่นเดียวกับหน้าเหล่านี้ควรสะดวกและใช้งานได้จริง ไม่มีไซต์ใดสมบูรณ์หากไม่มีปุ่มนำทาง และไซต์ของคุณจะดูใช้งานได้จริงและสวยงามไปพร้อม ๆ กันหากคุณทำให้ปุ่มเหล่านี้เป็นภาพเคลื่อนไหว
คำแนะนำ
ขั้นตอนที่ 1
ปุ่มกราฟิกต่างจากปุ่มข้อความที่มองเห็นได้ชัดเจนบนหน้าเว็บและง่ายต่อการจดจำของผู้อ่าน ใช้ Corel Draw เพื่อสร้างปุ่มเคลื่อนไหว สร้างเอกสารใหม่และวาดช่องว่างที่ปุ่มจะแสดงในหลายมุมมองทั้งในสถานะกดและไม่ได้กด
ขั้นตอนที่ 2
ในการวาดปุ่ม ให้เลือกเครื่องมือที่เหมาะสมจากกล่องเครื่องมือแล้ววาดสี่เหลี่ยมมุมมน เติมสีดำลงในสี่เหลี่ยม จากนั้นคัดลอกและเลื่อนสำเนาไปทางซ้ายและขวา เติมสี่เหลี่ยมที่สองด้วยสีขาว
ขั้นตอนที่ 3
บนปุ่มว่าง ให้เขียนชื่อโดยเพิ่มโครงร่างสีดำลงในข้อความ ทำให้ข้อความเป็นสีขาว ตอนนี้เปิดเมนู Effects Rollover โดยเน้นที่ปุ่มและคลิกที่ตัวเลือก Create Rollover คุณจะเห็น Normal บนแถบสถานะโรลโอเวอร์
ขั้นตอนที่ 4
ตอนนี้ หากต้องการเปลี่ยนรูปภาพของปุ่ม ให้คลิกขวาที่ปุ่มนั้นแล้วเลือกตัวเลือกแก้ไขโรลโอเวอร์ในเมนูบริบท แถบเครื่องมืออินเทอร์เน็ตใหม่จะเปิดขึ้น วาดตำแหน่งปุ่มเพิ่มเติม ซึ่งจะเปลี่ยนไปทีละตำแหน่ง สร้างเอฟเฟกต์แอนิเมชั่น
ขั้นตอนที่ 5
ที่ด้านซ้ายของแผงอินเทอร์เน็ต ให้คลิกที่ปุ่ม Over และแก้ไขปุ่มเพื่อลบโครงร่างของข้อความ เติมข้อความด้วยสีดำเพื่อสร้างเวอร์ชันที่สองในแอนิเมชั่น ตอนนี้ให้กดปุ่มลงและวาดปุ่มเวอร์ชันล่าสุดเมื่อกด
ขั้นตอนที่ 6
ย้ายข้อความและสี่เหลี่ยมสีขาวลงไปทางขวา แล้วเลื่อนสี่เหลี่ยมสีดำขึ้นไปทางซ้าย ตอนนี้คลิกที่ปุ่ม Finish Editing Rollover
ขั้นตอนที่ 7
บันทึกปุ่มพร้อมกับรหัสที่คุณสามารถใช้เพื่อเปลี่ยนรูปลักษณ์ของวัตถุบนหน้าเว็บ ด้วยวิธีนี้ คุณสามารถวาดปุ่มชนิดใดก็ได้ด้วยการออกแบบใดๆ