|
เขียนโดย จิราวัฒน์ การวิชญ์รัชพงษ์
|
 เมื่อช่วงวันหยุดที่ผ่านมา ได้พอมีเวลานั่งพักและหาอะไรทานเล่นๆ หันไปหยิบถุงขนมขบเคี้ยวประเภทมันฝรั่งขึ้นมาถุงหนึ่ง(เลย์ รสสไปซี่ซีฟูด) ไม่ได้โฆษณาให้เค้านะครับ นั่งทานไปสายตาก็เหลือบไปเห็นความน่าสนใจของห่อผลิตภัณฑ์ เลยลองหยิบมาเป็นประเด็นในการตั้งโจทย์สำหรับการสร้างเทมเพลทซะเลย
อาหารทะเล ถือได้ว่าเป็นสิ่งที่ทุกคนชื่นชอบ และเป็นที่รู้จักกันดีสำหรับรสชาติความจัดจ้าน ที่บ่งบอกได้ถึงความเป็นไทยอีกส่วนหนึ่งเลยทีเดียว และเมื่อหากพูดถึง อาหารทะเล สิ่งแรกที่เรามักจะนึกถึง คงต้องเป็นภาพ กุ้ง หอย ปู ปลา ปิ้งๆย่างๆ กับน้ำจิ้มรสเด็ด เอ้.. แล้วมาจะมานั่งพรรณาถึงสิ่งเหล่านี้ทำไมกันนะ หรือมันจะเกี่ยวข้องกับเทมเพลทมี่เราแจกนี้อย่างไร
 แนวคิด
แน่นอนครับ ความเกี่ยวข้องนั้นมันมีอยู่แน่อยู่แล้ว เพราะชื่อก็บอกอยู่แล้วว่า Siamspicy ที่หมายถึงความเผ็ดร้อนในรสชาติตามแบบสไตล์ของคนไทย สิ่งที่ผมกล่าวมาในข้างต้น ไม่ใช่จะเป็นการพร่ำพรรณาแต่อย่างใด แต่เป็นสิ่งที่ผมต้องการจะนำเสนอถึงวิธีคิด สำหรับการออกแบบเทมเพลทในแต่ละครั้ง ที่ผมมักจะเน้นเรื่องนี้เป็นอย่างมาก สำหรับผู้ที่เข้าอบรมการออกแบบเทมเพลทในแต่ละรุ่น เพราะโจทย์จะเป็นต้วกำหนดวิธีทำ ว่าคุณจำต้องทำมันออกมาอย่างไร ซึ่งจะเป็นเรื่องของวิธีคิด ถึง 80%
คราวนี้เราก็มาดูถึงผลของความคิดกันบ้าง หลังจากที่เราได้พูดถึงวิธีคิดกันไปแล้ว การตีโจทย์ของ Siamspicy ผลที่ออกมา คือเราได้ภาพที่สามารถสื่อได้ถึงอาหารทะเล และสีที่ใช้ เราได้เลือกใช้สีในลักษณะกลมกลืน ของสีส้ม ซึ่งเป็นสีจิตรวิทยา ส่งผลต่อความรู้สึกของผู้พบเห็น ให้รู้สึกหิว ร้อน กระหาย
ลำดับต่อไป คือการจัดวางองค์ประกอบ และหน้าที่การใช้งานในตำแหน่งที่เหมาะสมกลมกลืน ในด้านการออกแบบเราได้ใช้เส้นโค้งเข้ามาประกอบ เพื่อใหเกิดความรู้สึกเคลื่อนใหว และเพื่อไม่ให้ความรู้สึกติดอยู่ในกรอบสี่เหลี่ยมมากจนเกินไป และการวางภาพบนพื้นที่ว่างสีขาวเพื่อเป็นจุดนำสายตา ส่วนในด้านการใช้งาน สำหรับเทมเพลท Siamspicy นี้เราได้ออกแบบไว้สำหรับ การนำไปใช้กับธุรกิจประเภทร้านอาหาร ในการใช้เป็นพื้นที่สำหรับการประชาสัมพันธ์ร้านอาหาร การแนะนำเมนูอาหาร ดังนั้นจึงจะเห็นได้ว่าเทมเพลท Siamspicy นี้จึงไม่ได้เน้นฟีเจอร์อะไรที่เกินเลยไปกว่าการเป็นเว็บไซต์เพื่อนำเสนอรายการอาหารเท่านั้น หรือหากผู้ออกแบบมีจินตนาการ หรือต้องการต้องการสร้างลูกเล่นให้เกิดความน่าสนใจเพิ่มขึ้น อาจนำเทคนิคของแฟรชมาประกอบในส่วนของตัวภาพก็ย่อมได้ ซึ่งก็แล้วแต่จินตนาการของผู้ออกแบบจะนำไปใช้
 คุณสมบัติพิเศษ
สำหรับเทเพลท Siamspicy ได้ออกแบบให้มีการนำโมดุล Random images ซึ่งมีติดมากับ Joomla! อยู่แล้วนั้นออกมาใช้ในการแสดงภาพอาหารในด้านบนขวามือ ซึ่งผู้นำไปใช้สามารถเปลี่ยนและเพิ่มเติมภาพที่คุณต้องการแสดง และสร้างลิ้งเพื่อเชื่อมโยงไปยังส่วนรายการของเนื้อหาได้ ซึ่งในตำแหน่งการทำงานดังกล่าวนี้ เหมาะสำหรับการนำไปใช้ในการ นำเสนอเมนูอาหารแนะนำใหม่ๆที่น่าสนใจ และผูกลิ้งเชื่อมโยงไปยังหน้ารายการหารอาหารได้
การปรับแต่ง
Siamspicy ได้ออกแบบให้มีการกำหนดรูปแบบของสไตล์ชิท สำหรับโมดุลในแต่ละตำแหน่งเพื่อความลงตัว และการกำหนดการจัดหน้าฟร้อนท์เพจ ให้เหมาะสมสำหรับการนำเสนอเนื้อหาของรายการอาหาร
โดย
 ในตำแหน่งโมดุลโพสิชั่น top
ให้ทำการจัดวางการทำงานของโมดุล Newsflash ไม่กำหนดการแสดงชื่อไตเติ้ล
ในตำแหน่งโมดุลโพสิชั่น right
ให้ทำการจัดวางการทำงานของโมดุล Random Image
กำหนด Image Folder ให้ใส่ค่า templates/siamspicy/random_images
กำหนดขนาด Width =229 และ Height =109
กำหนดค่า Module Class Suffix ให้ใส่ค่า -rnd
ในตำแหน่งโมดุลโพสิชั่น user3
ให้ทำการจัดวางการทำงานของโมดุล Top menu
กำหนด Menu Class Suffix ให้ใส่ค่า -nav
ในตำแหน่งโมดุลโพสิชั่น left
ให้ทำการจัดวางการทำงานของโมดุล Main menu
กำหนด Module Class Suffix ให้ใส่ค่า -left
หรือเลือกกำหนดการจัดวางการทำงานของโมดุลใดๆก็ได้ที่คุณต้องการสำหรับการใช้งาน
และการกำหนดการแสดงผลงของหน้าฟร้อนท์เพจ โดย
กำหนดที่ Menu --> Main menu --> Home
จากนั้นกำหนดค่า Parameters ด้านขวามือ
กำหนดให้
Leading = 0
Intro = 4
Columns = 2
Links = 0 หรือตามแต่ที่คุณต้องการ
คุณสามารถชมตัวอย่างการแสดงผลจากการตั้งค่าดังกล่าว สำหรับการทำงานของเทมเพลท Siamspicy โดยคลื้กได้จากที่นี่ และสามารถดาวน์โหลดเทมเพลท Siamspicy โดยคลิ้กที่นี่ หรือจากเมนูดาวน์โหลดของเว็บไซต์ เพื่อดาวน์โหลดเทมเพลทอื่นๆ
|
|
แก้ไขล่าสุดเมื่อ ( Saturday, 05 May 2007 )
|
