> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# كيفية استخدام Flowstep بدون خبرة تصميم سابقة

> لا تحتاج إلى خلفية تصميمية لإنشاء شاشات واجهة مستخدم رائعة باستخدام Flowstep. تعلم كيفية وصف ما تريده واترك Flowstep يتولى الباقي.

لا حاجة إلى معرفة الفرق بين الخط والحرف، أو فهم الأنظمة الشبكية، أو فتح أداة تصميم من قبل. يتعامل Flowstep مع تخطيط الصفحة والطباعة والألوان والمسافات والهرم البصري تلقائياً — وظيفتك ببساطة هي وصف ما تريده.

## كيفية العمل بدون مهارات التصميم

عندما تكتب موجّهاً، يفسر Flowstep وصفك ويتخذ جميع القرارات البصرية التي يتخذها مصمم عادة: كيفية ترتيب العناصر على الشاشة، والخطوط المراد استخدامها، ومقدار المساحة البيضاء المراد إضافتها، وكيفية إنشاء هرم بصري يوجه العين. أنت تصف الغرض والمحتوى؛ ينتج Flowstep شاشة تبدو كما لو أن مصمماً احترافياً صممها.

<Tip>
  فكر في إعطاء موجهات إلى Flowstep بنفس الطريقة التي ستحيط بها مصمماً. لن تخبر مصمماً بحجم الخط المراد استخدامه — بل تخبره بما تخصصها الشاشة وما تحتاج إلى توصيله. Flowstep يعمل بنفس الطريقة.
</Tip>

## نصائح لكتابة موجهات جيدة

ركز على ثلاثة أشياء: غرض الشاشة، والمعلومات الأساسية التي يجب أن تعرضها، ونوع المنتج أو الجمهور.

**ابدأ بغرض الشاشة**

ابدأ بما يفترض أن تفعله الشاشة. "شاشة التسجيل لتطبيق تخطيط الوجبات" يخبر Flowstep أكثر بكثير من قائمة عناصر واجهة المستخدم.

**اذكر المحتوى أو الإجراءات الأساسية**

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

**ارجع إلى نوع المنتج أو الجمهور إذا كان ذلك مفيداً**

يساعد ذكر نوع المنتج (مثل تطبيق جوال استهلاكي، لوحة تحكم B2B، دفع التجارة الإلكترونية) Flowstep على مطابقة النبرة البصرية والاتفاقيات الصحيحة.

<Tip>
  إذا لم تكن النتيجة الأولى صحيحة تماماً، فلا تبدأ من جديد — فقط اكتب موجهاً متابعاً. القول "اجعل التخطيط أكثر بساطة" أو "استخدم مخطط ألوان أغمق" كاف لتوجيه التصميم في اتجاه جديد.
</Tip>

## أمثلة على موجهات للتجربة

فيما يلي بعض الموجهات التي تعمل بشكل جيد، مكتوبة باللغة الإنجليزية البسيطة بدون مصطلحات تصميم:

**تسلسل الإعداد لتطبيق اللياقة البدنية**

> "الشاشة الأولى من تسلسل الإعداد لتطبيق تتبع اللياقة البدنية. يجب أن ترحب بالمستخدم، وتشرح بإيجاز ما يفعله التطبيق، وتحتوي على زر للبدء."

**صفحة الإعدادات لمنتج SaaS**

> "صفحة الإعدادات لأداة إدارة المشاريع B2B. قم بتضمين أقسام للملف الشخصي والإخطارات والفوترة والحسابات المتصلة. استخدم مظهراً نظيفاً واحترافياً."

**شاشة الدفع للجوال**

> "شاشة الدفع لتطبيق تسوق جوال. اعرض ملخص الطلب وحقل رمز ترويجي وزر بارز لإكمال الشراء."

<Note>
  تعمل هذه الموجهات ليس لأنها تستخدم لغة تصميمية، بل لأنها تصف بوضوح غرض الشاشة والمحتوى والسياق. هذا كل ما تحتاجه.
</Note>