اولا: ما هى نقطة التمدد : هى عبارة عن منطقة فى التصميم, تتمدد بحسب عرض الشاشة حتى يتمدد التصميم بحجم الشاشة بحيث ما يحصل فيه خربطه

سؤال: هل لازم نقطة التمدد فى تصميم الاستايلات

جواب: لا , مو شرط لان هناك نوعين فى تصميم الاستايلات 1- استايلات متمدده 2-استيلات غير متمدده


طب هل معنى ان ذلك ان الاستيلات غير المتمددة راح تكون مشكلة؟

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



المهم نرجع لموضوعنا:

اولا : نقطة التمدد اين يكون مكانها فى التصميم؟

جواب: هذا بيعتمد على نوع التصميم اللى أنت بتسويه وراح نأخذ كم مثال حلوين عشان أوضح كلامى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


اولا: اذا كان التصميم بسيط جدا ما فيه اى شىء مجرد لون فقط

فنقطة التمدد تمشى فى اى مكان فى التصميم ,وطبعا يفضل الوسط

ونقطة تمدد واحده تكفى للتصميم

نشوف مثال:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




ثانيا: طب نفرض ان تصميمنا مو بسيط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة], وكان تصميمنا فيه شوية حركات مثلا اى كلمة او صورة


فى هذه الحالة : لازم تكون نقطة التمدد مكانها يتوفر فيه الشروط الاتية:

1- ان يكون مكان نقطة التمدد مكان صافى ما فيه اى شىء ( يعنى لا كلام ولا نقط ولا اى شىء)

2- ان يكون على جانبى نقطة التمدد مباشرة نفس الللون(يعنى اليسار مثلا اليمين)
وانا اقصد اللى بجانب نقطة التمدد مباشرة يعنى مسافة صعغيرة فقط


3- وهذه أهم شىء ان نقطة التمدد تكون فى الوسط بشرط , ان يسار التصميم فيه صوره او كلام او اى شىء, ويمين التصميم كذلك


ما فهمت عليك.....[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] , اوكى خلونا نشوف هالمثال

فى هالمثال: نقطة تمدد واحدة فقط + فى المنتصف لانه توفرت الشروط اللى فوق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ثالثا: طب فرض ان التصميم كان معقد ( صور يمين وصور يسار وصور بالنص)

جواب: هنا لازم نتوقف شوى,

فى هذه الحالة سنضطر لاستخدام نقطتين تمدد مو واحده .......

طب ليش؟


لان طالما فيه صوره على اليسار وصوره فى الوسط وصورة على اليمين , لازم نضيف نقطة تمدد

1- بين الصورة اللى على اليسار والصورة اللى بالوسط
2- بين الوصرة اللى على اليمين والصورة اللى باللوسط










وطبعا لازم تكون المنطقة اللى فيها نقطة التمدد صافيه ما فيها شىء مثل ما قلنا.........


ودايما تذكر قانون الفيزياء اللى بيقول : كل قوتين متساويتين فى المقدار ,متضادتين فى الاتجاه , محصلتهم تكون صفر. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يعنى بهيك نقطة التمدد اللى على اليسار راح تعاكس اتجاه نقطة التمدد اللى باليمين وبالتالى يظبط التصميم



نشوف مثال:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




رابعا: طب ماذا لوكان الاستايل معقد جدا ( كله صور فى صور ولا فيه اى مكان لاضف نقطة تمدد)

جواب: طبعا انا اقصد بالتصميم المعقد , التصميم اللى ما فيه مكان او مكانين يتوفر فيه الشروط الاتيه:

1- انه مش صافى( يعنى منطقة من فوق لتحت نفس الشىء)
2- انه على جانبيها ما فيه تطابق

نشوف مثال:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



شوفتوا كيف التعقيد!


طب وشو الحل!!!!!!!



الحل طبعا مع هذا النوع من الاستايلات :

اننا نسويه استايل غير متمدد , لتجنب مشكلة نقطة التمدد




وإالى هنا ينتهى موضوعنا


أتمنى تكونوا فهمتوا الدرس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


وطبعا فيه طرق اخرى ان شاء الله راح أتطرق إليها

يعطيِگ آلعآفيهٌ

طرح رآئع

بنتظآرجديدكـ بگل شًوقّ

ربي يحفظك ان شاء الله