Nike
معرض أحادي اللون للإنجازات الرياضية – جدران بيضاء، والمنتج كعمل فني، والكروم مذاب في الخلفية
يعمل موقع Nike.com كمعرض أحادي اللون، يركز على المنتجات أولاً: واجهة المستخدم شبه مخفية، مما يسمح لصور المنتجات بالظهور على كامل الشاشة. تتكون الواجهة بالكامل من الأسود والأبيض وثلاث درجات من الرمادي - بدون ألوان مميزة، أو تدرجات لونية، أو لمسات كرومية دافئة. يظهر أسلوب Nike المميز في شعار المعرض والصور، لكنه غائب تمامًا عن واجهة المستخدم نفسها. يتميز الخط المستخدم بالبساطة والعملية، معتمدًا على عائلة خطوط Helvetica Now المصممة خصيصًا بحجم 12-20 بكسل، مع شعار Nike Futura ND كبير الحجم بحجم 76 بكسل للعناوين. المكونات بسيطة للغاية: أزرار بيضاوية الشكل بنصف قطر 30 بكسل، وبطاقات منتجات مسطحة، وحدود رفيعة، وفروق في الارتفاع تكاد تكون معدومة. تتناوب الصفحة بين أسطح المنتجات البيضاء النقية وأقسام التحرير الداكنة اللافتة للنظر، مما يخلق إيقاعًا من خلال التباين بدلاً من الزخرفة.
تتبع الصفحة إيقاعًا تحريريًا متينًا: رأسية داكنة لافتة للنظر بعرض كامل، تعرض منتجًا واحدًا وعنوانًا كبيرًا، تليها شبكة فئات بعرض كامل (2×2)، ثم شبكة تمرير أفقي لبطاقات المنتجات في 3 أعمدة، وأخيرًا تذييل كثيف متعدد الأعمدة. تشغل جميع أقسام المحتوى عرض الشاشة بالكامل دون حد أقصى لعرض الحاوية؛ ويُطبق حد أقصى للعرض فقط على شبكة روابط التنقل والتذييل. الانتقالات بين الأقسام سلسة: رأسية سوداء ← شبكة فئات بيضاء ← شبكة منتجات بيضاء ← تذييل أبيض، مع حدود رمادية ضيقة تُشكل الفاصل البصري الوحيد. التنقل عبارة عن شريط بسيط من مستويين (روابط إضافية في الأعلى، والفئات الرئيسية في المنتصف) بدون تثبيت أو خلفية أو ظل. كثافة المحتوى مُدمجة في شبكات المنتجات (تباعد ضيق بين البطاقات) وواسعة في الرأسية (عرض الشاشة بالكامل).
تُعدّ الصور الفوتوغرافية العنصر البصري المهيمن الذي يُحدد هوية العلامة التجارية بالكامل. يعتمد النظام على صور منتجات عالية الجودة بإطار كامل: أحذية رياضية مُصوّرة بشكل فردي على خلفية داكنة أو متدرجة، ومُقتصّة لملء الإطار، دون أي سياق يتعلق بنمط الحياة. تظهر صور نمط الحياة ضمن الفئات، مُبرزةً أقدام وسيقان الرياضيين أثناء الحركة. يُستخدم نظام ألوان عالي التباين ومُشبع - أحذية حمراء على خلفية سوداء، ولمسات نيون على نعال بيضاء، وإضاءة دافئة وباردة لإبراز المواد. لا تُستخدم أي رسومات توضيحية أو رسومات تجريدية أو عروض ثلاثية الأبعاد. تتميز الصور دائمًا بحواف نظيفة (بدون زوايا مستديرة في حاويات الصور)، وتشغل دائمًا المساحة الكاملة داخل مربعاتها، وتُرفق دائمًا بنص بسيط. أما الرموز فهي وظيفية بحتة: رموز مُحدّدة للبحث، وقائمة الأمنيات، وسلة التسوق، والحساب بألوان أوبسيديان أو ستيل.
لوحة الألوان
حيادي
- Obsidian
#111111— يُكمّل اللون الداكن النصوص والأيقونات المحايدة ويُضفي تباينًا قويًا. تجنّب استخدامه كلون أساسي في عبارات الحث على اتخاذ إجراء. - Paper White
#ffffff— خلفية الصفحة، سطح البطاقة، نص الزر على خلفية داكنة، مخطط الأيقونة - اللوحة الافتراضية لشبكات المنتجات وأقسام الفئات. - Concrete Gray
#e5e5e5— الحدود، والفواصل، والخطوط الرفيعة التي تفصل أقسام الشبكة، والخطوط العريضة الدقيقة لحقول الإدخال. - Soft Mist
#f5f5f5— لون خلفية خفيف للأسطح الثانوية، تعبئة حقل البحث في التنقل، خلفية الوسوم. - Steel
#707072— نص ثانوي، نص مساعد باهت، مخططات أيقونات مصغرة، تسميات مسار التنقل، فواصل روابط التذييل. - Faint Gray
#9e9ea0— تم تعطيل الخطوط الخارجية للأيقونات، وعناصر واجهة المستخدم الثانوية، والحدود ذات التمييز البسيط.
الطباعة
من 12 إلى 76 بكسل · 6 خطوات
- Helvetica Now Text Medium — الاستبدال: Inter · الخطوط العريضة 500 · خط Helvetica Now Text Medium - تم العثور عليه في البيانات التي تم جمعها ولكن لم يتم وصفه بواسطة الذكاء الاصطناعي.
- Helvetica Now Text — الاستبدال: Inter or Helvetica Neue · الخطوط العريضة 400, 500 · النص الرئيسي لواجهة المستخدم - روابط التنقل، وتسميات الأزرار، وعناوين البطاقات، وأسماء المنتجات، وقوائم التذييل، وجميع نصوص المحتوى.
- Helvetica Now Display Medium — الاستبدال: Inter Medium or Helvetica Neue Medium · الخطوط العريضة 500 · عناوين الأقسام، وتسميات فئات البطاقات، والعناوين متوسطة الحجم - يُعد الخط المتوسط (20-24 بكسل) سمة مميزة لعناوين نايكي التي لا تمثل عناصر تصميم كبيرة: فهي ليست جريئة أبدًا، ودائمًا ما تكون موجزة.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8px |
| نصف قطر الزر | 30px |
| نصف قطر البطاقة | 0px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 48px |
| عرض الصفحة | 1440px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Nike وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Apple (España) — خزانة عرض بيضاء
- Silencio — غرفة بيضاء مع قطع أثرية عائمة. عرض فني مصنوع من ورق دافئ، حيث يشغل كل عنصر مكانه على خلفية من الفراغ، والصمت قرار تصميمي مقصود.
- Oakâme — ورشة عمل بروفنسالية مشمسة منحوتة من الحجر الدافئ
- Arc — معرض أبيض صناعي فوق مياه منتصف الليل
- Rivian — كتلة كهربائية ضخمة على جدار خرساني في المعرض. يقدم ريفيان كل مركبة كعمل فني منحوت على خلفية بيضاء واسعة، مع كتابة كبيرة الحجم لدرجة أنها تصبح عنصرًا معماريًا، ولون أصفر دافئ واحد يكسر الجو الأحادي اللون، مثل ضوء الشمس على سطح غير لامع.
- Analogue — خزانة عرض سوداء – البضائع تطفو في الفراغ
- ddna — خزانة عرض متحفية دافئة على قماش كتان غير معالج
- Zellerfeld — ورشة نحات على رخام أبيض - الأسطح المتجانسة للقاعدة، شرارة واحدة من الكوبالت، وهمس من الأحرف الصغيرة من الأرض إلى السقف
- UY Studio — يُعد معرض الدير الحجري مساحة هادئة بجدران خرسانية، حيث تقف زجاجات العطور على قواعد بيضاء، مضاءة بمصباح واحد بقوة 400 واط وأربعة مصابيح رمادية دافئة.
- Basic.Space — معرض فني على الرخام الأبيض
- COS — معرض عصري ذو جدران بيضاء