ORYZO AI
مقال مصور عن غرفة مظلمة. جسم وحيد يحوم في الظلام الدافئ، والخط الكريمي هو الزخرفة الوحيدة.
يُعامل نظام ORYZO البصري كل منتج على حدة كقطعة فنية متحفية: لوحة بألوان دافئة وداكنة، وكتابة كريمية تطفو في مساحة سلبية واسعة، وغياب تام لعناصر واجهة المستخدم التي تُنافس الشكل. جميع النصوص مكتوبة بأحرف كبيرة بخط وزنه 500، باستثناء نص المحتوى بحجم 29 بكسل/400 بكسل، وهو العنصر الحواري الوحيد في النظام. يُستخدم لون برتقالي ساطع واحد فقط لخطوط الإسناد وروابط الاستوديو - وليس للأزرار أو عبارات الحث على اتخاذ إجراء - وهذا ما يُفسر ندرته. يتناوب التصميم بين نمطين: نمط الصورة الرئيسية (المنتج في سياق الأدوات والمواد) ونمط العرض القائم على الفراغ (المنتج معزول على خلفية دافئة وداكنة)، ويربط بينهما فواصل رفيعة منقطة وأزرار تحكم بيضاوية الشكل.
الصفحة بأكملها غير محدودة العرض، فلا يوجد حد أقصى لعرض الحاوية، ويشغل كل قسم منها مساحة 100vw. الشاشة الرئيسية: صورة بملء الشاشة من الأعلى إلى الأسفل مع شعار ORYZO ضخم (51 بكسل فأكثر) في الزاوية العلوية اليسرى، وشعار فرعي أعلاه، وقائمة تنقل ثابتة بتصميم بسيط في الزاوية العلوية اليمنى، وشريط جانبي عمودي على طول الحافة اليمنى، وبطاقة معلومات شفافة في الزاوية السفلية اليسرى، وصورة مصغرة للفيديو في الزاوية السفلية اليمنى. الأقسام اللاحقة: لوحة Walnut Shadow بملء الشاشة مع عرض ثلاثي الأبعاد للمنتج في المنتصف، محاط بعنوان محاذٍ لليسار ونص محاذٍ لليمين - شبكة من ثلاثة أعمدة (نص/كائن/نص) بمسافات فاصلة عريضة 18 بكسل. الانتقالات بين الأقسام سلسة، داكنة على خلفية داكنة؛ الفواصل الوحيدة عبارة عن خطوط منقطة رفيعة. قائمة التنقل ثابتة وشفافة، بحد أقصى 4 عناصر. لا يوجد شريط جانبي، ولا عناصر تزيينية في التذييل، ولا بطاقات داخل بطاقات - كل شاشة تبدو كوحدة واحدة.
الصور ذات طابع تحريري، مُلتقطة من منظور علوي وفي سياقها: قاعدة أكواب من الفلين موضوعة على لوح تقطيع أخضر، محاطة بأقلام رصاص وسكين حرفي ومشابك ورق - أدوات العمل ظاهرة في الصورة. لوح التقطيع الأخضر (#445231) هو عنصر عرض فقط، وليس عنصرًا من عناصر واجهة المستخدم. تهيمن على أقسام عرض المنتج رسومات ثلاثية الأبعاد: قاعدة الأكواب الفلينية معروضة بشكل منفصل على خلفية بلون الجوز، مضاءة من أعلى اليمين بإضاءة دافئة، بزوايا تصوير متناوبة من الأعلى إلى الأسفل إلى ثلاثة أرباع. لا توجد صور نمط حياة، ولا صور لأشخاص، ولا صور جاهزة - المنتج هو محور الصورة، والأدوات هي سياقه. تشغل الصور الشاشة بأكملها، ولها حواف واضحة (بدون حواف دائرية)، وتمت معالجتها بتباين عالٍ وتصحيح ألوان دافئ.
لوحة الألوان
حيادي
- Warm Cream
#ffedd7— نص فاتح على أسطح داكنة، وتعليقات معكوسة وصور عالية التباين. - Walnut Shadow
#100904— تتميز صفحة المنتج بخلفية دافئة، تكاد تكون سوداء، لكنها ليست سوداء تمامًا. يكمن فراغٌ خلف كل إعلان عن منتج. - Bark Brown
#382416— السطح المرتفع والخلفية المعبأة للزر يمثلان درجة لونية واحدة أعلى من اللوحة القماشية، ويستخدمان لدعوة واحدة ومستمرة لاتخاذ إجراء. - Cork Border
#40372e— خطوط فاصلة دقيقة، وفواصل أقسام منقطة، وحدود حاويات بالكاد يمكن ملاحظتها - درجة واحدة أكثر دفئًا من القماش نفسه. - Driftwood
#6c5f51— لون رمادي دافئ متوسط الدرجة مناسب للفواصل الثانوية والعناصر الهيكلية الهادئة، وهو يربط بين لوني "بارك" و"كريم". - Ember Accent
#dc5000— يُستخدم اللون البرتقالي لتسليط الضوء على الروابط والوسوم والعبارات القصيرة.
الطباعة
من 18 إلى 51 بكسل · 5 خطوات
- halyard-display-variable — الاستبدال: Inter or Söhne · الخطوط العريضة 400, 500 · خط واحد. يُستخدم وزن 500 بمسافة 51 بكسل للعناوين، مما يُظهر ثقةً استثنائيةً في استخدام الأحرف الكبيرة؛ ويُصبح الخط نفسه بمسافة 400/29 بكسل الخط الوحيد لنص المتن، مع استخدام الأحرف الكبيرة والصغيرة معًا. تبقى مسافات الأحرف قياسية - وتؤدي الأشكال الهندسية وظيفتها دون ضغط. للحصول على تطابق هيكلي أدق، يمكنك استخدام خطوط 'Inter' أو 'Söhne' أو 'Neue Haas Grotesk'.
- Arial — الاستبدال: system-ui · الخطوط العريضة 400, 500 · يُعدّ هذا خيارًا احتياطيًا على مستوى النظام لعرض التسميات القانونية المصغّرة (بحجم 8 بكسل، بأحرف كبيرة، على سبيل المثال: "* ADOBE ILLUSTRATOR"). وهذا ليس قرارًا تصميميًا، بل هو شرط أساسي لإخلاء المسؤولية الذي يتم إنشاؤه تلقائيًا في النظام.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 18px |
| نصف قطر الزر | 8px |
| نصف قطر البطاقة | 12px |
| الظلال | لا - حدود بدلاً من الظلال |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب ORYZO AI وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- 21 TSI — فراغ قرمزي، صورة ظلية واحدة - افتتاحية أزياء راقية حيث تذوب واجهة المستخدم في الجو.
- Ysl — لقطة ثابتة من فيلم أبيض وأسود - عارضة واحدة تحت شعار واحد، لا يُسمح بأي شيء آخر
- Channel Studio — مختبر تصوير استوديو مزود بمصباح واحد من المرجان
- Assembly Coffee London — فحم في محمصة مظلمة. لوحة سوداء تقريبًا مع صور منتجات دافئة ومضاءة بشكل خافت وحروف serif متصلة - إحساس بقائمة قهوة متخصصة مطبوعة في منشور سري ليلي.
- PostNew — معرض فني مفتوح بعد ساعات العمل ومصمم في ضوء النهار
- Factory — محطة "غرفة العمليات" في منتصف الليل. "المصنع" عبارة عن لوحة تحكم سوداء قاتمة حيث تسقط بطاقة بيضاء وحيدة مثل رسالة مضاءة بمصباح يدوي - الشيء الوحيد الموجود في الغرفة هو العمل نفسه.
- Numbered — جلسة تصوير أزياء على قماش مخملي أسود. منصة عرض أزياء سوداء تقريبًا، حيث يمتلئ الإطار بوجه واحد، والعلامات الوحيدة هي حبر أبيض وخيط برونزي بالكاد يمكن رؤيته.
- Apple (España) — مسرح أسود بتجهيزات مضاءة
- Home page | Impossible Foods — ملصق بانك أحمر قانٍ في ظلام مخملي. لافتة مضغوطة مصممة خصيصًا تظهر ضبابية على خلفية بلون النبيذ، بينما تبرز دعوات حمراء قوية للتحرك مثل بطاقة سعر على لوح تقطيع اللحوم.
- Ferrari — حصانٌ محموم على رخام أسود. فراغات سوداء تقطعها ألوان فيراري الحمراء المميزة، وأحرف بيضاء كبيرة، ولقطات سينمائية كاملة العرض.
- OpenSea — محطة تداول سوداء بإطارات زرقاء غير لامعة
- Arthursimonini — برنامج الفيلم مطبوع بالحبر الأسود