دليل المصمم لبناء وعرض مشاريع الهوية باحتراف

The 3-Pile Method

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

• MUST SHOW

  عنصر أساسي. بدونه يبدو المشروع ناقصًا.

• SUPPORT

  يدعم القصة ويقوّيها، لكنه لا يحملها.

• REMOVE

  جميلة، لكنها تكرر معلومة موجودة.

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

SODOM Visual Story Formula

المشروع ليس ترتيب ملفات. هو تسلسل يفهم منه المشاهد ماذا صممت، ولماذا، وكيف يعيش النظام في الواقع.

1. 01HOOK«اجذبني.»Hero قوي
2. 02CONTEXT«عرّفني بالمشروع.»الاسم، نبذة، العميل
3. 03IDEA«فهّمني الفكرة.»Concept وفلسفة الشعار
4. 04SYSTEM«ورّيني كيف بنيت الهوية.»الشعار، الألوان، الخط، العناصر
5. 05EXPERIENCE«ورّيني كيف تعيش في الواقع.»Mockups في سياقها
6. 06DETAILS«خلّني أشوف الجودة.»Close-ups وخامات
7. 07CLOSING«خلّني أتذكر المشروع.»Brand world أو جملة ختامية

ثلاث وصفات لترتيب الـ Case Study

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

• Recipe A

  Short Portfolio

  بورتفوليو بعدة مشاريع، أو مشروع صغير.

  1. 1 · Hero
  2. 2 · Intro
  3. 3 · Logo
  4. 4 · Colors & Type
  5. 5 · 3 Applications
  6. 6 · System
  7. 7 · Closing

• Recipe B · الأكثر استخدامًا

  Standard Case Study

  معظم مشاريع الهوية على Behance.

  1. 1 · Hero
  2. 2 · Overview
  3. 3 · Idea
  4. 4 · Logo Concept
  5. 5 · Logo
  6. 6 · Color
  7. 7 · Typography
  8. 8 · Graphic System
  9. 9 · Hero Application
  10. 10 · Supporting Mockups
  11. 11 · Details
  12. 12 · Brand World
  13. 13 · Closing

• Recipe C

  Deep Case Study

  مشروع حقيقي فيه تحدٍّ واستراتيجية ونتائج.

  1. 1 · Hero
  2. 2 · Context
  3. 3 · Challenge
  4. 4 · Strategy / Idea
  5. 5 · Process
  6. 6 · Identity System
  7. 7 · Applications
  8. 8 · Experience
  9. 9 · Results / Outcome
  10. 10 · Closing

كيف تبدأ المشروع؟

لا تفرض افتتاحية واحدة على كل المشاريع. اختر حسب ما يحمله مشروعك أقوى.

• Hero First

  صورة قوية جدًا أولًا، ثم الاسم والمقدمة.

  مناسبة عندما: عندك Mockup استثنائي يحمل الانطباع وحده.

• Identity First

  Logo / الاسم / جملة قصيرة، ثم الـ Hero.

  مناسبة عندما: فكرة الشعار أو الاسم هي أهم جزء في القصة.

• World First

  Brand World يعرّف الجو البصري كاملًا.

  مناسبة عندما: المشروع غني بالتصوير والتغليف والعناصر.

Hero Image

ليست أجمل صورة فقط. هي الصورة التي تختصر المشروع، وتعطي أقوى انطباع أول، وتعمل كغلاف. قيّم صورتك المرشحة:

Hero Scorecardقيّم من 1 إلى 5

• وضوح التصميم
  وضوح التصميم

  12345
• تمثيل شخصية البراند
  تمثيل شخصية البراند

  12345
• قوة أول انطباع
  قوة أول انطباع

  12345
• وجود نقطة محورية واضحة
  وجود نقطة محورية واضحة

  12345
• جودة الصورة
  جودة الصورة

  12345
• تميّزها عن بقية الصور
  تميّزها عن بقية الصور

  12345

قيّم كل المعايير لتعرف إن كانت الصورة Hero.

Tipقارن ٢–٣ صور مرشحة على نفس البطاقة. أقل من 3 في أي معيار يعني أنها ليست Hero.

Mockup Selection Matrix

أداة تقلل الاختيار العشوائي عندما يكون عندك صور كثيرة. قيّم كل صورة من 1 إلى 5.

Thumbnail Test

صغّر الصورة جدًا، ثم اسأل: هل العنصر الرئيسي ما زال واضحًا؟ هل المشروع مفهوم؟ هل التكوين قوي؟

مصغّرة

✓ Focal point واحد يصمد عند التصغير

Mockup Architecture

بدل عرض الموكبات عشوائيًا، ابنِ مجموعة صور لكل منها وظيفة واحدة. كل وظيفة تجيب عن سؤال:

• 

  Hero

  ما شخصية المشروع؟

• 

  Identity

  ما اللغة البصرية؟

• 

  Detail

  ما مستوى الحرفية؟

• 

  Context

  أين يعيش؟

• 

  Usage

  كيف يتفاعل معه الإنسان؟

• 

  Scale

  ما حجمه؟

قاعدة التنوع: Wide / Medium / Close

إذا كانت كل الصور Full scene متتالية، يصبح المشروع رتيبًا. التناوب بين اللقطات الواسعة والقريبة يبني Contrast وRhythm.

• Wideالعالم والمكان
• Mediumالتطبيق واضحًا
• Closeالخامة والتفصيل

صفحات الانتقال

ليس ضروريًا أن تحتوي كل صفحة على تطبيق. بين أجزاء المشروع، استخدم صفحات تعمل كـ Pause وReset:

• لون كامل

  لون الهوية الأساسي فقط.

• Typographic statement

  عبارة البراند بخط الهوية.

• Pattern

  الـ Pattern يملأ الصفحة.

• Detail crop

  قص قريب لخامة أو جزء من الشعار.

نظام الـ Pacing

فكّر في المشروع كإيقاع موسيقي. إذا كان كل شيء High Impact طوال الوقت، يفقد تأثيره. تحتاج صعودًا وهبوطًا بصريًا.

1. High ImpactFinal
2. Breathing SpaceTransition
3. DetailClose-up
4. High ImpactApplication
5. InformationIdentity
6. CalmIntro
7. High ImpactHero