ขนาดหน้าจอ = width :1000 px; จัด Center
- Header ออกแบบให้ โลโก้ดูเด่นชัด และ รวบรวม Socail Like Btn มาไว้ เพื่อเห็นได้ชัดเจน และมีปุ่ม เปิดร้านค้าฟรี โดดเด่น ให้หาเจอได้ง่าย
- ปุ่ม ค้นหา ออกแบบมาเหมือนเว็บใหญ่ๆ ทั่วไป โดย มีให้เลือก หมวดหมู่ที่จะค้นหา เป็นดรอปดาวน์ลงมา
- เมนูหลัก (เป็นเพียงไกด์ไลน์ให้เห็ฯภาพ) เมื่อ เมาส์ชี้ จะเปลี่ยนแทบเป็ฯสีส้ม อักษรขาว
องค์ประกอบในนี้ออกแบบให้มีส่วนสำคัญหลักๆ คือ
A แบนเนอร์ : เป็นแบบ สไลด์ Auto และสามารถคลิกเลือก ป้ายเพื่อดูได้ โดยคิกปุ่มกลมๆ ด้าน ขวามือ ล่าง
B ส่วนของแนะนำบริการของ บริษัท ออกแบบเป็ฯ icon สวยๆ เมื่อ คลิก มี บอลลูน อธิบายเมนู
C ร้านค้าดีเด่น ออกแบบโดย ร้านที่โฟกัส จะมี 1 ร้าน และ จะ ขยายใหญ่มา นิดหน่อยเพื่อให้เด่น ส่วนร้านอื่นๆ ที่ไม่ได้โฟกัสอยู๋จะเป็ฯเงาเบลอ แถบ ลล่าง มีปุ่มให้เลื่อน ซ้ายขวา และ ออกแบบมาให้สไลด์ออโต้ ด้วย
D ร้านค้าแนะนำ ออกแบบ เหมือนกันกับ C
E เมนู ซ้ายมือ ออกแบบมาให้ แสดง สินค้าตามหมวดหมู่ (ปล. หมวดหมู่เป็ฯเพียงไกด์ตัวอย่าง) คล้าย Taobao.com
F ส่วนของ สินค้าแนะนำ ออกแบบให้ พื้นที่นี้แสดง แดง รายการดังนี้ สินค้าแนะนำ สินค้าขายดี สินค้าลดราคา โดย หมวดหมู่จะสไลด์โชว์ และมีปุ่มให้เลื่อน ซ้ายขวา เพื่อ ดูหมวด หมู่ ที่ซ่อนอยู่
J ( ที่จิง มันต้องเป็น G สิ พอดีผมตก ภาษาปะกิด ข้ามลำดับอักษรเลยละกัน ) ส่วน ของ Footer แสดง โลโก้ ที่อยู๋ ชื่อ บริษัท และ รายละเอียดของ บริษัทอย่างย่อ ( ข้อมูลที่นำมาเป็ฯเพียงไกล์ไลน์ ให้เห็นภาพ)
ความรู้ทั่วไป
