ฝางโมเดิร์น

มือถือไม่ได้ย่อ Layout ของคอมพิวเตอร์ให้เล็กลง แต่เรียงเนื้อหาต่อกันลงมา จนต้องเลื่อนยาวเป็น 2.6 เท่า

  • โรงแรม
ส่วนที่ 01 ของเว็บไซต์ ฝางโมเดิร์น หน้าจอแรก

01หน้าจอแรก

วัดเมื่อ 1 กันยายน 2026

จำนวนหน้าจอบนคอมพิวเตอร์
4.0
สูง 3,614 px ที่ความกว้าง 1440 px
จำนวนหน้าจอบนแท็บเล็ต
7.0
สูง 7,814 px ที่ความกว้าง 834 px
จำนวนหน้าจอบนมือถือ
10.6
สูง 8,924 px ที่ความกว้าง 390 px

4 ส่วนของเว็บไซต์

อ่านเว็บไซต์ทีละส่วน ว่าแต่ละส่วนมีไว้ทำอะไร และงานออกแบบทำเรื่องไหนเป็นหลักในส่วนนั้น

01หน้าจอแรก

ส่วนที่ 01 ของเว็บไซต์ ฝางโมเดิร์น หน้าจอแรก

ป้ายโลโก้วางบนภาพบ้านพัก ป้ายช่องทางติดต่อหลายสี 4 ป้าย ใต้ลงมาเป็นแถบเมนูภาษาไทยสีแดง

023 โซน

ส่วนที่ 02 ของเว็บไซต์ ฝางโมเดิร์น 3 โซน

การ์ด 3 ใบ แต่ละใบอยู่บนบล็อกสีของตัวเอง แดง เขียว และเขียวอ่อน มีปุ่มใบละปุ่ม

03โปรแกรมทัวร์

ส่วนที่ 03 ของเว็บไซต์ ฝางโมเดิร์น โปรแกรมทัวร์

บล็อกสีแดงบอกเวลาและราคา ตามด้วยภาพพร้อมคำบรรยาย 8 ภาพ เรียงชิดกันสุดขอบ ไม่มีช่องว่าง

04สถานที่และราคา

ส่วนที่ 04 ของเว็บไซต์ ฝางโมเดิร์น สถานที่และราคา

ภาพอีก 4 ภาพ บล็อกราคาสีแดง จุดชมวิว 3 จุด และป้ายช่องทางติดต่อชุดเดิม เรียงลำดับเหมือนเดิม

จุดเด่นของงานออกแบบ

ทุกสีอ่านจากหน้าเว็บที่แสดงผลจริง ถ่วงน้ำหนักตามพื้นที่ที่สีนั้นกินอยู่ ไม่นับภาพถ่าย

  • #ffffff67%
  • #7a1c0b8%
  • #b229107%
  • #3333336%
  • #d9534f5%
  • #f0ad4e3%
  • #5cb85c3%
  • #eb42241%
ฟอนต์ที่โหลด
Billion Web Font, Prompt
สร้างบน
Joomla!
วัดเมื่อ
1 กันยายน 2026

บนทุกหน้าจอ

หน้าเดียวกันที่ความกว้าง 1440, 834 และ 390 พิกเซล วาดด้วยสเกลเดียวกัน มือถือที่เห็นแคบกว่าเท่าไร ของจริงก็แคบกว่าเท่านั้น

ฝางโมเดิร์น ทั้งหน้าตามที่แสดงผลที่ความกว้าง 1440px
คอมพิวเตอร์ 1440px
ฝางโมเดิร์น หน้าเดียวกันที่ความกว้าง 834px
แท็บเล็ต 834px
ฝางโมเดิร์น หน้าเดียวกันที่ความกว้าง 390px
มือถือ 390px