تيليجرام، WhatsApp+380637610482
فاليري دانيوك
فاليري دانيوكالمطورتطوير أدوات الذكاء الاصطناعي للشركات. جودة عالية. بأسعار معقولة.راسلنا على Telegram
Foodnoms — معاينة لموقع بهذا النمط

Foodnoms

سوق فواكه مشمس على الخزف الأبيض - برتقال دافئ، وخضراوات طازجة، وأشكال مستديرة ضخمة

يتميز تطبيق Foodnoms بأسلوب تسويقي مرح لتتبع التغذية: خلفية بيضاء نقية، ونماذج هواتف كبيرة الحجم كعناصر بصرية مرجعية، وألوان جذابة تُمثل العناصر الغذائية والتقدم المحرز. يتيح نظام العناوين ثنائي اللون (لون واحد للكلمة المفتاحية، ولون جرافيتي داكن لبقية العناصر) تقييمًا سريعًا لقيمة التطبيق. يعتمد النظام على شاشة عرض واحدة (Aquawax Pro) ذات تصميم هندسي دائري مميز يُضفي نعومة على شاشات التطبيق المليئة بالبيانات. معظم الأسطح مسطحة وخالية من الظلال؛ ويمنح نصف قطر الزوايا الموحد الأزرار والبطاقات والملصقات مظهرًا ودودًا وناعمًا، مما يجعل تتبع الصحة يبدو أكثر سهولة من كونه إجراءً طبيًا.

تتميز الصفحة بتصميم عمودي واحد، متمركز، بعرض كامل (حوالي ١٢٠٠ بكسل) مع تناسق رأسي مميز. يتكون رأس الصفحة من شريط علوي رفيع، مع الشعار على اليسار، وقائمة التنقل في المنتصف، وزر إجراء برتقالي اللون على اليمين. أما قسم البطل، فهو عبارة عن مجموعة متمركزة: عنوان ثنائي اللون، وعنوان فرعي من سطر واحد، وأيقونة متجر التطبيقات، ثم صف من ٣ إلى ٥ نماذج للهواتف موزعة على كامل العرض. أسفل قسم البطل، يوجد قسم شعار "كما هو موصى به" متمركز في شبكة ٢×٣. تتبع أقسام الميزات نمطًا متكررًا: نص من عمودين + نموذج للهاتف، بالتناوب على الجانبين، مع عناوين أقسام مميزة باللونين البرتقالي والأخضر. العنصر الأخير قبل التذييل هو بطاقة دعوة لاتخاذ إجراء قابلة للتنزيل بعرض كامل. المسافات بين الأقسام واسعة (٩٦ بكسل)، مما يخلق إحساسًا بالرحابة يشبه المعرض. قائمة التنقل عبارة عن شريط علوي بسيط - بدون شريط جانبي أو قائمة رئيسية ضخمة.

تهيمن على التصميم البصري للتطبيق نماذج عالية الجودة لإطارات هواتف آيفون، تعرض واجهة التطبيق الأساسية - وهي العناصر الرئيسية وليست صورًا جاهزة. تُعرض النماذج بشفافية شبه كاملة، مع تداخل طفيف ودوران سلس، وموضوعة مباشرة على خلفية بيضاء. ضمن هذه النماذج، يُوفر التطبيق نفسه العنصر البصري: معلومات غذائية، صور منتجات، حلقات ماكرو، وعلامات تصنيف ملونة. المحتوى الفوتوغرافي الوحيد هو صور الطعام التي يُرسلها المستخدمون، والتي تظهر على شاشة كاميرا تطبيق "امسح طعامك". لا توجد صور نمط حياة، ولا رسومات توضيحية تجريدية، ولا رسومات زخرفية. يتم تحديد العلامة التجارية بالكامل من خلال الخط المخصص، ونظام الألوان البرتقالي/الأخضر/الداكن، وواجهة التطبيق نفسها.

لوحة الألوان

ماركة

  • Ember Orange #ff5406 — يُستخدم اللون البرتقالي كلون ثانوي لإبراز التفاصيل الزخرفية ولتسليط الضوء على الإشارات غير المتكررة. ولا ينبغي استخدامه كلون أساسي لدعوات اتخاذ إجراء.

حيادي

  • Graphite #2f2f2f — النص الأساسي، والأزرار الداكنة (أيقونة متجر التطبيقات)، وإطارات الأيقونات. لون غير أبيض سائد في العناوين ونص المحتوى.
  • Verdant Green #00b33f — يُستخدم اللون الأخضر كلون إضافي لإبراز التفاصيل الزخرفية وللتأكيد على الترددات المنخفضة.
  • Signal Red-Orange #ff3400 — لون دافئ ثانوي، يظهر في عناصر واجهة المستخدم لشاشة التطبيق والعلامة التجارية ذات الصلة. وهو أدفأ بدرجة واحدة من لون إمبر أورانج، ويُستخدم لتسليط الضوء على حالات التطبيق المحددة أو النشطة.
  • Sky Blue #00a9dd — يُضفي هذا التصميم تباينًا لطيفًا على فئات البيانات الداخلية للتطبيق (الكربوهيدرات/البروتينات/مجموعات العناصر الغذائية الأخرى)، ويُوازن لوحة الألوان الدافئة والمهيمنة في تصميمات الهاتف.
  • Mist Blue #72a2c5 — لمسة باردة هادئة - تعمل على تلطيف لون السماء الأزرق لعرض تسميات البيانات الإضافية وخلفيات المخططات داخل التطبيق.
  • Sunset Orange #ff6d00 — لمسة دافئة للعناوين الفرعية والنصوص المميزة في صفحات التسويق.

الطباعة

من 12 إلى 60 بكسل · 7 خطوات

  • Aquawax Pro Medium — الاستبدال: Inter · الخطوط العريضة 500 · Aquawax Pro Medium - تم العثور عليه في البيانات المستخرجة ولكن لم يتم وصفه بواسطة الذكاء الاصطناعي.
  • Aquawax Pro — الاستبدال: Nunito Sans · الخطوط العريضة 700, 500, 600 · الخط الأساسي للعلامة التجارية المستخدم في جميع السياقات، بما في ذلك العناوين والنصوص. يتميز هذا الخط المصمم خصيصًا بأحرف عريضة، وأشكال هندسية دائرية، ونسب مريحة. يُستخدم الخط العريض (700) للعناوين والأقسام - وهي المعالم الطباعية للنظام. يُستخدم الخط شبه العريض (600) للعناوين الفرعية وتسميات الأزرار بمسافة 14-1.8 مم. يُستخدم الخط المتوسط (500) للنصوص بمسافة 17-1.8 مم، مع تباعد أسطر كافٍ يتراوح بين 1.6 و1.8 مم لقراءة مريحة.
  • System sans-serif — الاستبدال: Inter · الخطوط العريضة 400, 700 · يُستخدم خيار احتياطي للنصوص الصغيرة جدًا ونصوص الأيقونات في واجهة المستخدم. لا يُستخدم خط Aquawax Pro في الأحجام الصغيرة جدًا؛ إذ يتولى خط النظام التعامل معها لتقليل حجم العرض.

الفترات والشكل

غايةمعنى
كثافةواسع
الخطوة الأساسية20px
نصف قطر الزر26px
نصف قطر البطاقة26px
الظلاللا - حدود بدلاً من الظلال
بين الأقسام96px
عرض الصفحة1200px

سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Foodnoms وتعبئته.

  • املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
  • انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
  • تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
  • تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.

أنماط مشابهة

  • Slite — دفتر ملاحظات دافئ من ورق البرشمان بمقبض من الطين المحروق - كل سطح مصنوع من ورق كريمي اللون، وكل لمسة فيه عبارة عن لون برتقالي خفيف.
  • Adora — متحف الانطباعية خلف الزجاج المصنفر
  • Bento — علبة غداء بينتو موضوعة على مشمع أرضي مضاء بأشعة الشمس. شبكة من البطاقات المستديرة الشبيهة بالملصقات بألوان الليمون واللافندر والكوبالت والعنابي، كل منها محدد بحبر أسود سميك، موضوعة على قطعة من الكتان الدافئ الكريمي اللون أسفل عنوان هندسي جريء.
  • Payments — لون حمضي نابض بالحياة على خلفية أرجوانية ملكية. يستحضر اللون الأرجواني الكهربائي الداكن سماء الليل، بينما تتألق لمسات اللون الأصفر الليموني مثل قشر الحمضيات الطازج على سطح أبيض نقي.
  • Textla — تقويم نباتي قديم مشمس - صفحة صفراء كريمية مطبوعة باللون الأخضر الداكن مع رسومات توضيحية للصبار مرسومة بظلال حادة ومتداخلة
  • AI for Business — صالة عرض تحريرية على الطراز الوحشي بألوان رمادية دافئة
  • Superhuman — فريق تحرير الساعة الذهبية
  • Visitors — رسم هندسي أبيض
  • Vercel — طرفية مطبوعة على ورق أبيض
  • Jeton — مقال افتتاحي عن التكنولوجيا المالية على الرخام الدافئ
  • Say Briefly — دفتر رسم لوكالة إبداعية على ورق كريمي
  • ClickUp — لوحة تحكم قوية على خلفية من الرخام الأبيض. الصفحة عبارة عن كتيب منتج لأداة إنتاجية، لذا فإن اللغة البصرية مستوحاة من المنتج نفسه: قوائم كثيفة، ومؤشرات حالة، ومجموعات من الصور الرمزية، وعبارات طباعية جريئة تبدو وكأنها مواصفات منتج معروضة.