Zellerfeld
ห้องทำงานของประติมากรที่สร้างจากหินอ่อนสีขาว—พื้นผิวที่เป็นเนื้อเดียวกันของฐานรอง ประกายสีโคบอลต์เพียงเล็กน้อย ตัวอักษรพิมพ์เล็กที่กระซิบแผ่วเบาจากพื้นจรดเพดาน
Zellerfeld ให้ความรู้สึกเหมือนเป็นแกลเลอรีของประติมากรดิจิทัลบนหินอ่อนสีขาว—ตลาดสำหรับรองเท้าพิมพ์ 3 มิติ ที่ซึ่งพื้นผิวสีเดียว พื้นที่ว่างสีขาวมากมาย และตัวอักษรพิมพ์เล็กขนาดใหญ่ ช่วยให้แต่ละผลิตภัณฑ์ทำหน้าที่เหมือนนิทรรศการในพิพิธภัณฑ์ อินเทอร์เฟซนั้นเรียบง่ายมาก: พื้นหลังสีขาวดำที่มีสีโคบอลต์สดใสเพียงสีเดียว (#000aff) สงวนไว้สำหรับช่วงเวลาที่สำคัญ—ไอคอน การนำทาง "ร้านค้า" ที่ใช้งานอยู่ และสถานะสไลด์ปัจจุบัน การ์ดลอยอยู่บนพื้นหลังสีเทาไข่มุกอบอุ่น แทนที่จะเป็นสีขาวบริสุทธิ์ ทำให้ตารางดูจับต้องได้เหมือนปูนปลาสเตอร์ แบบอักษรยังคงเป็นแบบ sans-serif ที่กำหนดเองเพียงแบบเดียว (Roobert) ที่มีระยะห่างระหว่างตัวอักษรแคบ และ Space Mono ใช้เฉพาะสำหรับราคา รายการผลิตภัณฑ์ และข้อมูลเมตาทางเทคนิคเท่านั้น ด้วยเหตุนี้ หน้าผลิตภัณฑ์จึงให้ความรู้สึกเหมือนเว็บไซต์ข่าวการออกแบบมากกว่าจุดชำระเงินในร้านค้าปลีก—วัตถุถูกถ่ายภาพ ไม่ใช่ขาย
หน้าเว็บนี้แสดงผลเต็มความกว้างของหน้าและมีแถบเนื้อหาขนาด 1440 พิกเซล องค์ประกอบหลักคือแบนเนอร์รูปภาพแบบเต็มหน้าจอพร้อมโอเวอร์เลย์ UI แบบลอยตัว ส่วนต่างๆ ของผลิตภัณฑ์ใช้ตารางแบบ 4 คอลัมน์ โดยจะลดเหลือ 2 คอลัมน์บนแท็บเล็ตและ 1 คอลัมน์บนอุปกรณ์มือถือ ลำดับของส่วนต่างๆ คือ: คำอธิบายผลิตภัณฑ์ขนาดใหญ่ → ตารางการให้คะแนนจากบรรณาธิการ → ตารางสินค้าใหม่ → แผงข้อมูลติดต่อสื่อ แต่ละส่วนของผลิตภัณฑ์จะจัดวางเนื้อหาไว้ตรงกลางแถบและใช้พื้นที่แนวตั้ง 80 พิกเซลระหว่างส่วนต่างๆ การนำทางเป็นแถบด้านบนคงที่ในแถวเดียวพร้อมแถบโฆษณาบางๆ อยู่ด้านบน การ์ดผลิตภัณฑ์จัดเรียงตามตารางอย่างเคร่งครัด พื้นที่รูปภาพจะอยู่ตรงกลางของรูปทรงรองเท้าเสมอ โดยมีระยะห่างด้านบน/ด้านล่าง 40 พิกเซลภายในการ์ด และกลุ่มข้อมูลเมตาจะยึดอยู่ที่มุมล่างซ้ายพร้อมโลโก้แบรนด์ขนาด 40x40 พิกเซล
ภาพถ่ายสินค้าเป็นองค์ประกอบภาพที่โดดเด่นที่สุด โดยรองเท้าแต่ละคู่จะถูกถ่ายบนพื้นผิวสีขาวบริสุทธิ์หรือพื้นผิวปูนปลาสเตอร์ในมุมสามในสี่ส่วน โดยเติมเต็มพื้นที่ทั้งหมดของการ์ดโดยไม่มีบริบท นางแบบ หรือสิ่งรอบข้างใดๆ องค์ประกอบหลักคือภาพถ่ายไลฟ์สไตล์เต็มรูปแบบ: ภาพตัดส่วนเท้าและรองเท้าบนพื้นทรายหรือคอนกรีต ในขนาดที่พอดีกับคนจริงเสมอ ไม่ใช่ภาพคุณภาพระดับสตูดิโอที่สมบูรณ์แบบ หลักการ "ตัวแบบคือองค์ประกอบหลัก" ถูกนำมาใช้ โดยรองเท้าจะกินพื้นที่ 40% ของพื้นที่ที่มองเห็นได้ในเฟรม แม้แต่ในองค์ประกอบหลักของบทความ ไม่มีการใช้กราฟิกตกแต่ง ลวดลายแบบนามธรรม หรือภาพประกอบใดๆ ไอคอนเป็นแบบเส้นตรง มีเส้นขอบสีดำ ไม่มีการเติมสี ไม่มีการลงสีใดๆ
จานสี
ยี่ห้อ
- Electric Cobalt
#000aff— ไอคอนใหม่ แถบนำทางที่ใช้งานอยู่ ตัวบ่งชี้สไลด์ปัจจุบัน ช่วงเวลาการเปิดใช้งาน—ซึ่งเป็นสัญญาณสีเพียงอย่างเดียวในระบบ ถูกใช้อย่างประหยัดเพื่อให้รับรู้ได้ว่าเป็นการเปิดใช้งานมากกว่าการตกแต่ง
เป็นกลาง
- Pale Iris
#e5e7ff— มีการเติมสีใหม่ให้กับป้ายชื่อ เพิ่มความสว่างอย่างนุ่มนวล และปรับโทนสีให้กับตัวเลือกการติดฉลาก โดยใช้เฉดสีโคบอลต์อ่อนๆ ที่ให้ความรู้สึกถึงสีสันโดยไม่รบกวนโทนสีขาวดำ - Ink Black
#111111— ข้อความหลัก เส้นขอบเริ่มต้น เส้นขอบไอคอน เส้นแบ่งบางๆ - สีโครงสร้างหลักสำหรับหัวข้อ รายการ และลิงก์ - Pure White
#ffffff— ควรใช้รูปแบบที่เป็นกลาง ข้อความไอคอน และการแสดงผล UI ที่ไม่ฉูดฉาด ในกรณีที่สีไม่เด่นชัด หลีกเลี่ยงการใช้สีเป็นสีหลักสำหรับปุ่มกระตุ้นการกระทำ - Plaster
#ecedee— พื้นผิวรองสำหรับแสดงข้อมูลผลิตภัณฑ์ พื้นหลังแถบนำทาง และระดับพื้นผิวเรียบที่ยกสูงขึ้นจากผืนผ้าใบ - Slate
#a1a4aa— เฉดสีของกรอบการ์ด สีเติมปุ่มที่เป็นกลาง และกรอบปุ่มที่ดูนุ่มนวล เป็นสีเทาที่ช่วยเน้นขอบของการ์ดโดยไม่ทำให้ขอบมืดลง - Fog
#d7d7d7— กรอบการ์ดสีอ่อน เส้นแบ่ง การลงสีพื้นผิวที่ไม่ใช้งาน
การจัดพิมพ์
จาก 13 เป็น 128 พิกเซล · 7 ขั้นตอน
- Roobert — ทดแทน: Inter · โครงร่าง 400, 500, 600, 700 · แบบอักษรหลักของแบรนด์ถูกใช้สำหรับทุกอย่าง ตั้งแต่เนื้อหาหลักไปจนถึงหัวข้อข่าว ระยะห่างระหว่างบรรทัดสม่ำเสมอในทุกขนาด ทำให้ตัวอักษรพิมพ์เล็กของโลโก้ดูหนาแน่นและมีมิติ ความหนาของแบบอักษรจะเพิ่มขึ้นตามบริบท: 400 สำหรับเนื้อหาหลักและส่วนติดต่อผู้ใช้ 500 สำหรับหัวข้อที่เน้น 600 สำหรับชื่อผลิตภัณฑ์ และ 700 สำหรับชื่อเรื่องขนาดใหญ่
- Space Mono — ทดแทน: JetBrains Mono · โครงร่าง 400, 600 · ข้อมูลทางเทคนิค เช่น ราคา (€189.00), ค่าตัวเลขสำหรับ 10 อันดับแรก, สัญลักษณ์หุ้น และชื่อร้านค้า จะถูกเพิ่มเข้าไปในส่วนที่ควรนำเสนอหน้าเว็บในฐานะข้อมูลจำเพาะทางเทคนิคมากกว่าข้อความส่งเสริมการขาย
- Arial — ทดแทน: Inter · โครงร่าง 400 · Arial - พบในข้อมูลที่ดึงมาได้ แต่ไม่ได้ถูกอธิบายโดย AI
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 16px |
| รัศมีปุ่ม | 10px |
| รัศมีการ์ด | 10px |
| เงา | น้อยที่สุด |
| ระหว่างส่วนต่างๆ | 80px |
| ความกว้างของหน้า | 1440px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Zellerfeld และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Apple (España) — ตู้โชว์สีขาว
- Silencio — ห้องสีขาวที่มีสิ่งของจัดแสดงลอยอยู่ การจัดแสดงในแกลเลอรี่ที่ทำจากกระดาษสีโทนอบอุ่น โดยแต่ละองค์ประกอบวางอยู่บนพื้นหลังที่ว่างเปล่า และความเงียบสงบนั้นเป็นเจตนาในการออกแบบ
- Oakâme — โรงงานในแคว้นโปรวองซ์ที่อาบแสงแดด แกะสลักจากหินสีอบอุ่น
- Nike — แกลเลอรี่ภาพขาวดำที่รวบรวมความสำเร็จด้านกีฬา – ผนังสีขาว ผลิตภัณฑ์ราวกับงานศิลปะ โครเมียมกลมกลืนไปกับฉากหลัง
- Arc — แกลเลอรี่สีขาวสไตล์อุตสาหกรรมเหนือผืนน้ำยามเที่ยงคืน
- Rivian — เสาไฟฟ้าขนาดมหึมาบนผนังคอนกรีตของหอศิลป์ ริเวียนนำเสนอรถแต่ละคันราวกับประติมากรรมบนพื้นที่สีขาวกว้างใหญ่ ด้วยตัวอักษรขนาดใหญ่จนกลายเป็นองค์ประกอบทางสถาปัตยกรรม และสีเหลืองอบอุ่นเพียงสีเดียวที่ตัดกับบรรยากาศแบบโมโนโครม เหมือนแสงแดดที่ส่องกระทบพื้นผิวด้าน
- Analogue — ตู้โชว์สีดำ – สินค้าลอยอยู่ในความว่างเปล่า
- ddna — ตู้จัดแสดงในพิพิธภัณฑ์ที่อบอุ่น วางบนผ้าลินินที่ไม่ผ่านการบำบัด
- UY Studio — ห้องโถงหินของอารามเป็นพื้นที่เงียบสงบที่มีผนังคอนกรีต โดยมีขวดน้ำหอมวางอยู่บนแท่นสีขาว ส่องสว่างด้วยหลอดไฟขนาด 400 วัตต์หนึ่งดวงและหลอดไฟสีเทาอบอุ่นอีกสี่ดวง
- Basic.Space — หอศิลป์ภัณฑารักษ์บนพื้นหินอ่อนสีขาว
- COS — แกลเลอรี่ทันสมัยที่มีผนังสีขาว