Ad.Rawaa

🌿 الجزء السادس من كيف بصمم 🌿
🌺 البريف (Client Brief) 🌺

البريف هو مستند أو وثيقة يقدّمها العميل (أو يتم إعدادها معه) لتوضيح تفاصيل المشروع، أهدافه، ومتطلباته قبل بدء التنفيذ.

بمعنى أبسط:

> البريف هو الخريطة التي تمنعك من تنفيذ شيء مختلف عمّا يريده العميل.

---

ثانيًا: لماذا البريف ضروري جدًا؟

بدون بريف واضح ستحدث غالبًا هذه المشاكل:

❌ سوء فهم بينك وبين العميل

❌ تعديلات لا تنتهي

❌ تأخير في التسليم

❌ توتر في العلاقة المهنية

❌ خسارة وقت ومال

أما مع بريف واضح:

✅ تفهم المطلوب بدقة

✅ تحدد نطاق العمل (Scope)

✅ تسعّر المشروع بطريقة صحيحة

✅ تقلل التعديلات

✅ تضمن رضا العميل

---

ثالثًا: ماذا يحتوي البريف؟

البريف الاحترافي يحتوي عادة على الأقسام التالية:

---

1️⃣ معلومات عن الشركة / المشروع

اسم الشركة

المجال

حجم النشاط

الرؤية والرسالة

القيم

مثال:
شركة تعمل في التجارة الإلكترونية في مجال الأزياء النسائية تستهدف فئة عمرية 18–35.

---

2️⃣ هدف المشروع (Objective)

أهم جزء في البريف.

اسأل دائمًا:

> لماذا نقوم بهذا المشروع؟

أمثلة للأهداف:

زيادة المبيعات بنسبة 20%

إطلاق منتج جديد

تحسين الهوية البصرية

بناء وعي بالعلامة التجارية

مثال:
الهدف هو زيادة التسجيل في التطبيق خلال 3 أشهر.

---

3️⃣ الجمهور المستهدف (Target Audience)

من هم؟

العمر

الجنس

الموقع الجغرافي

المستوى الاقتصادي

الاهتمامات

السلوك الشرائي

كلما كان التحديد أدق، كانت النتائج أفضل.

---

4️⃣ المشكلة (Problem Statement)

ما المشكلة التي نحاول حلها؟

مثال:

انخفاض التفاعل على وسائل التواصل

ضعف الهوية البصرية

معدل تحويل منخفض

---

5️⃣ الرسالة الأساسية (Key Message)

ما الفكرة الأساسية التي يجب أن تصل للجمهور؟

مثال:

منتجنا يوفر الوقت والجهد

نحن الخيار الأكثر أمانًا

جودة عالية بسعر مناسب

---

6️⃣ نطاق العمل (Scope of Work)

ماذا سننفذ تحديدًا؟

مثال:

تصميم شعار

تصميم هوية كاملة

حملة إعلانية

تطوير موقع إلكتروني

---

7️⃣ المخرجات المطلوبة (Deliverables)

ما الذي سيتم تسليمه فعليًا؟

مثال:

3 مقترحات شعار

10 منشورات سوشيال ميديا

موقع من 5 صفحات

فيديو مدته 60 ثانية

---

8️⃣ الميزانية (Budget)

معرفة الميزانية تساعدك على:

تحديد مستوى الإنتاج

اختيار الأدوات

إدارة الموارد

---

9️⃣ الجدول الزمني (Timeline)

تاريخ البداية

تاريخ التسليم

مراحل المشروع

مواعيد المراجعات

---

🔟 أمثلة مرجعية (References)

أحيانًا يذكر العميل أمثلة تعجبه مثل:

حملات لشركات مثل Nike

هوية مشابهة لـ Apple

أسلوب إعلاني قريب من Coca-Cola

هذه الأمثلة تساعدك على فهم الذوق العام للعميل.

---

رابعًا: أنواع البريف

1️⃣ Creative Brief

خاص بالمصممين وصناع المحتوى والحملات الإعلانية.

2️⃣ Marketing Brief

يركز على الأهداف التسويقية والاستراتيجية.

3️⃣ Technical Brief

يستخدم في مشاريع البرمجة والتطوير.

4️⃣ Brand Brief

خاص ببناء الهوية والعلامة التجارية.

---

خامسًا: كيف تجمع بريف احترافي من العميل؟

لا تنتظر أن يرسل العميل كل شيء جاهزًا.
دورك أن تسأله الأسئلة الصحيحة.

أهم الأسئلة الذكية:

ما الهدف الحقيقي من المشروع؟

كيف تقيس النجاح؟

ما أكبر تحدي تواجهه؟

من أكبر منافسيك؟

لماذا يختارك العملاء؟

ما الذي لا تريده في هذا المشروع؟

---

سادسًا: الفرق بين البريف والاقتراح (Proposal)

البريف الاقتراح

يقدمه العميل تقدمه أنت
يشرح المطلوب يشرح كيف ستنفذ
يحدد الأهداف يحدد السعر والخطة

---

سابعًا: مثال عملي مبسط لبريف

عميل يريد حملة سوشيال ميديا:

الهدف: زيادة المبيعات 30%

الجمهور: نساء 20–35

المنصة: إنستغرام

الميزانية: 10,000 دولار

المدة: شهرين

المطلوب: محتوى + إعلانات ممولة

بناءً على هذا البريف، تبدأ بوضع الاستراتيجية.

---

ثامنًا: أخطاء شائعة في البريف

بريف عام جدًا

لا يحتوي على هدف رقمي

لا يحدد الجمهور بدقة

تغيير المطلوب بعد بدء التنفيذ

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

🌿 الجزء الثالث من كيف بصمم 🌿
🌺 الخطوط Fonts 🌺

✨ أولاً: الخطوط العربية

🔹 خطوط حديثة (Modern / UI)

تُستخدم في الشعارات، الويب، التطبيقات، والسوشيال ميديا:

Cairo – واضح وحديث (ممتاز للويب)

Tajawal – ناعم ومعاصر

Changa – قوي وجريء

DIN Next Arabic – احترافي جدًا (شركات وتقنية)

GE SS Two – شائع وسهل القراءة

Noto Kufi Arabic – متوازن ومريح

---

🔹 خطوط رسمية / كلاسيكية

للمطبوعات، الكتب، والمحتوى الطويل:

Traditional Arabic

Amiri – ممتاز للنصوص الطويلة

Adobe Arabic

Scheherazade

---

🔹 خطوط إبداعية / شعارات

تُستخدم للعناوين والبراندينغ:

Aref Ruqaa

Diwan Thuluth

Reem Kufi

29LT Makina

Helvetica Neue Arabic (نسخة عربية احترافية)

---

✨ ثانياً: الخطوط الإنجليزية

🔹 Sans Serif (الأكثر استخدامًا)

حديثة، نظيفة، مناسبة للويب:

Helvetica / Helvetica Neue

Arial

Roboto (ممتاز للواجهات)

Open Sans

Montserrat

Poppins

Inter

---

🔹 Serif (رسمية وأنيقة)

للمجلات والمقالات:

Times New Roman

Georgia

Merriweather

Playfair Display

Libre Baskerville

---

🔹 Display / Branding

للشعارات والعناوين:

Bebas Neue

Futura

Oswald

Raleway

Lobster

---

🔗 توليفات عربية + إنجليزية ناجحة

لو تصميمك ثنائي اللغة:

Cairo + Montserrat

DIN Next Arabic + Inter

Tajawal + Poppins

Amiri + Playfair Display

GE SS Two + Open Sans

---

🎯 نصيحة مصمم

لا تستخدم أكثر من خطّين في التصميم الواحد

تأكد من دعم الخط للغة العربية بالكامل

جرّب الخط في عناوين + فقرات قبل اعتماده

🌿 الجزء الأول من كيف بصمم 🌿
🌺 نظرية الألوان 🌺

ما هي نظرية الألوان؟🔴

نظرية الألوان هي مجموعة من المبادئ والتوجيهات التي تساعد📌 على فهم كيفية استخدام الألوان وتنسيقها بشكل متناسق وجذاب. تهدف النظرية إلى معرفة تأثير الألوان على العين والمشاعر، وكيفية دمجها لتحقيق تصميم متوازن وجميل.

5 معلومات مهمة عن نظرية الألوان:

1. العجلة اللونية (Color Wheel):

تتكون من الألوان الأساسية (أحمر، أزرق، أصفر)، والألوان الثانوية (أخضر، برتقالي، بنفسجي)، والألوان الثلاثية الناتجة عن مزج الأساسي والثانوي.

تساعد في اختيار الألوان المتناسقة والتباين بينها.

2. أنواع التوافق اللوني (Color Harmony):

متكامل (Complementary): ألوان متقابلة على العجلة (مثل الأحمر والأخضر) لإحداث تباين قوي.

متجاور (Analogous): ألوان متقاربة على العجلة (مثل الأزرق والأزرق المخضر) لإحداث انسجام.

ثلاثي (Triadic): ثلاثة ألوان متساوية المسافة على العجلة لإضفاء توازن وحيوية.

3. تأثير الألوان على المشاعر:

الأحمر: إثارة، طاقة، جذب الانتباه.

الأزرق: هدوء، ثقة، احترافية.

الأصفر: تفاؤل، فرح، إشراق.

فهم تأثير اللون يساعد المصممين في توصيل الرسالة المطلوبة.

4. الألوان الدافئة والباردة:

دافئة: الأحمر، البرتقالي، الأصفر → تعطي إحساساً بالدفء والنشاط.

باردة: الأزرق، الأخضر، البنفسجي → تعطي إحساساً بالهدوء والاحترافية.

هذه المعلومة مهمة لتوجيه شعور المستخدم في التصميم.

5. التباين والقراءة:

استخدام ألوان متباينة يزيد وضوح العناصر ويسهل القراءة، خاصة في النصوص والخلفيات.

مثال: نص أبيض على خلفية داكنة أو نص داكن على خلفية فاتحة.

---

كيف نستخدم نظرية الألوان في التصميم؟

1. اختيار لوحة ألوان رئيسية تناسب الغرض والرسالة (علامة تجارية، موقع، إعلان).

2. استخدام التباين لتسليط الضوء على العناصر المهمة.

3. توظيف الألوان المترابطة أو المتكاملة لتحقيق انسجام بصري.

4. مراعاة مشاعر وتأثير اللون على المستخدم لتوجيه الانطباع.

5. تجربة ألوان محددة للواجهة أو العناصر التفاعلية مثل الأزرار والروابط لجذب الانتباه

🌿 الجزء الأول من كيف بصمم 🌿
🌺 قواعد التصميم 🌺

1. التوازن (Balance)

المبدأ: توزيع العناصر بشكل متساوٍ أو متناغم في التصميم.

التوازن المتماثل (Symmetrical): العناصر متساوية على جانبي محور التصميم. يعطي شعورًا بالاستقرار والرسمية.
مثال: واجهة موقع إخباري كلاسيكية.

التوازن غير المتماثل (Asymmetrical): توزيع العناصر غير متماثل ولكن متوازن بصريًا. يعطي شعورًا بالحركة والإبداع.
مثال: صفحة ويب حديثة بها صور كبيرة ونصوص صغيرة على الجانبين.

---

2. المحاذاة (Alignment)

المبدأ: تنظيم العناصر بحيث تكون مرتبطة بخط أو محور مشترك.

يساعد على جعل التصميم مرتبًا وواضحًا.

أمثلة: محاذاة النصوص إلى اليسار، الصور إلى المنتصف، أو الأزرار على خط أفقي واحد.

---

3. التباين (Contrast)

المبدأ: جعل العناصر المختلفة تبدو مختلفة بوضوح.

يستخدم ألوان مختلفة، أحجام خطوط مختلفة، أشكال مختلفة لخلق التركيز.

مثال: عنوان بلون داكن على خلفية فاتحة لجذب الانتباه.

---

4. التكرار (Repetition)

المبدأ: تكرار عناصر معينة (ألوان، خطوط، أشكال) لإيجاد اتساق بصري.

يجعل التصميم يبدو محترفًا ومنظمًا.

مثال: استخدام نفس لون الأزرار في كل الصفحة أو نفس نمط الرموز في واجهة التطبيق.

---

5. القرب/المجموعة (Proximity)

المبدأ: وضع العناصر المتعلقة ببعضها بالقرب من بعضها لتشكيل وحدة بصرية.

يساعد المستخدم على فهم العلاقة بين المعلومات بسرعة.

مثال: مجموعة من الأزرار الخاصة بوسائل الدفع في زاوية واحدة.

---

6. الفراغ/المساحة البيضاء (White Space)

المبدأ: ترك مساحات فارغة حول العناصر.

لا يعني الفراغ الضائع! بل يعطي التصميم راحة للعين وتركيز على المحتوى المهم.

مثال: صفحة ويب حديثة غالبًا ما تحتوي على مساحات بيضاء حول النصوص والصور لزيادة الوضوح.

---

7. التسلسل البصري (Visual Hierarchy)

المبدأ: ترتيب العناصر بطريقة توضح الأهمية النسبية لكل عنصر.

يتحقق باستخدام الحجم، اللون، الموقع، والوزن البصري.

مثال: العنوان الكبير في الأعلى → النصوص الثانوية أصغر → الأزرار بارزة بالألوان.

---

8. الوحدة (Unity)

المبدأ: جميع عناصر التصميم يجب أن تشعر أنها تنتمي معًا.

يخلق شعورًا بالتناسق والاحترافية.

يتم عبر ألوان متناسقة، خطوط متشابهة، أو أشكال متناغمة.

---

9. الحركة/الاتجاه (Movement)

المبدأ: توجيه عين المستخدم عبر التصميم بطريقة معينة.

يتم عبر خطوط، ألوان، أشكال، أو اتجاه العناصر.

مثال: السهم في واجهة التطبيق يقود المستخدم إلى زر "ابدأ".

---

10. البساطة (Simplicity / Minimalism)

المبدأ: إزالة أي عناصر غير ضرورية لجعل الرسالة واضحة.

يقلل الفوضى ويزيد من تجربة المستخدم.