الهدف الثاني - كتاب التصميم الرقمي - الصف 12 - الفصل 1 - المملكة العربية السعودية

الهدف الثاني: أن يكون الطلبة قادرين على تحويل المخطط الهيكلي من التصميم الرقمي إلى التصميم المرئي.

أ. إنشاء وإدارة الأدلة Guides

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

لإنشاء دليل رأسي يمرر المؤشر فوق الحد الأيسر للوح الرسم حتى تظهر الأيقونة مع الاستمرار بالنقر فوق الرمز ثم سحبه إلى الموضع المطلوب.

لإنشاء دليل أفقي، تمرر الفأرة فوق الحد العلوي للوح الرسم حتى تظهر الأيقونة. ثم السحب والإفلات إلى الموضع المطلوب.

ب. التوافق مع الأدلة الذكية:

عند تحريك الكائنات تظهر بعض الأدلة التي توظف الذكاء الاصطناعي؛ لقياس التناسب والمسافات بدقة أثناء التصميم. مما يساعد في المحاذاة للكائنات، وهناك نوعان من الأدلة:

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

212

وزارة التعليم Ministry of Education 2025 - 1447

--- SECTION: الهدف الثاني --- الهدف الثاني: أن يكون الطلبة قادرين على تحويل المخطط الهيكلي من التصميم الرقمي إلى التصميم المرئي. --- SECTION: أ. إنشاء وإدارة الأدلة Guides --- أ. إنشاء وإدارة الأدلة Guides عند العمل على التصميمات، يمكن استخدام أدلة لمحاذاة الكائنات أو إدارة التباعد بين العناصر على لوح الرسم. تعمل الشبكات كإطار يمكن من خلاله تنظيم عناصر التصميم، مثل: (الصور، الحروف الرسومية، الفقرات) وتضمن تناسق التخطيط. لإنشاء دليل رأسي يمرر المؤشر فوق الحد الأيسر للوح الرسم حتى تظهر الأيقونة مع الاستمرار بالنقر فوق الرمز ثم سحبه إلى الموضع المطلوب. لإنشاء دليل أفقي، تمرر الفأرة فوق الحد العلوي للوح الرسم حتى تظهر الأيقونة. ثم السحب والإفلات إلى الموضع المطلوب. --- SECTION: ب. التوافق مع الأدلة الذكية: --- ب. التوافق مع الأدلة الذكية: عند تحريك الكائنات تظهر بعض الأدلة التي توظف الذكاء الاصطناعي؛ لقياس التناسب والمسافات بدقة أثناء التصميم. مما يساعد في المحاذاة للكائنات، وهناك نوعان من الأدلة: أدلة زرقاء: توضح متى يتم محاذاة كائن مع كائنات أخرى أو عندما يتم توصيله عموديا وأفقيا في منتصف لوح الرسم أو الكائن الأصلي الذي يحتوي عليه، عندما يتم عرض هذه الأدلة، سينجذب الكائن إليها تلقائيا وسيساعد في تحديد موضعها. 212 وزارة التعليم Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: واجهة برنامج تصميم Description: A screenshot of a design software interface, likely for UI/UX design. The main canvas has a light blue striped background and displays three basic geometric shapes: a red square, a teal circle, and a green triangle. The software interface includes standard menus (File, Edit, Object, Plugin, Text, Window, Help) at the top, toolbars on the left, and property panels on the right. The left panel shows sections like 'DOCUMENT ASSETS', 'LAYERS', 'COMPONENTS', and 'PLUGINS'. The right panel displays properties such as 'Layout', 'Responsive Resize', 'Scroll', 'Fill', 'Border', 'Shadow', 'Background Blur', and 'Opacity'. The canvas itself is titled 'Untitled - July 15, 2:23 PM'. Context: Illustrates the environment where design guides are used to align and manage elements. **DIAGRAM**: دليل رأسي Description: A small rectangular diagram representing a design canvas. A vertical guide line is shown being dragged from the left edge of the canvas towards the center. A small circular icon with a vertical line inside is visible at the top-left corner, indicating the origin point from which the guide is being pulled. Context: Demonstrates the visual process of creating a vertical guide in design software. **DIAGRAM**: دليل أفقي Description: A small rectangular diagram representing a design canvas. A horizontal guide line is shown being dragged from the top edge of the canvas downwards. A small circular icon with a horizontal line inside is visible at the top-left corner, indicating the origin point from which the guide is being pulled. Context: Demonstrates the visual process of creating a horizontal guide in design software.