ط´ط±ط* ط§ط*طھط±ط§ظپ ظ†ظ‚ط·ط© ط§ظ„طھظ…ط¯ط¯ ط¨ط§ظ„طھظپطµظٹظ„ ط§ظ„ظ…ظ…ظ„ (ظƒظ† ط®ط¨ظٹط±ط§)



بسم الله الرحمن الرحيم

الحمدلله بعد أن تعلمت تصميم الاستايل styleات , حبيت أفيدكم من سابق استايل styleاتى اللى سويتها


اليوم درس مفصلنا خفف على القلب خالى من الكوليسترول للى يحبوا يتقنوا استخدام نقطة التمدد


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

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

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


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

جواب : لا طبعا لاننا بنتفادى هذه النقطة اثناء تصميمنا



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

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

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


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

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

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

نشوف مثال:






ثانيا: طب نفرض ان تصميمنا مو بسيط , وكان تصميمنا فيه شوية حركات مثلا اى كلمة او صورة


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

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

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


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


ما فهمت عليك..... , اوكى خلونا نشوف هالمثال

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




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

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

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

طب ليش؟


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

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

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


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



نشوف مثال:






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

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




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

نشوف مثال:





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


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



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

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




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


أتمنى تكونوا فهمتوا الدرس مفصل


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





التعديل الأخير كان بواسطة vista-design; 17 - 02 - 2014 الساعة 01:54




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©