ลูเมทรา

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

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

01หน้าจอแรก

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

จำนวนหน้าจอบนคอมพิวเตอร์
10.1
สูง 9,098 px ที่ความกว้าง 1440 px
จำนวนหน้าจอบนแท็บเล็ต
9.9
สูง 10,956 px ที่ความกว้าง 834 px
จำนวนหน้าจอบนมือถือ
17.5
สูง 14,735 px ที่ความกว้าง 390 px

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

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

01หน้าจอแรก

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

อ่างหินโทนเกือบสีเดียว ทุกอย่างวางกลางบนภาพ ดาว หัวข้อตัวอักษรมีเชิง และปุ่ม 2 ปุ่ม

02ขั้นตอนใช้บริการ

ส่วนที่ 02 ของเว็บไซต์ ลูเมทรา ขั้นตอนใช้บริการ

พื้นสีครีม ภาพอยู่ซ้าย 2 ขั้นตอนแรกอยู่ขวา มีเลขกำกับในวงกลมเล็กๆ

03เลือกจุดที่กังวล

ส่วนที่ 03 ของเว็บไซต์ ลูเมทรา เลือกจุดที่กังวล

ภาพใบหน้าวางกลางบนพื้นสีครีม มีจุดปักไว้ที่คิ้ว แก้ม และกราม

04ทรีตเมนต์เด่น

ส่วนที่ 04 ของเว็บไซต์ ลูเมทรา ทรีตเมนต์เด่น

ใช้การ์ด 2 ใบแทนกริด ทรีตเมนต์แต่ละตัวเลยได้พื้นที่ราวหนึ่งในสามของหน้าจอ

05ประสบการณ์ลูกค้า

ส่วนที่ 05 ของเว็บไซต์ ลูเมทรา ประสบการณ์ลูกค้า

การ์ด 3 ใบสูงเท่ากัน ด้านบนแต่ละใบมีดาว 5 ดวง รูปโปรไฟล์ และชื่อ

06แบบฟอร์มประเมิน

ส่วนที่ 06 ของเว็บไซต์ ลูเมทรา แบบฟอร์มประเมิน

สีทึบสีแรกของหน้าคือสีดินเผา ภาพบุคคลอยู่ซ้าย ฟอร์ม 7 ช่องอยู่ขวา

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

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

  • #f7f2f083%
  • #ffffff5%
  • #9c63495%
  • #0000003%
  • #502e182%
  • #7373731%
  • #20130c<1%
  • #d8c9b5<1%
ฟอนต์ที่โหลด
Cormorant Garamond, Fustat, Fragment Mono, Inter, Work Sans, Montserrat
Cormorant Garamond ใช้กับหัวข้อ Work Sans ใช้กับเนื้อความ
สร้างบน
Framer
วัดเมื่อ
1 กันยายน 2026

บนทุกหน้าจอ

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

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