[ درس ] اساسيات تصميم قالب (من البدايه للنهايه)

محروم.كوم · #1 09-20-2013, 12:50 PM

السلام عليكم ورحمه الله وبركاته

كيف حالكم اخوانى الكريم

يارب تكونو بخير و بأفضل حاله ان شاء الله

حبيت ان اطرح لكم موضوع مهم جدا جدا وهو

اساسيات تصميم قالب الويب من البدايه للنهايه

أول شئ

:: TRAIDNT FORUM :: - Powered by vBulletin
يعنى أ قالب ؟؟ : قالب هو تصميم الموقع من حيث الاكواد و الصور و المحتوى وكل شئ
مثال
قالب اخبارى : بتلاقى فيه اكواد وصور ومحتوى اخبارى
:: TRAIDNT FORUM :: - Powered by vBulletin
قالب رياضى : تصميم رياضى فيه اكواد وصور ومحتويات رياضيه

طيب

ازاى اوصل للمرحله بتاعت تصميمى بالشكل ده انه يكون التصميم احترافى و مفيهوش غلطات نهائى ويكون فى اسرع وقت اقدر اخلصه

:: TRAIDNT FORUM :: - Powered by vBulletin

فى مراحل لازم نمشى عليها (اساسيات التصميم للقوالب ) =متفق عليها من الجميع =

:: TRAIDNT FORUM :: - Powered by vBulletin
طيب أ الاساسيات دى ؟

اختار الفكره المناسبه للقالب (رياضى - اخبارى - متعدد الاغراض)

اختار الوان القالب حسب نوعه و حاول تختار الوان جديده مناسبه و مريحه للعين

اتفرج على اكثر من فكره قبل ما تبدء فى التصميم

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

جمعت افكارك ؟ جمعت ألوانك ؟ جمعت الصور الخاصه ؟

هنا البدايه .....:: TRAIDNT FORUM :: - Powered by vBulletin

أى قالب بيتكون من

Header + Container + Footer

وفى قوالب خاصه ممكن تكون

Sidebar Or Navbar out-of Header

و غيرها طبعا بس الاساس انه بيكون من هيدر و فوتر و محتوى

www.traidnt.net
القالب أول حاجه بيتصمم بالفوتوشوب

تعمل أول حاجه الهيدر و تخلصه بكل اضافاته وصوره و هكذا فى المحتوى و الفوتر ...

خلصت التصميم خالص (الصفحه الرئيسيه) على الفوتوشوب

ابدأ صمم الصفحات الفرعيه (حاول تكون معظم الصفحات شبه بعضها يعنى مع اختلافات بسيطه =ميزه لسرعه التصميم وجودته وقله اخطاء =)

خلصت التصميم فى الفوتوشوب

ابدأ فى توزيع التصميم على الدريم ويفر

ازاى !!!!
www.traidnt.net
زى ماقولنا الهيدر الأول

المحتوى بعد كده

الفوتر الاخر خالص

بس بشرط أ هو ؟؟؟

اما توزع الهيدر كله متعملش اضافات الجيكورى و الجافا فى الأول لأن هيكون التصميم لسه مكملش عندك خليها فى الأخر هتساعدك علشان تشوف لو كان التصميم محتاج اضافات جيكورى ولا هيكون بطئ اما تركبها

خلصت توزيع الهيدر و الفوتر و المحتوى ؟؟ كله تمام ؟ ؟ ؟
ابدأ فى توزيع الصفحات الفرعيه

بدأت فى توزيع الصفحات الفرعيه حاول تضيف بعدها التأثيرات الجماليه على التصميم

بعد اما عملت التأثيرات

انتهى القالب

www.traidnt.net
أ سبب نجاح القالب الخاص بيك ؟

حاول تكون الفكره عامه متكونش فكره معقده علشان تعرف تعدل عليها بعد كده

فى كل فتره لازم تعمل حتى لو تعديل بسيط على القالب علشان لو الزائر اتعود على الشكل التلقائى صدقنى هيحس بملل فى تصفح الموقع

ازاى تعمل التعديلات ؟؟؟

التعديلات بسيطه خالص

زى ماقولنا

القالب هيدر و فوتر ومحتوى

خلاص يبقى تختار مثلا هتعدل على الهيدر تمسك الهيدر من البدايه تشوف مثلا هتغير صور هتغير طريقه الناف بار هتغير مكان اللوجو هتغير مثلا لون الهيدر و هكذا فى الباقى

www.traidnt.net
مده العمل ؟؟؟ للقالب ؟؟؟ وهل احترافى ؟؟؟
مده العمل

يوم = تصميم فوتوشوب

يوم = توزيع دريم ويفر
نصف ساعه يوميا = تعديلات و تطوير فى القالب

الأجمالى

ثلاثه أيام
= قالب احترافى 100 %

www.traidnt.net
ملاحظات عامه قبل التصميم

حاول تجمع كل يوم فلاتر + فرش + خطوط + باترن ...... للفوتوشوب

حاول تضيف كل يوم HTML5 للسى اس اس بتاعك

حاول تشوف قوالب كتيره اوى من مواقع اجنبيه وعربيه

حاول تكود قوالب جاهزه مره واثنين وثلاثه علشان تتعلم وتستفاد

اوعى تنسى وسومات الأرشفه وخصائص السى اس اس المعتمده من المعايير القياسيه لأنها بتسبب مشاكل جامد اوى فى الأرشفه

حاول تكون واخد بريك كل فتره صغيره متطولش فى التصميم علشان متزهقش بسرعه و التصميم يبوظ منك

الحاجه اما بتزيد عن حدها بتتقلب ضدها لازم لازم متستمرش كتير فى التصميم و تحاول وانت بتصمم تطلع فكره جديده مطلعش فكره قديمه وخلاص (يبقى كده بضيع وقت على الفاضى )

www.traidnt.net
انتهى الدرس

أسف حاولت استخدم الطريقه العامه للتعبير لأن موضوع الدرس كبير و لقيت ان الطريقه العامه هى الأفضل للتعبير + انا لما كنت بتعلم الاساسيات دى كنت واخدها بالطريقه العامه وفعلا جابت نتيجه

و السلام عليكم ورحمه الله وبركاته

الموضوع : حصرى لترايدنت

www.traidnt.net
كتابه : العالمي

__DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[قالب] : نزول قالب موقع عصرى للبرامج مجانا تصميم عبده هوست	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-25-2011 11:10 PM
[طلب] بعض اساسيات تصميم سكربت مفيد للجميع	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-14-2011 09:10 AM
دورة في تصميم برامج والعاب الايفون والايباد من البدايه لين البيع على الابل ستور	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-14-2011 02:11 PM
[للمبتدئين] : اساسيات تصميم قالب أو ستايل (المقاييس)	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-23-2009 02:50 AM
[قالب] : [جملة] قالب Ja_Nickel المميز تصميم Joomlart و - تعريب الناصح -	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-13-2009 11:30 PM