วิดีโอ รูปภาพ
เข้าสู่ระบบ
หน้า Landing Page ของ iPhone Fold ในสไตล์ Apple

หน้า Landing Page ของ iPhone Fold ในสไตล์ Apple

Creates a premium Apple-inspired web landing page mockup for a fictional foldable iPhone product reveal.

ยอดดู5,500
ถูกใจ64
ความเห็น7
แชร์2
บุ๊กมาร์ก10
อ้างอิง1
แปลแล้ว
เป้าหมาย: สร้างหน้า Landing Page สำหรับผลิตภัณฑ์ในสไตล์ Apple ที่ดูหรูหราสำหรับ {argument name="product name" default="iPhone Fold"} โดยนำเสนอสมาร์ทโฟนแบบพับได้ระดับพรีเมียม พร้อมความคมชัดของสีขาว-ดำที่ดูน่าทึ่งและการเรนเดอร์อุปกรณ์ที่สมจริงเหมือนภาพถ่าย

ผืนผ้าใบ: เว็บม็อกอัปขนาดสี่เหลี่ยมจัตุรัส 1:1 ประมาณ 850 × 850 พิกเซล แบ่งออกเป็น 2 ส่วนแนวนอนอย่างชัดเจน: ส่วน Hero ที่ดูมืดและมีความเป็นภาพยนตร์ที่ด้านบนซึ่งกินพื้นที่ประมาณ 58% ของผืนผ้าใบ และส่วนดีไซน์สีขาวสว่างที่ด้านล่างซึ่งกินพื้นที่ประมาณ 42%

ส่วนบน: ใช้พื้นหลังสีดำสนิทพร้อมแสงเรืองรองสีน้ำเงินอมม่วงจางๆ ใกล้ด้านล่าง จัดวางตัวอักษรทั้งหมดไว้ตรงกลาง ที่ด้านบนสุดจะมีข้อความกำกับขนาดเล็กว่า “iPhone Fold” ถัดลงมาเป็นพาดหัวข่าวตัวหนาขนาดใหญ่ในสไตล์ Apple ว่า “{argument name="headline text" default="มิติใหม่แห่งอนาคต"}” ด้วยตัวอักษรไล่เฉดสีขาวไปจนถึงสีเงิน ใต้พาดหัวข่าวให้เพิ่มย่อหน้าสั้นๆ ที่จัดวางไว้ตรงกลางว่า “{argument name="subheadline text" default="iPhone Fold ผสานพลังของ iPhone เข้ากับการออกแบบที่ยืดหยุ่นอย่างงดงาม พื้นที่ที่กว้างขึ้น เพื่อตัวคุณที่ฉลาดกว่าเดิม"}” วางปุ่มทรงแคปซูล 2 ปุ่มไว้ใต้ข้อความ: ปุ่มแรกเป็นสีขาวพร้อมข้อความสีดำ “ชมภาพยนตร์” พร้อมไอคอนวงกลมเล่นวิดีโอขนาดเล็ก; ปุ่มที่สองเป็นสีดำ/เข้ม พร้อมขอบสีขาวบางๆ และข้อความสีขาว “แจ้งเตือนฉัน”

การเรนเดอร์ผลิตภัณฑ์ส่วนบน: ใต้ปุ่มต่างๆ ให้แสดงภาพ iPhone แบบพับได้ที่สมจริงเหมือนภาพถ่ายหนึ่งเครื่อง โดยกางออกเป็นรูปตัว V ตื้นๆ บนพื้นผิวมันวาวสีดำ อุปกรณ์มีขอบไทเทเนียมสีดำ มองเห็นรูลำโพงและพอร์ตชาร์จตามขอบด้านล่าง มีบานพับตรงกลางที่รอยพับ มุมโค้งมน และหน้าจอด้านในสีเข้มพร้อมรูปทรงแสงคล้ายกลีบดอกไม้สีม่วงอมน้ำเงินที่สะท้อนผ่านรอยพับ ใช้แสง Rim Light แบบภาพยนตร์ ความคมชัดสูง และเงาสะท้อนจางๆ ใต้โทรศัพท์

ส่วนล่าง: เลย์เอาต์หน้าผลิตภัณฑ์ Apple สีขาวสะอาดตา ทางด้านซ้าย ให้สร้างบล็อกข้อความที่มีข้อความกำกับขนาดเล็กว่า “ดีไซน์” ตามด้วยพาดหัวข่าวตัวหนาขนาดใหญ่ว่า “{argument name="design headline" default="เปิดรับความเป็นไปได้ใหม่ๆ"}” เพิ่มย่อหน้าว่า: “ดีไซน์ที่บางและทนทานอย่างน่าทึ่ง พับได้อย่างไร้รอยต่อ สร้างสรรค์ด้วยไทเทเนียม สร้างมาเพื่อความคงทน” ด้านล่างให้รวมแถวฟีเจอร์ 3 แถวพร้อมไอคอนโครงร่างสีดำแบบมินิมอลและข้อความแถวละสองบรรทัด: 1) “กรอบไทเทเนียม” พร้อมข้อความย่อย “แข็งแกร่ง เบา และประณีต” 2) “บานพับไร้รอยต่อ” พร้อมข้อความย่อย “วิศวกรรมเพื่อการพับที่ราบรื่นยิ่งขึ้น” 3) “สร้างมาเพื่อทุกวัน” พร้อมข้อความย่อย “ทนทานทั้งภายในและภายนอก”

การเรนเดอร์ผลิตภัณฑ์ส่วนล่าง: ทางด้านขวา ให้แสดงองค์ประกอบผลิตภัณฑ์ที่สมจริงเหมือนภาพถ่ายชิ้นที่สอง: iPhone Fold สีดำที่พับอยู่หรือพับบางส่วนตั้งตรง โดยมองเห็นแผงด้านหลังและชุดกล้องสามตัวที่ครึ่งซ้าย และหน้าจอด้านหน้าทางครึ่งขวา หน้าจอด้านหน้าแสดงเวลา “9:41” ข้อความวันที่ขนาดเล็ก “อังคารที่ 1 เม.ย.” ไอคอนสถานะขนาดเล็ก และวอลเปเปอร์นามธรรมสีน้ำเงินอมม่วงเข้ม ใช้บานพับแนวตั้งระหว่างสองส่วน เงาที่นุ่มนวล และการสะท้อนของกระจกที่สมจริง

สไตล์ภาพ: สุนทรียศาสตร์แบบมินิมอลหรูหราในงาน Keynote ของ Apple, ตัวอักษรคล้าย San Francisco, การจัดวางที่แม่นยำ, พื้นที่ว่างที่กว้างขวาง, วัสดุไทเทเนียมสีดำมันวาว, การไล่เฉดสีที่ละเอียดอ่อน, แสงที่สมจริง, ไม่มีความรก

ข้อจำกัด: รวม 2 ส่วน, ปุ่ม Call-to-action 2 ปุ่ม, แถวฟีเจอร์ 3 แถว และองค์ประกอบการเรนเดอร์ผลิตภัณฑ์หลัก 2 ชิ้น ห้ามเพิ่มเมนูนำทาง, โลโก้พิเศษนอกเหนือจากโลโก้ Apple จางๆ ที่ด้านหลังอุปกรณ์, ลายน้ำ หรือข้อความที่ไม่เกี่ยวข้อง

แปลด้วยเครื่อง — ต้นฉบับคือพรอมต์ที่สร้างผลงานนี้

✨ สร้าง โพสต์ต้นฉบับ เปิดใน Hitboard