FARFETCH España
معرض أزياء على طراز "المكعب الأبيض". تخيل مساحة تجارية راقية حيث الجدران والأرضيات والتجهيزات بيضاء ناصعة، والملابس والأشخاص الذين يرتدونها هم فقط من يخلقون كل لون وملمس وتعبير بصري.
يعمل موقع Farfetch كمعرض أزياء "أبيض مكعب": واجهة المستخدم خالية تمامًا من الألوان تقريبًا، مما يسمح للصور التحريرية بتحديد جميع القرارات البصرية. وتتولى الطباعة جميع الأعمال الهيكلية - حيث يُستخدم خط sans-serif هندسي مصمم خصيصًا (Farfetch Basis) بوزنين 400 و700، بينما تُعرض عناوين الأقسام والشعار بخط serif يتعامل مع النص كعنصر تركيبي. التصميم معماري: محتوى مركزي بعرض كامل، وشبكات منتجات ثابتة من 3 و4 أعمدة، ومساحة واسعة لوضع الأقسام (48-72 بكسل)، وغياب تام للعناصر الزخرفية. المكونات مجردة من أي زخرفة - خطوط سفلية خفيفة للبحث، وروابط تنقل مخفية، وأسماء فئات مكتوبة بأحرف كبيرة أسفل الصور، وبلاطات منتجات مسطحة بدون ظلال أو حدود. اللون الوحيد في النظام هو الصور نفسها؛ فالواجهة هي إطار، وليست الصورة نفسها.
تتميز الصفحة بتصميم مركزي بعرض كامل، يصل أقصى عرض للمحتوى إلى 1280 بكسل تقريبًا. يتكون رأس الصفحة من لوحة رفيعة بثلاثة أقسام (قائمة تنقل الفئات على اليسار، ورمز نصي مركزي، وأيقونات إضافية على اليمين)، ويوجد أسفلها حقل بحث على اليمين. القسم الأول عبارة عن شبكة من ثلاثة أعمدة تضم مربعات فئات بعرض كامل (نساء، رجال، أطفال)، كل منها مزود بتسمية. أسفل كل قسم فئة، توجد شبكة من أربعة أعمدة تضم بطاقات فئات المنتجات (جديدات، ملابس، حقائب، أحذية) بعناوين مكتوبة بأحرف كبيرة. عناوين الأقسام مركزية ومكتوبة بخط ذي مسافة بادئة رأسية تبلغ 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 · يُستخدم خط هندسي مصمم خصيصًا بدون زوائد في جميع العناصر المعروضة للمستخدم: روابط التنقل بحجم 13-15 بكسل/400، ونص المحتوى ووصف المنتجات بحجم 15 بكسل/400، وعناوين الأقسام بحجم 22-30 بكسل/400، وشعار FARFETCH بحجم 700. يُعد استخدام حجم 400 فقط للعناوين خطوة مقصودة للابتعاد عن الخط العريض: تتميز عناوين الأقسام بوزن عادي وواثق، ولكن ليس عريضًا بشكل مفرط، بينما يُخصص حجم 700 للشعار وأسماء الفئات الأكثر تعبيرًا. تضمن هذه الهندسة الخاصة تباينًا متساويًا في سمك الخطوط ودفئًا إنسانيًا رقيقًا لا يُمكن تحقيقه باستخدام خط Helvetica القياسي.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 24px |
| نصف قطر الزر | 0px |
| نصف قطر البطاقة | 0px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 48-72px |
| عرض الصفحة | 1280px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب FARFETCH España وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- MAKR — خزانة عرض متحفية للمنتجات الجلدية المصنوعة يدوياً. غرفة هادئة بيضاء بالكامل، حيث تطفو ملصقات مكتوبة بحبر أسود دافئ أسفل صور كبيرة لمنتجات جلدية محمولة باليد أو أمام مناظر طبيعية، والتباين اللوني الوحيد هو شريط باهت بلون المريمية.
- Franco Maria Ricci Editore — كتالوج معرض آرت ديكو - خطوط ذهبية مصقولة على ورق بردي أبيض ناصع
- Laura Monin — جدار معرض تحريري، رخام أبيض، ختم حبر
- OhDada — جدار معرض التحرير
- Cursor — ورشة عمل دافئة لطباعة الرق، مضاءة بجمر متوهج
- Structured — معرض عصر النهضة على ورق يشبه الصلصال
- MindMarket — كتاب قصص خيالية مريح مطبوع على ورق كريمي اللون - لوحة تحريرية ودية تتعايش فيها عناوين إنتر الكبيرة وشخصيات الورق المقصوصة على سطح ناعم مشمس.
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Apple (España) — تتميز قاعة المتحف، بضوء النهار الخافت، بمساحة بيضاء واحدة آسرة وخفيفة الوزن، حيث يتم إضاءة كل معروض بواسطة ضوء كاشف على جدار ملون بشكل خفيف.
- Lamborghini — سيارة واحدة صفراء اللون معروضة في صالة العرض تحت الأضواء الكاشفة، وهيكلها أسود.
- Amplemarket — مكان عمل غارق بأشعة الشمس ومغطى بالقصاصات الورقية الملونة
- Getharvest — مكتب في وقت الغروب – لوحة قماشية بلون كريمي دافئ، وبطاقات بريدية بيضاء معلقة على اللوحة، وشعلة برتقالية ساطعة واحدة