Apple (España)
كاتدرائية من المساحات البيضاء ذات عناوين بالكاد تُسمع. قاعة واسعة مشرقة تتدلى فيها خطوط ضخمة بكثافة 700 في الهواء، لا يربطها ببعضها سوى ألوان الباستيل وخيط أزرق واحد.
تُعدّ لغة صفحة منتجات آبل مثالًا رائعًا على سخاء الطباعة: عناوين ضخمة بحجم SF Pro Display تطفو على خلفية بيضاء مائلة للصفرة، محاطة بمساحة بيضاء واسعة تُضفي على كل كلمة طابعًا مدروسًا. تكاد لوحة الألوان تكون أحادية اللون - النص باللون #1d1d1f، واللوحة القماشية تتناوب بين #ffffff و#f5f5f7 - مع لمسة زرقاء واحدة (#0071e3) مخصصة حصريًا للعناصر التفاعلية. يظهر اللون في صور المنتج نفسها (بدرجات الباستيل)، وليس كعناصر زخرفية في واجهة المستخدم. المكونات بلا إطارات: بطاقات مستديرة بنصف قطر 28 بكسل، وأزرار بيضاوية الشكل تكاد تلامس حواف الصفحة، دون أي حاويات مرئية أو ظلال. يتحقق الإيقاع من خلال تناوب الخطوط البيضاء والرمادية، وليس الفواصل أو الحدود.
تشغل الأقسام كامل عرض الصفحة، ممتدةً من الحافة إلى الحافة مع مساحة حشو واسعة (حوالي 40-100 بكسل). يتم توسيط أقصى عرض للمحتوى داخل كل قسم. العنصر الرئيسي عبارة عن مجموعة مركزية: عنوان على شكل حاجب، عنوان رئيسي مكبّر، زر دعوة لاتخاذ إجراء، صف للسعر، ثم صورة للمنتج تملأ أسفل نافذة العرض. تتبع الأقسام نمطًا متكررًا: عنوان رئيسي محاذٍ لليسار داخل القسم، يليه إما تخطيط من عمودين مع وصف المنتج (نص على اليسار/صورة على اليمين أو بالتناوب)، أو شبكة من ثلاثة أعمدة من البطاقات، أو عرض مرئي مركزي. يتم التحكم في إيقاع المحتوى بالكامل من خلال خلفيات بيضاء وثلاثية الألوان بالتناوب مع فواصل رأسية من 100 إلى 100 سم - بدون فواصل، ولا بطاقات تحمل عناصر. شريط التنقل الرئيسي عبارة عن شريط ثابت واحد. تستخدم أقسام مواصفات المنتج أشرطة كاملة العرض مع مساحة حشو واسعة، حيث يتم توسيط النص في أعمدة ضيقة (حوالي 560 بكسل) مقابل مساحة مرئية أوسع.
تعتمد لغة آبل البصرية بشكل أساسي على صور المنتجات: لقطات مقرّبة للأجهزة على خلفية بيضاء نقية أو ملونة، دون أي سياق أو مشاهد مصطنعة. تُظهر الصورة الرئيسية أيادي تحمل جهاز MacBook Neo بلون أخضر فاتح - العنصر البشري ثانوي، إذ يُركز على الحجم والملمس أكثر من العاطفة. في أقسام تنويعات المنتج، يُعرض جهازان جنبًا إلى جنب على خلفية بألوان متناسقة (وردي، أخضر، فضي، أزرق سماوي)، كل بطاقة عبارة عن مساحة لونية مسطحة مع المنتج في المنتصف. تستخدم لقطات التفاصيل لقطات مقرّبة للغاية (مفصل الكمبيوتر المحمول، وحدة الكاميرا) على خلفية محايدة. لا توجد رسومات توضيحية، ولا رسومات تجريدية، ولا صور زخرفية - المنتج نفسه هو العنصر البصري. تنتشر الرموز في كل مكان - رموز خطية أحادية اللون بأسلوب SF Symbols، بسماكة 1.5-2 بكسل، مأخوذة من مجموعة رموز نظام آبل. يتم التصوير دائمًا بأسلوب إضاءة ساطعة: إضاءة موحدة وخالية من الظلال تُحوّل المنتج إلى شكل رسومي بدلًا من كونه جسمًا ثلاثي الأبعاد.
لوحة الألوان
ماركة
- Electric Blue
#0071e3— تُعد أزرار الإجراءات الممتلئة هي اللمسة اللونية الوحيدة في واجهة المستخدم، وتُستخدم باعتدال لحث المستخدمين على اتخاذ إجراء. - Link Blue
#0066cc— روابط نصية مضمنة، وروابط تحتوي على أسهم وعلامات شيفرون. - Citrus Gradient
#3b3b23— أما اللمسة النهائية البديلة التي أصبحت السمة المميزة للمنتج فهي قاعدة داكنة تتلاشى إلى درجات اللون الأصفر والأخضر.
حيادي
- Primary Ink
#1d1d1f— تُهيمن العناوين الرئيسية ونصوص الجسم وملصقات الأزرار على لون المقدمة في جميع الأسطح؛ وتنتقل خلفية صورة المنتج الرئيسية بسلاسة من لون #1d1d1f ثابت في الأعلى إلى لون أزرق متدرج. - Mid Gray
#707070— نص ثانوي، حالة تنقل غير نشطة، تسميات واجهة مستخدم صامتة - Deep Gray
#474747— نص التنقل والرموز مكتوبة بخط متوسط. - Hairline
#d6d6d6— حدود رقيقة بين الأقسام وعناصر واجهة المستخدم. - Canvas
#f5f5f7— خلفيات الأقسام المتناوبة - شريط رمادي يفصل بين المناطق البيضاء. - Paper
#ffffff— سطح البطاقة، خلفية الصفحة الرئيسية، نص الزر على خلفية داكنة.
الطباعة
من 12 إلى 96 بكسل · 10 خطوات
- SF Pro Display — الاستبدال: Inter · الخطوط العريضة 600, 700 · عناوين رئيسية وفرعية للعرض - وزن 700 بكسل، حجم 80-96 بكسل، مع تباعد سلبي بين الأحرف بمقدار -1.44 بكسل، مما يُنشئ عنوانًا رئيسيًا ضخمًا يطفو باللون الأبيض، وهو ما يميز تصميم Apple. البدائل: Inter، system-ui
- SF Pro Display — الاستبدال: Inter · الخطوط العريضة 600 · عناوين الأقسام، وعناوين البطاقات، والعناوين الفرعية - خط بحجم 600 مع تباعد إيجابي طفيف بين الأحرف يبدو دافئًا وودودًا في الأحجام المتوسطة، على عكس العناوين القصيرة أعلاه.
- SF Pro Text — الاستبدال: Inter · الخطوط العريضة 400, 500, 600 · بالنسبة لنص المحتوى، والتنقل، والفقرات الداعمة، والتعليقات الصغيرة، يُستخدم خط ذو فهرس 400 وبحجم 17 بكسل كخط أساسي. كما أن التباعد السالب بين الأحرف يُتيح نصًا رئيسيًا أكثر إيجازًا في الصفحات الغنية بالمعلومات.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8-10px |
| نصف قطر الزر | 980px |
| نصف قطر البطاقة | 28px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 100-120px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Apple (España) وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Peak Design — جدار المعرض، مضاء جزئياً
- Ramp — قسم الشؤون المالية التحريرية، صفحات بالأبيض والأسود مع قلم تحديد نيون واحد. سطح المنشور أحادي اللون تقريبًا، حيث يحوّل خط واحد بلون أخضر ليموني ساطع كل تفاعل إلى إشارة مالية.
- 099 SUPPLY — جدار معرض مليء بأشياء بالأبيض والأسود
- Orderful — لوحة التحكم في الخدمات اللوجستية الصناعية - قائمة مراجعة مطبوعة لموزع الخدمات اللوجستية، مكتوبة بالحبر الأسود والأحمر الجراحي، كل صفحة سرية بما يكفي للسماح لمشغل واحد بالصراخ بشيء مهم.
- Apple (España) — خزانة عرض بيضاء
- teenage engineering — كتالوج صناعي لإضاءة الاستوديوهات - المنتج هو العنصر المهم الوحيد في الصفحة، وكل شيء آخر يُناقش حوله.
- Apple (España) — نافذة معرض فني في ضباب الصباح
- Lightship — مشهد سينمائي مصغر للطريق المفتوح. جدران المعرض ذات اللون الكريمي الدافئ مزينة بصور فوتوغرافية كبيرة للمناظر الطبيعية مثبتة على مسافات متقاربة، وكتابة سوداء رفيعة بالكاد تُرى على الإطارات، ولمسة برتقالية زاهية واحدة تكسر رتابة اللون الأحادي مثل نار مشتعلة في مرج.
- Custo — معرض بلون معدني داكن مع خط كتابة ضخم. صالة عرض بألوان رمادية مخضرة هادئة، حيث يتحدث عنصر داكن واحد وخط كتابة بحجم 57 بكسل عن نفسه.
- Silencio — غرفة بيضاء مع قطع أثرية عائمة. عرض فني مصنوع من ورق دافئ، حيث يشغل كل عنصر مكانه على خلفية من الفراغ، والصمت قرار تصميمي مقصود.
- ORYZO AI — مقال مصور عن غرفة مظلمة. جسم وحيد يحوم في الظلام الدافئ، والخط الكريمي هو الزخرفة الوحيدة.