مرجعكم الشامل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

مرجعكم الشامل

مرجعكم الشامل
 
الرئيسيةالتسجيلأحدث الصوردخول



 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
administrator

اساسيات تصميم قالب (من البدايه للنهايه) Starsk11
administrator


الجنس ذكر
البلد العراق
عدد المساهمات 4923
تاريخ التسجيل 21/03/2011

اساسيات تصميم قالب (من البدايه للنهايه) Empty
مُساهمةموضوع: اساسيات تصميم قالب (من البدايه للنهايه)   اساسيات تصميم قالب (من البدايه للنهايه) I_icon_minitimeالأربعاء 25 سبتمبر 2013, 11:28 pm

اساسيات تصميم قالب (من البدايه للنهايه) R1

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

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



يارب تكونو بخير و بأفضل حاله ان شاء الله اساسيات تصميم قالب (من البدايه للنهايه) Cupidarrow


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

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


أول شئ

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


طيب

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

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

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

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


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





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

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

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




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

Header + Container + Footer


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

Sidebar Or Navbar out-of Header

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

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



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


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

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

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



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

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

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

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

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


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





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



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





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



انتهى القالب
أ سبب نجاح القالب الخاص بيك ؟


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

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



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


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

زى ماقولنا

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

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




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

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

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

الأجمالى

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





ملاحظات عامه قبل التصميم

  • حاول تجمع كل يوم فلاتر + فرش + خطوط + باترن ...... للفوتوشوب
  • حاول تضيف كل يوم HTML5 للسى اس اس بتاعك

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

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











انتهى الدرس اساسيات تصميم قالب (من البدايه للنهايه) Cupidarrow


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




و السلام عليكم ورحمه الله وبركاته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://shamel.forummaroc.net
 
اساسيات تصميم قالب (من البدايه للنهايه)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كتاب مطور الشامل فى تصميم الاستايلات
»  درس في تصميم واجهة موقع ( video ) + ملف العمل PSD
»  تصميم واجهة Microsoft + الكود Html
» قالب البيانات الشخصية مثل ترايد نت لاحلى منتدى
» تصميم دائرة LED

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مرجعكم الشامل :: اقســـــــــام الكـــــــــمبيوتـــــــــر والانتـــــــــرنـــــــــت :: منتـــدئ تطــويــر وبرمجـــه المواقـــع والمنـــتديــات :: قسم تصاميم وستايلات النسخه الثالثه والرابعه-
انتقل الى: