พื้นหลังเว็บแบบ Pattern+แนะนำเว็บที่ใช้สร้าง

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

ที่ผมอยากจะแนะนำวันนี้ก็คือ การเลือกใช้ background website แบบ Pattern (การใช้ภาพเล็กๆ มาต่อกันจนเต็มพื้นที่)
ข้อดี การเลือกใช้ประเภทนี้ ก็คือ สามารถทำให้เบราเซอร์โหลดภาพได้เร็ว เพราะภาพมีขนาดเล็กได้เร็ว และทำไให้ไม่ต้องเสียเวลาในการดาวน์โหลดภาพขนาดใหญ่

วิธีการ
•  ภาพควรมี resolution ไม่เกิด 72 dpi เพราะจะทำให้ไฟล์ภาพขนาดใหญ่ ใช้เวลาโหลดนาน
• การกำหนดภาพแบบใช้เปอร์เซนต์ ทำให้ภาพปรับหรือลดขนาดลงได้ ตามขนาดของ containner ได้
• ใช้คำสั่ง repeat
 repeat-x วางภาพซ้ำในแนวนอน
 repeat-y วางภาพซ้ำในแนวตั้ง
 repeat วางภาพซ้ำทั้งสองแนว อัตโนมัติ
 no-repeat วางภาพเดียว ไม่ซ้ำ

แนะนำเว็บที่ใช้สร้างพื้นหลังเว็บ

1. BgPatterns.com

 

2. PatternCooler.com

3. Patterns by ColourLovers.com

 

4. StripedBgs.com

 

5. noisetexturegenerator.com

ดูเพิ่มเติมได้ที่นี่ singlefunction.com

sanyaindy

เป็นเว็บบล็อกเล็กๆ ที่สอนกราฟิก และงานออกแบบพื้นฐาน และนำเสนอผลงานสร้างแรงบันดาลใจในการออกแบบ รวมไปถึงงาน DIY ซึ่ง Blogger เพียงแค่นักศึกษาไอที ที่มีใจรักในงานออกแบบ รักการเป็นบล็อกเกอร์และ ฝันว่าสักวัน จะเป็นเป็นเจ้าของเว็บไซต์ที่ทุกคนรู้จัก

You may also like...