ทราเวลิโอ

Layout บนคอมพิวเตอร์และบนมือถือ มีเนื้อหาให้อ่านเท่าๆ กัน

  • บริษัทนำเที่ยว
ส่วนที่ 01 ของเว็บไซต์ ทราเวลิโอ หน้าจอแรก

01หน้าจอแรก

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

จำนวนหน้าจอบนคอมพิวเตอร์
14.6
สูง 13,159 px ที่ความกว้าง 1440 px
จำนวนหน้าจอบนแท็บเล็ต
10.5
สูง 11,724 px ที่ความกว้าง 834 px
จำนวนหน้าจอบนมือถือ
14.4
สูง 12,173 px ที่ความกว้าง 390 px

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

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

01หน้าจอแรก

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

ป่าในสายหมอก ทุกปุ่มเป็นทรงแคปซูล และช่องค้นหาสีขาวกับปุ่มกลม

02การเดินทาง 3 แบบ

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

ภาพถ่ายทรงกลม 3 ภาพ ภาพกลางใหญ่กว่าและยกสูงขึ้น มุมภาพมีกระดาษฉีกแปะไว้

03ทัวร์แนะนำ

ส่วนที่ 03 ของเว็บไซต์ ทราเวลิโอ ทัวร์แนะนำ

การ์ด 3 ใบ บนภาพแต่ละใบมีป้ายหมวดหมู่ ในแถวนี้มีแค่ราคาที่เป็นตัวหนา

04สไลด์จุดหมายปลายทาง

ส่วนที่ 04 ของเว็บไซต์ ทราเวลิโอ สไลด์จุดหมายปลายทาง

การ์ดจุดหมายปลายทางบนพื้นสีชมพู ลูกศรกลมอยู่ 2 ข้าง และมีแสตมป์ติดอยู่รอบๆ

05รีวิว

ส่วนที่ 05 ของเว็บไซต์ ทราเวลิโอ รีวิว

การ์ดรีวิว 3 คอลัมน์เรียงแบบก่ออิฐ สูงไม่เท่ากัน แถวบนสุดและล่างสุดค่อยๆ จางหายไป

06ปิดท้าย

ส่วนที่ 06 ของเว็บไซต์ ทราเวลิโอ ปิดท้าย

หัวข้อยาว 4 บรรทัด ผสมตัวตรงกับตัวเอียง มีเครื่องบินกระดาษพุ่งผ่านกลางหัวข้อ

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

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

  • #ffffff73%
  • #1a1a1716%
  • #ffdfcd5%
  • #fff6c74%
  • #5e5e5e1%
  • #d2e6f6<1%
  • #fedbe5<1%
  • #b4b4b4<1%
ฟอนต์ที่โหลด
Stack Sans Headline, Source Serif 4, Geist, Inter, Inter Display, Switzer
Inter Display ใช้กับหัวข้อ
สร้างบน
Framer
วัดเมื่อ
1 กันยายน 2026

บนทุกหน้าจอ

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

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