# المهمة الأساسية

خلفية المهمة

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

### أهداف محددة

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

2. إجراء تحليل متعمق لملف تعريف الصناعة للوظيفة المستهدفة، ومتطلبات المهارات، وخصائص التفضيل، واكتساب رؤى عبر 5-8 أبعاد رئيسية على الأقل.

3. مطابقة السير الذاتية الشخصية بذكاء مع متطلبات الوظيفة، مما يؤدي إلى توليد ما لا يقل عن 3-5 اقتراحات تحسين مستهدفة.

4. إنشاء موقع ويب شخصي تفاعلي جذاب بصريًا، ومنظم بشكل واضح، ومتوافق مع مختلف الصناعات.

5. تأكد من إمكانية تتبع محتوى الموقع الإلكتروني؛ فجميع اقتراحات التحسين تستند إلى بيانات تحليل الوظائف الحقيقية.

### القيود الرئيسية

يجب أن تكون المعلومات الشخصية صحيحة وكاملة، ولا يجوز اختلاقها أو المبالغة فيها.

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

- يجب أن يفي أسلوب تصميم الموقع الإلكتروني بمعايير "الجماليات العالمية، والبساطة الأنيقة، والانطباع الاحترافي الذي لا يُنسى".

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

### الخطوة 1: جمع وتنظيم معلومات السيرة الذاتية الشخصية

**الهدف:** الحصول على جميع المعلومات الضرورية حول الباحثين عن عمل وتنظيمها في بيانات منظمة للتحضير للتحليل اللاحق وإنشاء موقع الويب.

**فعل**:

- يتطلب من المستخدمين تحميل معلومات شخصية، أو:

- توجيه المستخدمين لتقديم أو تعديل المعلومات المطلوبة التالية في YouMind:

- **المعلومات الأساسية**: الاسم، العمر، معلومات الاتصال (البريد الإلكتروني، رقم الهاتف، لينكد إن/جيت هاب، إلخ).

- **الصورة الشخصية:** يرجى تحميل صورة شخصية ذات مظهر احترافي (يفضل بصيغة JPG/PNG).

- **الخلفية التعليمية**: اسم المدرسة، التخصص، الدرجة العلمية، مدة الدراسة، المقررات الأساسية أو التكريمات (إن وجدت)

- **الخبرة العملية**: اسم الشركة، المنصب، مدة العمل، المسؤوليات الرئيسية والإنجازات (يوصى بـ 3-5 فقرات)

- **قائمة المهارات**: المهارات المهنية، والكفاءة في استخدام الأدوات/المنصات، ومهارات اللغة، والمهارات الشخصية، إلخ.

- **أبرز الإنجازات الأخرى** (اختياري): الخبرة في المشاريع، والجوائز، والمنشورات، والخبرة التطوعية، وما إلى ذلك.

- قم بتنظيم المعلومات التي تم جمعها في شكل واضح ومنظم (يوصى باستخدام Markdown أو الجداول).

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

- احفظ المعلومات الشخصية المنظمة كملف أو ملاحظة في تطبيق YouMind لسهولة الرجوع إليها لاحقًا.

**معايير الجودة**:

- جميع الحقول المطلوبة (الاسم، العمر، معلومات الاتصال، التعليم، المهنة، المهارات، الصورة) مكتملة بنسبة 100%.

- صف خبرتك العملية وخلفيتك التعليمية بالتفصيل وبشكل كمي (على سبيل المثال، "مسؤول عن مشروع XX، وقد حسّن مؤشر أداء YY بنسبة 30٪").

- صور شخصية واضحة واحترافية بخلفية بسيطة.

## نمط لغة المستند

**الأسلوب**: كن محترفًا ومباشرًا ومنظمًا؛ تجنب استخدام اللغة العامية أو الأكاديمية بشكل مفرط.

**البيان**: استخدم صيغة المبني للمعلوم والجمل التي تبدأ بأفعال (مثل "مسؤول عن XX"، "يقود XX"، "يحقق XX") لتسليط الضوء على الإجراءات والنتائج.

**البيانات:** قم بتحديد النتائج كمياً قدر الإمكان (على سبيل المثال، "زيادة معدل التحويل بنسبة 30٪"، "إدارة ميزانية قدرها 500000 دولار"، "قيادة فريق مكون من 10 أشخاص").

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

### الخطوة 2: تحليل خصائص الصناعة ومتطلبات الوظيفة المستهدفة

**الهدف:** من خلال عمليات البحث الشاملة عبر الإنترنت، اكتساب فهم عميق للملف الشخصي النموذجي، ومتطلبات المهارات الأساسية، وتفضيلات الصناعة، والتوقعات الضمنية للوظائف المستهدفة، مما يوفر دعمًا بالبيانات لتحسين السيرة الذاتية.

**فعل**:

- الحصول على المسمى الوظيفي المستهدف الذي أدخله المستخدم (على سبيل المثال، "مدير النمو الخارجي لشركة ذكاء اصطناعي"، "خبير عمليات المنتج"، إلخ).

- استخدم أداة "googleSearch" لإجراء بحث متعدد الأبعاد، يتضمن على الأقل الاستعلامات التالية:

- "[الوظيفة المستهدفة]: وصف الوظيفة ومتطلباتها"

- "المهارات والمؤهلات المطلوبة لشغل الوظيفة المستهدفة"

- "أسئلة المقابلة الخاصة بالوظيفة المستهدفة" (أسئلة المقابلة التي تعكس تركيز صاحب العمل)

- "المسار الوظيفي [للوظيفة المستهدفة]" (المسار الوظيفي، فهم الخلفية الصناعية)

- بالنسبة لقطاعات محددة (مثل الذكاء الاصطناعي، والبرمجيات كخدمة)، قم بتضمين الكلمات الرئيسية للقطاع في بحثك.

- استخلص ولخص المعلومات الرئيسية التالية من نتائج البحث:

- **متطلبات المهارات التقنية**: المهارات المهنية الأساسية، والأدوات، والمنصات، ومجموعة التقنيات (أدرج 5-8 مهارات مستخدمة بشكل متكرر)

- **المهارات الشخصية المفضلة**: مهارات التواصل، والقيادة، والتعاون بين الثقافات، إلخ. (أدرج 3-5 عناصر)

- **التعليم والخبرة**: متطلبات الخلفية التعليمية، وسنوات الخبرة العملية، وتفضيلات الصناعة.

- **مسؤوليات الوظيفة**: العمل الأساسي الذي يتم القيام به عادةً في هذا المنصب (3-5 بنود)

- **اتجاهات الصناعة**: هذا الدور مطلوب بشدة أو لديه متطلبات ناشئة في السوق الحالية (مثل استخدام أدوات الذكاء الاصطناعي، واتخاذ القرارات القائمة على البيانات، وما إلى ذلك).

- **تفضيلات ثقافة الشركة:** إذا أمكن، سجل الخصائص الثقافية للصناعة المستهدفة / نوع الشركة (مثل روح المبادرة، والنهج الموجه نحو النتائج، وما إلى ذلك).

- تجميع نتائج التحليل في تقرير منظم، مع روابط للمصادر الأصلية لكل بُعد (3 مصادر مختلفة على الأقل).

- قم بإنشاء "ملخص لملف تعريف الوظيفة المستهدفة" (200-300 كلمة) يلخص الخصائص الأساسية للوظيفة.

**معايير الجودة**:

- الحصول على المعلومات من 3 مصادر موثوقة مختلفة على الأقل (مثل LinkedIn و Glassdoor وتقارير الصناعة ومواقع التوظيف).

- يجب أن تحتوي قائمة المهارات الفنية على 5 عناصر على الأقل، ويجب أن تحتوي قائمة المهارات الشخصية على 3 عناصر على الأقل.

- كل نتيجة رئيسية مصحوبة برابطها الأصلي لضمان إمكانية التتبع.

- ملخص الوصف الوظيفي واضح ومحدد، ويتجنب العموميات المبهمة.

# تقرير تحليل الوظائف المستهدفة

# الموقع المستهدف

[المسمى الوظيفي، مثل "مدير النمو الخارجي في شركة ذكاء اصطناعي"]

#ملخص الملف الوظيفي

[ملخص من 200 إلى 300 كلمة يصف الخصائص الأساسية والمسؤوليات الرئيسية والخلفية الصناعية لهذا المنصب]

## متطلبات المهارات الفنية

1. [المهارة 1] - المصدر: [رابط]

2. [المهارة 2] - المصدر: [رابط]

3. [المهارة 3] - المصدر: [رابط]

...

## تفضيل المهارات الشخصية

1. [المهارة 1] - المصدر: [رابط]

2. [المهارة 2] - المصدر: [رابط]

...

## المسؤوليات النموذجية

1. [المسؤولية 1]

2. [المسؤولية 2]

...

# متطلبات التعليم والخبرة

- التعليم: [مطلوب]

- سنوات الخبرة العملية: [مطلوب]

- الخلفية الصناعية: [مفضلة]

## اتجاهات الصناعة والمتطلبات الناشئة

[صف أحدث الاتجاهات لهذا الدور، مثل استخدام أدوات الذكاء الاصطناعي والأساليب القائمة على البيانات.]

## مراجع

1. [عنوان المصدر 1] - [الرابط]

2. [عنوان المصدر 2] - [الرابط]

3. [عنوان المصدر 3] - [الرابط]

### الخطوة 3: تحسين السير الذاتية الشخصية بذكاء لتتوافق مع متطلبات الوظيفة

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

**فعل**:

- قارن المعلومات الشخصية من الخطوة 1 مع الملف الوظيفي من الخطوة 2، وقم بإجراء تحليل مطابقة نقطة بنقطة:

- **مطابقة المهارات:** ما هي المهارات التي تتداخل مع متطلبات الوظيفة ضمن مجموعة مهاراتك الشخصية؟ وما هي المهارات المفقودة؟

- **مدى صلة الخبرة**: ما هي جوانب خبرتك العملية ذات الصلة الوثيقة بمسؤوليات وظيفتك؟ كيف يمكنك إعادة صياغة هذه النقاط لتسليط الضوء على أهميتها؟

- **مواءمة الكلمات الرئيسية:** هل تظهر الكلمات الرئيسية عالية التردد من وصف الوظيفة (مثل "اختراق النمو" و"المدفوع بالبيانات" و"العمليات عبر الحدود") في ملفك الشخصي؟

- **إظهار المهارات الشخصية:** هل هناك أمثلة محددة في تجربتك الشخصية توضح المهارات الشخصية (مثل القيادة ومهارات التواصل) المطلوبة لهذا المنصب؟

- قم بإنشاء 3-5 اقتراحات تحسين محددة، يتضمن كل اقتراح منها ما يلي:

- **نقاط التحسين:** تفاصيل محددة تحتاج إلى تعديل (على سبيل المثال، "أمثلة على إضافة مهارات تحليل البيانات إلى الخبرة العملية").

- **أسباب التحسين:** لماذا تم إجراء هذا التعديل (على سبيل المثال، "يتطلب الوضع المستهدف اتخاذ قرارات قائمة على البيانات، ولكن الوصف الحالي يفتقر إلى البيانات الكمية").

- **مثال على التحسين**: تقديم اقتراحات محددة لإعادة الصياغة أو محتوى تكميلي.

- تحديد 2-3 "نقاط قوة مميزة" للفرد (أي السمات أو الخبرات التي يمتلكها الفرد ولكنها غير مذكورة صراحة في الوصف الوظيفي، ولكنها قد تكون ميزة إضافية).

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

- بناءً على اقتراحات التحسين، يتم إنشاء نسخة "محسّنة من المعلومات الشخصية"، مع الحفاظ على أصالة المعلومات الأصلية ولكن مع تعديل الصياغة وترتيب المحتوى لتسليط الضوء على الصلة.

**معايير الجودة**:

- قدم ما لا يقل عن 3 اقتراحات محددة وقابلة للتنفيذ لتحسين الأداء.

- يتضمن كل اقتراح مقارنة واضحة "قبل التحسين - بعد التحسين" أو مثالاً محدداً.

- يجب أن يستند المحتوى المُحسَّن إلى معلومات حقيقية ويجب ألا يكون ملفقًا أو مبالغًا فيه.

- حدد ميزتين مميزتين على الأقل

# اقتراحات لتحسين السيرة الذاتية

## تحليل المطابقة

- **مطابقة المهارات**: [المهارات المتطابقة] / [المهارات المفقودة]

- **مدى صلة الخبرة**: [خبرة ذات صلة عالية] / [مجالات تحتاج إلى تحسين]

- **محاذاة الكلمات المفتاحية**: [الكلمات المفتاحية المضمنة] / [الكلمات المفتاحية المراد إضافتها]

## اقتراحات التحسين

### الاقتراح 1: [نقاط التحسين]

- **السبب:** [لماذا هناك حاجة إلى التحسين]

- **قبل التحسين**: [البيان الأصلي]

- **مُحسَّن**: [صياغة مُحسَّنة]

### الاقتراح الثاني: [نقاط التحسين]

...

## مزايا التمايز

1. [الميزة 1]: [وصف تفصيلي]

2. [الميزة 2]: [وصف تفصيلي]

## معلومات شخصية مُحسّنة

[معلومات شخصية كاملة ومحسّنة، بتنسيق مماثل لـ "وثيقة المعلومات الشخصية المنظمة"]

## نمط لغة المستند

**الأسلوب**: كن محترفًا ومباشرًا ومنظمًا؛ تجنب استخدام اللغة العامية أو الأكاديمية بشكل مفرط.

**البيان**: استخدم صيغة المبني للمعلوم والجمل التي تبدأ بأفعال (مثل "مسؤول عن XX"، "يقود XX"، "يحقق XX") لتسليط الضوء على الإجراءات والنتائج.

**البيانات:** قم بتحديد النتائج كمياً قدر الإمكان (على سبيل المثال، "زيادة معدل التحويل بنسبة 30٪"، "إدارة ميزانية قدرها 500000 دولار"، "قيادة فريق مكون من 10 أشخاص").

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

### الخطوة 4: إنشاء موقع إلكتروني شخصي للبحث عن وظائف بأسلوب ما بعد الحداثة

**الهدف:** باستخدام أداة "generateWebpage" من YouMind، قم بإنشاء موقع ويب شخصي للبحث عن وظيفة من صفحة واحدة، يتميز بأسلوب ما بعد الحداثة، وجاذبية بصرية، وغير تقليدي، ويعرض معلوماتك الشخصية المحسّنة بشكل كامل.

**فعل**:

- قم بتشغيل أداة `generateWebpage`، مع تمرير الأوامر والمعلمات التالية:

- **التعليمات**: "أنشئ موقعًا إلكترونيًا شخصيًا للبحث عن وظائف من صفحة واحدة، يعرض معلومات السيرة الذاتية الكاملة للباحث عن عمل. يجب أن يستوفي الموقع المتطلبات التالية:"

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

- **بنية التصميم**: تخلص من التصميم المجزأ وغير المتماثل للشبكات التقليدية. يمكن للعناصر أن تتداخل وتدور لخلق عمق وإحساس بالفوضى. يمكن تغيير ترتيب الوحدات أو عرضها بطريقة غير خطية. يُشجع على استخدام التسلسل الهرمي على المحور Z. يتضمن الوحدات التالية، ولكن يمكن أن يكون العرض غير تقليدي:

1. **قسم البطل** (الشاشة الأولى): افتتاحية مؤثرة بصريًا، والتي يمكن أن تستخدم تأثيرات مثل الكولاج، والنصوص والصور المتداخلة، وفن الخلل.

2. **نبذة عني**: يمكن تقسيم هذا النص على مناطق مختلفة من الصفحة أو تنسيقه باستخدام مزيج من الخطوط.

3. **التجربة**: التخلي عن الجدول الزمني التقليدي واستخدام بطاقات بأحجام مختلفة أو أشكال غير منتظمة أو التمرير المتوازي لعرض كل تجربة.

4. **التعليم**: كعنصر زخرفي أو هيكلي في التصميم العام، بدلاً من كونه وحدة مستقلة ومنظمة.

5. **المهارات:** استخدم سحب الكلمات الفوضوية، والنصوص كعناصر رسومية للتوزيع، أو تصورها بطرق غير تقليدية.

6. **الاتصال**: يمكن تكبير أو تصغير الأيقونات والروابط ووضعها في زوايا غير متوقعة من الصفحة.

- **نظام الألوان**: مزيج ألوان جريء ومتناقض وعالي التشبع. استخدم ألوانًا فلورية، وألوانًا متجاورة غير متناسقة، وتدرجات لونية قوية. على سبيل المثال، امزج اللون الوردي الفاتح (#FF00FF) مع الأخضر الليموني (#00FF00)، أو استخدم تأثيرًا فنيًا يعتمد على كسر الألوان. يمكن أن تكون الخلفيات عبارة عن صور مجمعة متعددة الألوان أو تحتوي على أنماط ضوضاء/شبكة.

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

- **تصميم التفاعل**: تأثيرات تفاعلية مبالغ فيها وغير متوقعة. قد يؤدي تحريك مؤشر الماوس فوق العنصر إلى ظهور تأثيرات خلل، أو انعكاس الألوان، أو إزاحة العناصر. قد يكون التمرير متقطعًا أو مصحوبًا بتأثير المنظر البانورامي القوي. قد تعرض روابط التنقل رسومًا متحركة غير متوقعة عند النقر عليها.

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

- **المراجع**: قم بإدخال مراجع المواد/الملاحظات من "المعلومات الشخصية المحسّنة" التي تم إنشاؤها في الخطوة 3، وعنوان URL لصورتك الشخصية.

- بعد إنشاء الموقع الإلكتروني، تحقق من نقاط الجودة التالية:

- هل يتم عرض جميع المعلومات الشخصية بشكل كامل ودقيق (حتى لو كان التصميم غير منظم)؟

هل يفي الأسلوب البصري بمتطلبات "ما بعد الحداثة"؟ هل هو جريء ومؤثر؟

- هل يمكن العثور على المعلومات في كل وحدة وفهمها؟

- هل تعمل التأثيرات التفاعلية كما هو متوقع، حتى لو كانت "غير متوقعة"؟

- إذا لم يلبي الموقع الإلكتروني الذي تم إنشاؤه التوقعات، فقم بتسجيل المشكلات المحددة واستخدم معلمة `webpage_id` الخاصة بـ `generateWebpage` للتحسين التكراري.

**معايير الجودة**:

- يحتوي الموقع الإلكتروني على جميع الوحدات الضرورية (البطل، نبذة عنا، الخبرة، التعليم، المهارات، الاتصال)، ولكن التنسيق غير محدود.

- يتميز التصميم المرئي بالجرأة ويتماشى مع ما بعد الحداثة، ويتمتع بشخصية قوية وجاذبية لا تُنسى.

- جميع المعلومات الشخصية دقيقة ومتوافقة مع المحتوى الأمثل.

- المعلومات الأساسية للموقع الإلكتروني قابلة للقراءة على كل من أجهزة الكمبيوتر المكتبية والأجهزة المحمولة، والأسلوب متسق.

- الانطباع العام هو "جريء، طليعي، ومليء بالإبداع"، مما يساعدهم على التميز عن العديد من السير الذاتية.

# الأسلوب والعرض

### النمط المرئي للموقع الإلكتروني (المعيار الأساسي)

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

**نظام الألوان**:

- **المبادئ الأساسية:** الجرأة، والصراع، والتشبع العالي. رفض الانسجام والسعي وراء التوتر البصري.

- **تنسيقات الألوان**: استخدم الألوان الفلورية، وألوان النيون، والألوان المتجاورة غير المتناسقة. على سبيل المثال: بريق (#FF00FF) + أصفر فاقع (#FFFF00) + سماوي (#00FFFF).

- **الخلفية:** تجنب اللون الأبيض النقي. استخدم خلفيات تحتوي على عناصر تشويش، أو خطوط شبكية، أو أنماط هندسية، أو مربعات متعددة الألوان. يمكنك أيضًا تجربة الخلفيات ذات التدرج اللوني القوي.

- **الألوان الثانوية**: لا يوجد مفهوم محدد للألوان الثانوية؛ يمكن لأي لون أن يصبح اللون الرئيسي. يمكنك استخدام تركيبات ألوان "غير متناسقة" عمداً لخلق تأثير ساخر.

**نظام الخطوط**:

**المبدأ الأساسي:** عارض التوحيد والنمطية. فالمزيج والصراع والتباين هي العناصر الأساسية.

- **الخطوط المختلطة**: استخدام خطوط متعددة بأنماط مختلفة على صفحة واحدة، مثل الجمع بين الخطوط الكلاسيكية ذات الزوائد (مثل Times New Roman) مع الخطوط العريضة بدون زوائد (مثل Arial Black) أو الخطوط المكتوبة بخط اليد.

- **تباين الحجم**: أقصى الحدود. يمكن أن تكون العناوين كبيرة جدًا لدرجة أنها تشغل نصف الشاشة، بينما يمكن أن يكون نص المحتوى صغيرًا جدًا لدرجة أنه يتطلب جهدًا لقراءته (كخيار تصميمي).

- **معالجة النصوص**: تعامل مع النصوص كرسومات. قم بتدويرها، وتشويهها، ومحاذاتها عموديًا، وعكسها، وتراكبها. يمكن ترتيب النصوص على طول مسارات أو تقسيمها إلى أحرف فردية متناثرة عبر الصفحة.

**مبادئ التخطيط**:

- **كسر الشبكة:** التخلي تمامًا عن نظام الشبكة التقليدي. يتم ترتيب العناصر في تخطيط غير متماثل وعشوائي ظاهريًا.

- **الكولاج والتداخل**: من خلال الاستخدام المكثف للطبقات والمحور Z، يتم تداخل الصور والنصوص وكتل الألوان لإنشاء تأثير الكولاج.

- **التجزئة**: تقسيم عنصر تصميم كامل (مثل صورة أو كتلة نصية) إلى أجزاء متعددة وتشتيتها في أماكن مختلفة.

- **المساحة البيضاء**: مساحة بيضاء غير منتظمة وديناميكية، حيث تصبح المساحة البيضاء نفسها شكلاً وعنصراً تصميمياً، بدلاً من كونها مجرد "مساحة للتنفس".

**تفاصيل التفاعل:**

- **تأثيرات التمرير**: مبالغ فيها ومُثيرة للجدل. عندما يُمرر مؤشر الماوس فوق عنصر ما، فإنه قد يتغير بشكل جذري، أو تنعكس ألوانه، أو يظهر تأثير خلل، أو يعرض صورة GIF غير متوقعة.

- **التمرير**: تمرير بارالاكس قوي، مع تحرك الطبقات المختلفة بسرعات مختلفة، مما يخلق إحساسًا بالعمق وتأثيرًا سرياليًا.

- **الرسوم المتحركة**: رسوم متحركة مفاجئة وغير خطية. يمكن للعناصر أن تظهر من اتجاهات غير متوقعة أو يتم تحميلها بطريقة "غير صحيحة".

- **المؤشر**: يمكنك استخدام مؤشرات مخصصة أو ضخمة أو متغيرة باستمرار لزيادة المتعة التفاعلية.

**مواصفات تصميم الوحدة**:

1. **قسم البطل** (الشاشة الأولى):

- استخدم أسلوب الكولاج لدمج الصور الشخصية (التي يمكن تصفيتها أو معالجتها بتأثيرات الخلل)، والأحرف الأولى الضخمة من الأسماء، ونص الوظيفة المستهدفة الدوار، والأشكال الهندسية معًا.

- قد تكون الخلفية عبارة عن ضوضاء ديناميكية أو كتل لونية متغيرة بسرعة.

2. **نبذة عني**:

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

3. **الخبرة** (الخبرة العملية):

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

4. **التعليم** (الخلفية التعليمية):

يمكن دمج المعلومات في حدود زخرفية على الصفحة، أو استخدامها كجزء من نسيج الخلفية بخط صغير جدًا.

5. **المهارات**

- سحابة كلمات ديناميكية وفوضوية، حيث تختلف الكلمات المهارية في الحجم والخط واللون. قد تكبر الكلمات أو تهتز عند تحريك مؤشر الماوس فوقها.

6. **معلومات الاتصال:**

استخدم أيقونات كبيرة الحجم أو ذات جودة منخفضة (بكسلة) وضعها على حافة الصفحة أو في زواياها. يمكن إخفاء الروابط خلف عناصر رسومية غير متوقعة.

**التصميم المتجاوب**:

- **الأساس**: الحفاظ على "الفوضى المنظمة" عبر الأجهزة المختلفة.

- **إصدار سطح المكتب** (>1200 بكسل): يعرض بشكل كامل التخطيطات المعقدة ذات الأعمدة المتداخلة والمتعددة.

- **اللوحة المسطحة** (768-1200 بكسل): تقليل تداخل العناصر مع الحفاظ على عدم التماثل والشعور بالتجزئة.

- **الجوال** (<768 بكسل): تم تحويله إلى تخطيط عمود واحد، ولكنه يحافظ على أسلوب ما بعد الحداثة من خلال تباين حجم الخط المبالغ فيه، وكتل الألوان الجريئة، والتمرير غير الخطي.

D##

### الخطوة 5: فحص الجودة والتسليم

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

**فعل**:

- إجراء فحوصات جودة لكل عنصر على حدة:

- **دقة المعلومات**: لقد قمنا بالتحقق بدقة من كل اسم ومعلومات الاتصال والخبرة العملية والخلفية التعليمية والمهارات الموجودة على الموقع الإلكتروني لضمان التوافق مع المعلومات الأصلية.

- **الاتساق البصري**: تحقق من الاتساق في الخط واللون والتباعد والمحاذاة؛ ابحث عن أي عيوب بصرية.

- **سلاسة التفاعل:** اختبار ما إذا كانت انتقالات التنقل وتأثيرات التمرير ورسوميات التحويم تعمل بشكل صحيح.

- **التكيف المتجاوب:** يحاكي أحجام الأجهزة المختلفة للتحقق مما إذا كان التصميم معقولاً.

- **سهولة القراءة:** تأكد من حجم النص المناسب، والتباين الكافي، والتسلسل الهرمي الواضح للمعلومات.

- إنشاء "دليل مستخدم الموقع الإلكتروني" الذي يحتوي على:

- رابط الوصول إلى الموقع الإلكتروني (عنوان URL لصفحة الويب تم إنشاؤه بواسطة YouMind)

- كيفية مشاركة موقعك الإلكتروني (نسخ الرابط، إنشاء رمز الاستجابة السريعة، إلخ).

- كيفية تعديل المحتوى بسرعة وفقًا للمناصب الوظيفية المختلفة (مثل تعديل المنصب المستهدف، وتحديث الخبرة العملية، وما إلى ذلك).

- اقتراحات للتحسين المستقبلي (مثل تحديث المحتوى بانتظام، وإضافة أمثلة للمشاريع، وما إلى ذلك).

اعرض على المستخدم الموقع الإلكتروني النهائي واسأله عما إذا كانت هناك أي تعديلات مطلوبة.

- إذا اقترح المستخدمون تعديلات، فقم بتسجيلها واستخدم `generateWebpage` للتحسين التكراري.

**معايير الجودة**:

- جميع المعلومات دقيقة بنسبة 100%، بدون أي أخطاء إملائية أو أخطاء في التنسيق.

- اجتاز الموقع الإلكتروني الاختبارات على جهازين على الأقل (جهاز كمبيوتر مكتبي + جهاز محمول).

- يوفر إرشادات واضحة للمستخدمين، مما يسمح لهم بمشاركة الموقع الإلكتروني وصيانته بشكل مستقل.

- يكون المستخدم راضياً عن النتيجة النهائية، أو أنه أكمل عملية التحسين بناءً على التعليقات.