انتقل إلى المحتوى الرئيسي
Gameel
تجريبي

جميل / بصمة التصميم

لسنا أصحاب ستايل ثابت. لدينا طريقة ثابتة لصناعة قرارات غير متوقعة.

التصميم يبدأ
بالسؤال الصح.

بصمتنا التصميمية ليست لوحة ألوان أو مجموعة تأثيرات. هي طريقة نقرر بها ما الذي يستحق الانتباه، وما الذي يجب أن يختفي.

نوازن بين الوضوح والشخصية، بين النظام والمفاجأة، وبين الجمال والأداء. والنتيجة يجب أن تبدو كأنها لا يمكن أن تخص أحدًا غير صاحبها.

التصميم عندنا حالة توازن

لا نختار طرفًا. نضبط المسافة بين الطرفين.

وضوح×شخصية
نظام×مفاجأة
جمال×أداء

01 / مبادئ لا نتفاوض عليها

ستة اختبارات قبل أن نسمي الشيء تصميمًا.

لا نبحث عن ستايل يمكن تكراره. نبحث عن قرارات يمكن الدفاع عنها. هذه المبادئ هي الفلتر، وليست الوصفة.

٦قواعد / مساحة واحدة
01

الفكرة قبل الزينة

لو اختفى اللون والحركة، يجب أن تظل الفكرة واقفة على قدميها.

02

هرم بصري بلا مجاملات

العين لازم تعرف أين تبدأ، ثم أين تذهب بعد ذلك.

03

الشخصية أهم من الترند

نستعير الأدوات، لكن لا نستعير هوية أحد.

04

الحركة تشرح

الحركة إشارة أو انتقال أو مكافأة؛ وليست حشوًا بصريًا.

05

النظام يحمي الإبداع

القواعد الجيدة لا تقتل الجرأة؛ هي فقط تمنع الفوضى.

06

الأداء جزء من الجمال

الصفحة الجميلة التي تشعر بأنها بطيئة ليست جميلة فعلًا.

02 / لا نبدأ بلوحة إلهام

نصمّم منطقًا، ثم نعطيه شكلًا.

لا نبدأ بسؤال: ما الشكل الذي يبدو رائعًا؟ نبدأ بـ: ما الفكرة؟ من يجب أن يلاحظها؟ ما القرار الذي نريده؟ وما أقل عدد من العناصر التي يمكنها فعل ذلك بقوة؟

01
الفكرة
02
الشخصية
03
النظام
04
الأداء

03 / الصوت البصري

الخط ليس اختيارًا تجميليًا.

هو النبرة، الإيقاع، والمسافة بين الجملة والقارئ. العربي عندنا يجب أن يبدو عربيًا فعلًا، لا نسخة مترجمة من تخطيط إنجليزي.

كو لاب / الخط الرئيسي01

جميل

الحرف عندنا لا يملأ المساحة. هو الذي يبنيها.

نستخدم الحجم، الكثافة، الفراغ والإيقاع لصناعة اتجاه بصري واضح. العربي ليس نسخة RTL من واجهة إنجليزية؛ له ميزانه ومساحته وسرعته الخاصة.

02

نبرة

كيف تتكلم الصفحة

03

إيقاع

كيف تتحرك العين

04

وضوح

كيف تصل الفكرة

04 / اللون له وظيفة

لا نوزّع الألوان بالتساوي.

كل لون يدخل بسبب. إذا صار كل شيء لافتًا، لا يعود شيء لافتًا.

النية

#1A3CFF

للقرارات الأساسية واللحظات التي يجب أن تُرى أولًا.

الإشارة

#16EA58

للفعل والاستجابة والتباين الذي له وظيفة.

النبضة

#4DE1FF

للحركة والبيانات والطاقة الرقمية.

البنية

#0A0A0A

للثقل والتركيز والتباين التحريري.

المساحة

#F2F1EB

مساحة هادئة تترك الفكرة هي التي تقود.

05 / قواعد الحركة

الحركة عندنا فعل، وليست فلترًا.

01

الدخول

نُظهر البنية بنفس الترتيب الذي نريد للعين أن تقرأ به.

02

التوجيه

ننقل الانتباه من قرار إلى القرار التالي.

03

الاستجابة

كل تفاعل يجب أن يرد على المستخدم فورًا.

06 / ما لا نفعله

بعض الأشياء أسهل. لذلك نتجنبها.

زخرفة بلا سببنسخ الترند كما هوتفكير ستوك جاهزحركة لمجرد الحركةشخصية مؤقتة أو عامةبطء متخفٍ في شكل فاخر

الأدوات التي تساعدنا

Figmaالاتجاه وأنظمة التصميم
Framerالنماذج والتفاعل
GSAPهندسة الحركة
After Effectsلغة الموشن
Splineالمشاهد المكانية
Blenderالتشكيل ثلاثي الأبعاد
AIللاستكشاف، لا لاتخاذ القرار

الأداة لا تصنع الفكرة. ولا توجد نسبة مئوية تقيس الإبداع. القرار هو ما يهم.

النتيجة

شيء له صاحب.

هدفنا ليس أن يقول الناس: تصميم جميل. هدفنا أن يعرفوا لمن هذا التصميم قبل أن يروا الاسم.

تواصل الآن
iهذه نسخة تجريبية من موقعنا — قد تكون بعض المعلومات غير دقيقة. الموقع الكامل قادم قريبًا.