Nike
แกลเลอรี่ภาพขาวดำที่รวบรวมความสำเร็จด้านกีฬา – ผนังสีขาว ผลิตภัณฑ์ราวกับงานศิลปะ โครเมียมกลมกลืนไปกับฉากหลัง
เว็บไซต์ Nike.com ทำหน้าที่เป็นเหมือนแกลเลอรีขาวดำที่เน้นสินค้าเป็นหลัก: อินเทอร์เฟซผู้ใช้แทบมองไม่เห็น ทำให้ภาพสินค้าครอบคลุมทุกหน้าจอ อินเทอร์เฟซทั้งหมดสร้างขึ้นจากสีดำ ขาว และสีเทา 3 เฉดสี—ไม่มีสีเน้น ไม่มีไล่ระดับสีตกแต่ง ไม่มีสีโครเมียมอันเป็นเอกลักษณ์ สไตล์อันเป็นเอกลักษณ์ของ Nike ปรากฏอยู่ในโลโก้แกลเลอรีและภาพถ่าย แต่ไม่เคยอยู่ในอินเทอร์เฟซผู้ใช้เลย ตัวอักษรมีขนาดกะทัดรัดและใช้งานได้จริง โดยใช้ตระกูลฟอนต์ Helvetica Now ที่ออกแบบเอง ขนาด 12-20 พิกเซล พร้อมโลโก้ Nike Futura ND ขนาดใหญ่ 76 พิกเซลสำหรับหัวข้อ ส่วนประกอบต่างๆ มีความเรียบง่าย: ปุ่มรูปทรงแคปซูลรัศมี 30 พิกเซล การ์ดสินค้าแบบแบน ขอบบาง และความสูงแทบไม่แตกต่างกัน หน้าเว็บสลับระหว่างพื้นผิวสินค้าสีขาวบริสุทธิ์และส่วนบทความสีเข้มที่โดดเด่น สร้างจังหวะผ่านความแตกต่างมากกว่าการตกแต่ง
หน้าเว็บนี้มีการจัดวางเนื้อหาที่แข็งแกร่ง: ส่วนหัวสีเข้มขนาดเต็มความกว้างที่โดดเด่น แสดงสินค้าเพียงชิ้นเดียวและชื่อสินค้าขนาดใหญ่ ตามด้วยตารางหมวดหมู่ขนาด 2x2 ขนาดเต็มความกว้าง ตารางแสดงสินค้าแบบเลื่อนแนวนอน 3 คอลัมน์ และสุดท้ายคือส่วนท้ายหน้าเว็บที่มีเนื้อหาหนาแน่นหลายคอลัมน์ บล็อกเนื้อหาทั้งหมดใช้ความกว้างเต็มหน้าจอโดยไม่มีการจำกัดความกว้างสูงสุดของคอนเทนเนอร์ ยกเว้นตารางลิงก์นำทางและส่วนท้ายหน้าเว็บเท่านั้น การเปลี่ยนระหว่างส่วนต่างๆ นั้นคมชัด: ส่วนหัวสีดำ → ตารางหมวดหมู่สีขาว → ตารางสินค้าสีขาว → ส่วนท้ายสีขาว โดยมีเส้นขอบสีเทาแคบๆ เป็นเพียงรอยต่อทางสายตา การนำทางเป็นแถบสองระดับที่เรียบง่าย (ลิงก์เสริมอยู่ด้านบน หมวดหมู่หลักอยู่ตรงกลาง) โดยไม่มีการตรึง ไม่มีพื้นหลัง และไม่มีเงา ความหนาแน่นของเนื้อหาจะกระชับในตารางสินค้า (ระยะห่างระหว่างการ์ดแคบ) และกว้างขวางในส่วนหัว (เต็มความกว้างของหน้าจอ)
การถ่ายภาพเป็นองค์ประกอบภาพที่โดดเด่นและกำหนดเอกลักษณ์ทั้งหมดของแบรนด์ ระบบใช้ภาพถ่ายผลิตภัณฑ์คุณภาพสูงแบบเต็มเฟรม: รองเท้ากีฬาแต่ละคู่ถ่ายแยกกันโดยใช้พื้นหลังสีเข้มหรือไล่ระดับสี ตัดแต่งให้เต็มเฟรมโดยไม่มีบริบทการใช้งานในชีวิตประจำวัน ภาพไลฟ์สไตล์จะปรากฏอยู่ภายในหมวดหมู่ โดยแสดงให้เห็นเท้าและขาของนักกีฬาขณะเคลื่อนไหว มีการใช้โทนสีที่มีความตัดกันสูงและอิ่มตัว เช่น รองเท้าสีแดงบนพื้นหลังสีดำ เน้นสีนีออนบนพื้นรองเท้าสีขาว และใช้แสงโทนร้อนและเย็นเพื่อเน้นวัสดุ ไม่มีการใช้ภาพประกอบ กราฟิกนามธรรม หรือภาพเรนเดอร์ 3 มิติ ภาพจะมีขอบคมชัดเสมอ (ไม่มีมุมโค้งมนในกรอบภาพ) ครอบคลุมพื้นที่ทั้งหมดภายในบล็อก และมีข้อความซ้อนทับน้อยที่สุด ไอคอนมีฟังก์ชันการใช้งานล้วนๆ: ไอคอนแบบเส้นขอบสำหรับค้นหา รายการสินค้าที่ต้องการ ตะกร้าสินค้า และบัญชี ในสีดำหรือสีเหล็ก
จานสี
เป็นกลาง
- Obsidian
#111111— สีเข้มช่วยเสริมข้อความและไอคอนที่เป็นกลาง และสร้างความแตกต่างที่ชัดเจน หลีกเลี่ยงการใช้สีเข้มเป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Paper White
#ffffff— พื้นหลังของหน้าเว็บ พื้นผิวของการ์ด ข้อความบนปุ่มบนพื้นหลังสีเข้ม โครงร่างไอคอน—ผืนผ้าใบเริ่มต้นสำหรับตารางผลิตภัณฑ์และส่วนหมวดหมู่ - Concrete Gray
#e5e5e5— เส้นขอบ เส้นแบ่ง เส้นบางๆ ที่แยกส่วนต่างๆ ของตาราง เส้นขอบบางๆ ของช่องป้อนข้อมูล - Soft Mist
#f5f5f5— สีพื้นหลังที่ดูเรียบง่ายสำหรับพื้นผิวรอง การกรอกข้อมูลในช่องค้นหา และสีพื้นหลังของแท็ก - Steel
#707072— ข้อความเสริม, ข้อความช่วยเหลือที่ลดความเข้ม, เส้นขอบไอคอนที่ลดขนาดลง, ป้ายกำกับเส้นทางนำทาง, ตัวคั่นลิงก์ในส่วนท้าย - Faint Gray
#9e9ea0— เส้นขอบไอคอน องค์ประกอบ UI ขนาดเล็ก และขอบที่มีการเน้นสีน้อยที่สุดถูกปิดใช้งาน
การจัดพิมพ์
จาก 12 เป็น 76 พิกเซล · 6 ขั้นตอน
- Helvetica Now Text Medium — ทดแทน: Inter · โครงร่าง 500 · ฟอนต์ Helvetica Now Text Medium - พบในข้อมูลที่ดึงมาได้ แต่ไม่ได้ถูกอธิบายไว้โดย AI
- Helvetica Now Text — ทดแทน: Inter or Helvetica Neue · โครงร่าง 400, 500 · ข้อความหลักของส่วนติดต่อผู้ใช้ ได้แก่ ลิงก์นำทาง ป้ายกำกับปุ่ม ชื่อการ์ด ชื่อสินค้า รายการส่วนท้าย และข้อความหลักทั้งหมด
- Helvetica Now Display Medium — ทดแทน: Inter Medium or Helvetica Neue Medium · โครงร่าง 500 · หัวข้อส่วนต่างๆ ป้ายกำกับหมวดหมู่การ์ด หัวข้อขนาดกลาง - การใช้แบบอักษรขนาดกลาง (20-24 พิกเซล) เป็นเอกลักษณ์ของหัวข้อจาก Nike ที่ไม่ใช่ส่วนประกอบการออกแบบขนาดใหญ่: ไม่ใช้ตัวหนา กระชับเสมอ
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 8px |
| รัศมีปุ่ม | 30px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 48px |
| ความกว้างของหน้า | 1440px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Nike และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Apple (España) — ตู้โชว์สีขาว
- Silencio — ห้องสีขาวที่มีสิ่งของจัดแสดงลอยอยู่ การจัดแสดงในแกลเลอรี่ที่ทำจากกระดาษสีโทนอบอุ่น โดยแต่ละองค์ประกอบวางอยู่บนพื้นหลังที่ว่างเปล่า และความเงียบสงบนั้นเป็นเจตนาในการออกแบบ
- Oakâme — โรงงานในแคว้นโปรวองซ์ที่อาบแสงแดด แกะสลักจากหินสีอบอุ่น
- Arc — แกลเลอรี่สีขาวสไตล์อุตสาหกรรมเหนือผืนน้ำยามเที่ยงคืน
- Rivian — เสาไฟฟ้าขนาดมหึมาบนผนังคอนกรีตของหอศิลป์ ริเวียนนำเสนอรถแต่ละคันราวกับประติมากรรมบนพื้นที่สีขาวกว้างใหญ่ ด้วยตัวอักษรขนาดใหญ่จนกลายเป็นองค์ประกอบทางสถาปัตยกรรม และสีเหลืองอบอุ่นเพียงสีเดียวที่ตัดกับบรรยากาศแบบโมโนโครม เหมือนแสงแดดที่ส่องกระทบพื้นผิวด้าน
- Analogue — ตู้โชว์สีดำ – สินค้าลอยอยู่ในความว่างเปล่า
- ddna — ตู้จัดแสดงในพิพิธภัณฑ์ที่อบอุ่น วางบนผ้าลินินที่ไม่ผ่านการบำบัด
- Zellerfeld — ห้องทำงานของประติมากรที่สร้างจากหินอ่อนสีขาว—พื้นผิวที่เป็นเนื้อเดียวกันของฐานรอง ประกายสีโคบอลต์เพียงเล็กน้อย ตัวอักษรพิมพ์เล็กที่กระซิบแผ่วเบาจากพื้นจรดเพดาน
- UY Studio — ห้องโถงหินของอารามเป็นพื้นที่เงียบสงบที่มีผนังคอนกรีต โดยมีขวดน้ำหอมวางอยู่บนแท่นสีขาว ส่องสว่างด้วยหลอดไฟขนาด 400 วัตต์หนึ่งดวงและหลอดไฟสีเทาอบอุ่นอีกสี่ดวง
- Basic.Space — หอศิลป์ภัณฑารักษ์บนพื้นหินอ่อนสีขาว
- COS — แกลเลอรี่ทันสมัยที่มีผนังสีขาว