الويب

كيف أتعلم تصميم المواقع . وما هى اليات العمل

  • بواسطة
  • 18 يوليو، 2018
تصميم المواقع

الفهرس:

نبذة عن تصميم المواقع 

كيف ابدء ومن أين :

كيفية اختيار الالوان وتنسيقها

التصميم باستخدام الشبكية وما فائدته

بناء الموقع

نصائح هامة

نبذة عن تصميم المواقع

تعتبر تصميم المواقع من المواضيع الشيقة التى تخدمك فى مجالات العمل الحر ، او كمصصم تعمل بمفردك . فكرة بناء وتصميم المواقع تعمل بآليات جديدة وتواكب التطور التكنولوجى وتعتمد على الخبرة فى بعض لغات البرمجة البسيطة فى البداية ،كjava ,CSS , HTMl , او  , jQuery والعديد منها بسيط وسهل التعلم . لكن يتوجب عليك التركيز فى كل مرحلة ..

كيف ابدء ومن أين :

١ابدء اولاً بتعلم بلغة HTML وقد يساعدك هذا الموقع من هنا على تعلم اللغة بسهولة . ركز فيها ولا تتعجل وحدد أهدافك بسلالة

الأدوات المستخدمة فى تنسيق الموقع

٢ ابدء بتعلم لغدة سى اس اس وهى حقة متعة حقيقة ، لغة تنسيق المحتوى بشكل عام ، واعطاء موقعك القوة والجمال فى نفس الوقت ، وتعتمد اللغة على تنسيق كافة محتوى الصفحات الخاصة بالتصميم .

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

وايضا يمكنك تعلم اللغة من هذا الموقع من هنا

٣ الجافا سكربت او جي كويري )jQuery(

هي مكتبة خاصة بالجافا سكريبت، تقوم باختصار العديد من النصوص البرمجية المكررة والمهام المعروفة، وذلك لتسهيل عملية البرمجة

تضيف للموقع الرفاهية والمتعة ويمكنك ايضا ان تطور من خلال تعلم لغة جي كويري موقعك بسلالة ، ويمكنك تعلم اللغة من

الموقع الرسمى  او من هنا 

كيفية اختيار الالوان وتنسيقها

كثير منا لدية مشكلة فى اختيار الألوان وتنسيقها . ولكن لحظة اختيار الألوان ليس صعباً لهذة الدرجة هناك العديد والعديد من المواقع التى تساعدك على اختيار الألوان بدقة ، او يمكنك ايضا استخدام مصارد الالهام لتعلم منها كيف تختار الألوان التى تسخدمها في التصميم ، وفى البداية لك منى هذة النصحية ابتعد دائما على الالوان المبهرة التى تدخل الكثير من الضوء الى العين ، حاول دائما وانت تختار الألوان اعتمد على البساطة فى اختيارك واعتمد على استخدام خلفية فاتحة من نص بلون اغلق لتسهل عملية القراءة والوضح فى موقعك وحدد دائما الألوان بالتناسب واستخدام مواقع مثل

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

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

التصميم باستخدام الشبكية وما فائدتها )التخطيط(

لتخطيط الشبكي تساعد على فهم الية التصميم وتنظيم تصميمك بطريقة دقيقة وتعتمد علي فهم اسس الشبكات في التصميم المتجاوب ، المنسق

. لذا استخدم موقع 960GS لفهم التصميم باستخدام الشبكية , واذا كنت ترغب في معرفة المزيد عن التقنية يمكن البحث فى محركات البحث عن

Grid System Design

وهناك ايضا العديد من الكتب التى تشرح ذلك ومنها

Grid Systems in Graphic Design

بناء الموقع

نشر الموقع للمستخدمين

يعد نشر الموقع هو المرحلة الاخيرة . التي قد تكون تمت على اكمل وجة . ،بعد إن تاكدت ان الموقع يعمل بشكل جيد ، وخالي من الأخطاء ، ومنظم بطريقة مثالية

نصائح هامة

١ حافظ دائما علي هدوئك وتركيزك أثناء التعلم

٢ حاول تعلم اللغة الانجليزية )سوف يساعدك تعلم الانجليزية على تنسيق الكود ، وبالمناسبة الانجليزية لغة رئيسية فى برمجة الكود (

٣ لا تحاول تجاهل وضع التعليق واسطر الكود ليسهل عليك وعلى غيرك تطوير البرمجة الخاصة بك مثلا }الهيدر محتوى الصفحة الفوتر {

٤ أعمل بجد وطور من نفسك وابحث عن الجديد في مجال عملك ، اذا كنت مصصم مواقع الكترونية ابحث وتابع اهم الاخبار الجديدة للتقنية المستخدمة

٥ حاول جاهداً بقدر الامكان ان تفهم ما يقصدة عميلك وتحويلة الى واقع

٦ كن صبوراً وتيقن بفكر واعى ان هذا التصميم ليس افضل ما عندى يمكني الإبداع

٧ لا تكتفي يوما من التعلم

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

٩ اطرح الاسئلة التى ترغب من تمكنك من الاستفادة من عميلك بأكبر قدر من المعلومات وعن الموقع الذي يرغب في تصميم . ماهية الألوان . الافكار . الرسم اليدوي للموقع

١٠ انشئ موقعك الشخصي وأعرض جميع أعمالك دوماً وباستمرار . اكتب تدوينات عن مجال عملك وكيف. تعرفت علية وتعلمت الكثير . تاقش حياتك واسلوبها . ورغباتك فى الحياة

مصادر مفيدة للتعلم

W3Schools   CSS-Tricks.   WPBeginner

1 Comment