| دروس تصميم و شروحات مصورة دروس تصميم ، دروس فوتوشوب ، دروس فيديو ، دروس تعليمية ، دروس فلاش |
|
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
| |||||
| |||||
| [للمبتدئين] : اساسيات تصميم قالب أو ستايل (المقاييس)
السلام عليكم و رحمة الله و بركاته ============ ابدأ معكم سلسلة تصميم المواقع باساسيات المقاييس التى يجب ان نتبعها لنخرج بتصميم دقيق تفادياً للأخطاء التى قد تنتج - لا قدر الله - فى المراحل الاخيرة من التقطيع و من ثم التركيب .. بسم الله نبدأ الآن بــ .. الشاشة القياسية : هذا تعريف مهم لابد ان تعرفه كمصمم و هى مقياس دقة عرض الشاشة , حتى سنوات قليلة مضت كان المقياس الشائع للشاشة 800 × 600 بيكسل (لاحظ ان العرض الافتراضى للويندوز XP بعد انتهاء التنصيب مباشرة يستخدم هذا المقياس) .. و لمن لم يستوعب هذا : لاحظ الصورة ![]() و لكن ما علاقة دقة الشاشة بالتصميم ؟ ... هذه علاقة قوية .. دقة الشاشة هى التى تتحكم فى حجم شاشة العرض و بالتالى لابد و ان تعلم المقياس المناسب للتصميم و الذى يتناسب مع اقل دقة ممكنة للعرض (المقياس الافتراضى) و بالتالى تضمن ان تصميمك يمر بأفضل حالاته فى كل المقاييس الممكنة .. مع الشرح ستفهم اكثر.
الخطوة رقم (1): من قائمة File اختر New ثم ادخل القياسات الموضحة بالصورة ![]() لاحظ أن :
![]() الخطوة رقم (2): الآن .. من القائمة View اختر New Guide ![]() ثم ادخل القيم التالية : ![]() الخطوة رقم (3): قم بتكرار الخطوة رقم (2) السابقة و لكن ادخل القيمة 800 px هذه المرة .. الخطوة رقم (4): الآن سوف نقوم بتعديل المقياس قليلاً .. من القائمة Image نختار Canvas Size ![]() و نزيد قيمة عرض التصميم 800 بيكسل قليلا و ليكن 1000 بيكسل مثلاً و يكون الشكل النهائى كالتالى (تم استخدام خلفية زرقاء للتوضيح فقط) ![]() لاحظ أن :
الخطوة رقم (5) : هنا لابد من تحديد مناطق للعمل لكلا من الهيدر Header و هو الجزء العلوى و ايضاً للفوتر Footer و هو الجزء السفلى . مقاييس الطول (لاحظ ان العرض هنا ثابت) لكلا من الهيدر و الفوتر متغيرة على حسب التصميم الذى تقوم به و لهذا فسنطرح مقاييس فرضية و لك الحرية بتغييرها.
![]() ثم ادخل القيم التالية : ![]()
![]() ثم ادخل القيم التالية : ![]() ليصبح لديك الشكل التالى : (تم استخدام خلفية زرقاء للتوضيح فقط) ![]() و بهذا يكون التصميم جاهزاً للعمل .. اطرح لكم مثالاً منتهياً من احد تصميماتى : ![]() اخيراً اتمنى ان تكونوا قد استفدتم و اى استفسار لا تتردد .. ================= رابط المووضوع الاصلى : http://www.vb.tfanin.com/t307.html عند النقل يرجى ذكر المصدر |
|
#2
| |||||
| |||||
|
مميز يا تفانين درس اكثر من رائع حقيقه توقيعي مُطوِّرْ خطوتك الأولى من مستخدم إلى مطور |
|
#4
| |||||
| |||||
|
#5
| |||||
| |||||
|
#6
| |||||
| |||||
![]() |
| العلامات المرجعية |
مواضيع جديدة في قسم دروس تصميم و شروحات مصورة |
| |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| شرح] اساسيات ادوبي فوتوشوب cs5 للمبتدئين :: الدرس الاول :: | semoo jordan | دروس تصميم و شروحات مصورة | 4 | 24-05-2011 05:14 PM |
| قالب قطر 2022 لمجلة زووبس : قالب من تصميم أغاديرنا: قطر أول دولة عربية تستضيف كأس العالم | arabxuups | سكربتات إدارة المحتوى | 11 | 09-12-2010 01:27 AM |
| صنع و تصميم فرشاة على شكل نص ( للمبتدئين ) | star wolf | دروس تصميم و شروحات مصورة | 0 | 08-11-2010 02:16 PM |
| صنع و تصميم فرشاة على شكل نص ( للمبتدئين ) | star wolf | دروس تصميم و شروحات مصورة | 0 | 08-11-2010 02:16 PM |
| تصميم القبعة السحرية ( للمبتدئين ) | star wolf | دروس تصميم و شروحات مصورة | 0 | 08-11-2010 02:13 PM |