FARFETCH España
แกลเลอรี่แฟชั่นในสไตล์ "ไวท์คิวบ์" ลองนึกภาพพื้นที่ค้าปลีกระดับไฮเอนด์ที่ผนัง พื้น และอุปกรณ์ต่างๆ เป็นสีขาวโพลน เหลือเพียงเสื้อผ้าและผู้สวมใส่เท่านั้นที่สร้างเฉดสี เนื้อสัมผัส และการแสดงออกทางภาพทั้งหมด
Farfetch ทำหน้าที่เหมือนแกลเลอรีแฟชั่นแบบ "ไวท์คิวบ์" กล่าวคือ อินเทอร์เฟซแทบจะไม่มีสีสันเลย ทำให้ภาพถ่ายเชิงบรรณาธิการเป็นตัวกำหนดการตัดสินใจด้านภาพทั้งหมด การจัดวางตัวอักษรเป็นส่วนสำคัญในการสร้างโครงสร้าง โดยใช้ฟอนต์ sans-serif รูปทรงเรขาคณิตที่ออกแบบเอง (Farfetch Basis) ในขนาด 400 และ 700 ในขณะที่หัวข้อส่วนต่างๆ และโลโก้ใช้ฟอนต์ serif ที่มองข้อความเป็นองค์ประกอบ การจัดวางเป็นแบบสถาปัตยกรรม: เนื้อหาอยู่ตรงกลางเต็มความกว้าง ตารางสินค้าแบบ 3 และ 4 คอลัมน์ที่ตายตัว มีพื้นที่กว้างขวางสำหรับการจัดวางส่วนต่างๆ (48–72 พิกเซล) และไม่มีองค์ประกอบตกแต่งใดๆ ส่วนประกอบต่างๆ ถูกตัดทอนการตกแต่งออกไป เช่น เส้นขีดใต้เล็กน้อยสำหรับการค้นหา ลิงก์นำทางที่ซ่อนอยู่ ชื่อหมวดหมู่ที่เป็นตัวพิมพ์ใหญ่ใต้ภาพ และภาพสินค้าแบบเรียบๆ ที่ไม่มีเงาหรือขอบ สีเดียวในระบบคือสีจากภาพถ่ายเอง อินเทอร์เฟซเป็นเพียงกรอบ ไม่ใช่ภาพนั้นเอง
หน้าเว็บมีการจัดวางองค์ประกอบแบบกึ่งกลางเต็มความกว้าง โดยมีความกว้างของเนื้อหาสูงสุดประมาณ 1280 พิกเซล ส่วนหัวเป็นแผงบางๆ สามส่วน (การนำทางหมวดหมู่ทางด้านซ้าย ป้ายข้อความกึ่งกลาง และไอคอนเสริมทางด้านขวา) ด้านล่างส่วนหัวมีช่องค้นหาอยู่ทางด้านขวา ส่วนแรกเป็นตารางสามคอลัมน์ของหมวดหมู่แบบเต็มความกว้าง (MUJER, HOMBRE, INFANTIL) แต่ละหมวดหมู่มีป้ายกำกับซ้อนทับอยู่ ด้านล่างแต่ละส่วนของหมวดหมู่เป็นตารางสี่คอลัมน์ของบัตรหมวดหมู่สินค้า (NOVEDADES, ROPA, BOLSOS, ZAPATOS) โดยมีชื่อเป็นตัวพิมพ์ใหญ่ทั้งหมด ชื่อส่วนต่างๆ อยู่ตรงกลางและเขียนด้วยแบบอักษรที่มีการเยื้องแนวตั้งประมาณ 48 พิกเซลที่ด้านบนและด้านล่าง ไม่มีแถบพื้นหลังสลับกัน หน้าเว็บทั้งหมดเป็นพื้นสีขาวทึบ ส่วนท้ายเป็นสี #222222 กลับด้านเป็นแถบสีเข้มแถบเดียว การนำทางเป็นแถบด้านบนแบบมินิมอล ไม่มีองค์ประกอบคงที่ ไม่มีเมนูขนาดใหญ่ และไม่มีแถบด้านข้าง
ระบบภาพโดยรวมนั้นโดดเด่นด้วยภาพถ่ายแฟชั่นเชิงบรรณาธิการ—ภาพขนาดใหญ่ ความละเอียดสูง ที่เต็มหน้าจอ นำเสนอแบบจำลองในห้องภายในที่ออกแบบอย่างสวยงาม และภาพระยะใกล้ของผลิตภัณฑ์ ภาพถ่ายนั้นใช้โทนสีที่ดูหม่นหมองและไม่สดใส: ผนังคอนกรีต หินธรรมชาติ การตกแต่งภายในที่เป็นกลาง แสงแดดอ่อนๆ ที่ส่องมาในทิศทางที่เหมาะสม แบบจำลองถูกถ่ายในท่าโพสแบบบรรณาธิการ ไม่ใช่ท่าโพสแบบเคร่งครัดเหมือนในแคตตาล็อกอีคอมเมิร์ซ ภาพผลิตภัณฑ์ (กระเป๋า รองเท้า) ถูกแยกออกมาจากพื้นหลังสีเทาหรือสีหินที่เป็นกลาง โดยไม่มีบริบทของไลฟ์สไตล์ใดๆ—ตัวแบบคือพระเอกของเรื่อง อินเทอร์เฟซไม่มีองค์ประกอบภาพใดๆ เพิ่มเติม: ไม่มีไอคอน ไม่มีสติกเกอร์ส่งเสริมการขาย ไม่มีกรอบตกแต่ง ความสวยงามทางภาพทั้งหมดมาจากแผนกถ่ายภาพ ไม่ใช่ระบบการออกแบบ
จานสี
เป็นกลาง
- Carbon
#222222— ข้อความหลัก ข้อความหน้าเพจ ลิงก์นำทาง ไอคอน โลโก้ ส่วนท้าย และโทนสีเกือบดำสำหรับระบบขาวดำทั้งหมด - Paper
#ffffff— พื้นที่แสดงผลของหน้าเว็บ ภาพพื้นหลังของการ์ด พื้นผิวของสินค้า ช่องป้อนข้อมูล และพื้นหลังหลัก ซึ่งทำให้ภาพถ่ายเป็นสีที่โดดเด่นเพียงอย่างเดียว - Ash Gray
#b6b6b6— เส้นขอบไอคอนที่ดูเรียบง่าย เส้นขอบเพิ่มเติม การขีดเส้นใต้การค้นหาในพื้นหลัง ข้อความตัวอย่างในช่องป้อนข้อมูล—ตัวเลือกที่เงียบที่สุด แต่ไม่ใช่ตัวเลือกที่เป็นกลางต่อข้อความ - Stone
#f5f5f5— เอฟเฟ็กต์การเปลี่ยนภาพเมื่อวางเมาส์เหนือแถบนำทาง โทนสีพื้นผิวรองสำหรับแผงย่อยและพื้นหลังโฆษณา เอฟเฟ็กต์การเปลี่ยนภาพที่นุ่มนวลที่สุดในบรรดาเอฟเฟ็กต์ทั้งหมด - Graphite
#727272— ข้อความช่วยเหลือที่ลดความเข้มลง เส้นขอบแบบฟอร์มที่ไม่ทำงาน และเส้นขอบไอคอนที่ถูกปิดใช้งาน—สีเทาปานกลางที่บ่งบอกถึงการลดความสำคัญลงโดยไม่ลดทอนความสามารถในการอ่าน - Smoke
#e6e6e6— เส้นแบ่งเล็กๆ ระหว่างแถวสินค้า ซึ่งเป็นเส้นโครงสร้างที่แทบมองไม่เห็นในรูปแบบการจัดวางที่ไร้รอยต่อ
การจัดพิมพ์
จาก 13 เป็น 30 พิกเซล · 3 ขั้นตอน
- Farfetch Basis — ทดแทน: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · โครงร่าง 400, 700 · แบบอักษร sans-serif รูปทรงเรขาคณิตที่ออกแบบมาเป็นพิเศษถูกใช้สำหรับทุกอย่างที่แสดงต่อผู้ใช้: ลิงก์นำทางขนาด 13–15 พิกเซล/400, ข้อความหลักและคำอธิบายผลิตภัณฑ์ขนาด 15 พิกเซล/400, หัวข้อส่วนต่างๆ ขนาด 22–30 พิกเซล/400 และโลโก้ FARFETCH ขนาด 700 การใช้ขนาด 400 สำหรับหัวข้อเป็นการจงใจหลีกเลี่ยงตัวหนา: หัวข้อส่วนต่างๆ มีน้ำหนักปกติ มั่นใจ แต่ไม่หนาเกินไป ในขณะที่ขนาด 700 สงวนไว้สำหรับโลโก้และชื่อหมวดหมู่ที่สื่อความหมายได้ดีที่สุด รูปทรงเรขาคณิตพิเศษนี้ช่วยให้ความแตกต่างของเส้นตัวอักษรสม่ำเสมอและให้ความอบอุ่นที่ละเอียดอ่อนและเป็นธรรมชาติ ซึ่งแบบอักษร Helvetica มาตรฐานไม่สามารถทำได้
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 24px |
| รัศมีปุ่ม | 0px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 48-72px |
| ความกว้างของหน้า | 1280px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ FARFETCH España และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- MAKR — ตู้จัดแสดงสินค้าในพิพิธภัณฑ์สำหรับสินค้าเครื่องหนังทำมือ ห้องสีขาวเงียบสงบที่มีป้ายกำกับหมึกสีดำอบอุ่นลอยอยู่ใต้ภาพถ่ายขนาดใหญ่ของสินค้าเครื่องหนังที่ถืออยู่ในมือหรือถ่ายคู่กับทิวทัศน์ สีที่ตัดกันเพียงอย่างเดียวคือแถบสีเขียวอ่อนๆ
- Franco Maria Ricci Editore — แคตตาล็อกหอศิลป์อาร์ตเดโค - เส้นสีทองขัดเงาบนกระดาษปาร์ชเมนต์สีขาวสะอาดตา
- Laura Monin — ผนังแกลเลอรี่บรรณาธิการ หินอ่อนสีขาว ตราประทับหมึก
- OhDada — ผนังแกลเลอรี่บรรณาธิการ
- Cursor — ห้องทำงานเขียนบนกระดาษหนังที่อบอุ่น สว่างไสวด้วยแสงจากถ่านที่กำลังคุอยู่
- Structured — หอศิลป์ยุคเรเนซองส์บนกระดาษคล้ายดินน้ำมัน
- MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด
- Airbnb — ผนังแกลเลอรี่สีขาวเงียบสงบ มีเพียงที่คั่นหนังสือสีแดงปะการังชิ้นเดียว
- Apple (España) — ห้องแสดงงานศิลปะของพิพิธภัณฑ์ ภายใต้แสงแดดอ่อนๆ เป็นพื้นที่สีขาวโล่งกว้างที่ดึงดูดใจและไร้น้ำหนัก โดยแต่ละชิ้นงานจัดแสดงจะถูกส่องสว่างด้วยไฟสปอตไลท์ที่ส่องไปยังผนังสีอ่อนๆ
- Lamborghini — รถสีดำในโชว์รูม ใต้แสงไฟสปอตไลท์ มีรถสีเหลืองคันหนึ่งจอดอยู่
- Amplemarket — สถานที่ทำงานที่อาบไปด้วยแสงแดดและโปรยปรายด้วยกระดาษสีสันสดใส
- Getharvest — โต๊ะทำงานในยามเย็นแสงสีทอง – พื้นหลังสีครีมอบอุ่น โปสการ์ดสีขาวแขวนอยู่บนพื้นหลัง และเปลวไฟสีส้มสดใสเพียงดวงเดียว