الدخول لعالم تصميم المواقع والاحتراف

كيف تنشئ أو موقع لك، إذا لم تقعل هذا من قبل فمرحبًا بك هنا.
Post Reply
mado
Posts: 8
Joined: 04 Apr 2017, 10:26:58
Gender: None specified
User Agent: Chrome Windows 1920x1080

الدخول لعالم تصميم المواقع والاحتراف

Post by mado »

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


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


اولاً : التصميم Design

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

1 - Adobe Photoshop

Image
أفضل تطبيق تصميم وتصوير متوفر في كل مشروع إبداعي تقريبًا. اعمل عبر أجهزة سطح المكتب والهاتف المحمول لتصميم صور فوتوغرافية وتصميمات محسنة بما في ذلك مواقع الويب وتطبيقات الهاتف المحمول والعمل الفني ثلاثي الأبعاد للمزيد : http://www.adobe.com/mena_ar/products/photoshop.html

وهنا اهم النقاط التي يجب مراعاتها اثناء التصميم :
1 - عرض خدمات الشركة والتركيز على منتجاتها بشكل يجذب الانتباه
2 - قكرة التصميم التي تعرض تاريخ الشركة و خدماتها بشكل فريد
3 - الابتكار اثناء التصميم وعدم تكرار الأفكار والتجديد


2 - Adobe illustrator

Image
يسمح لك تطبيق الرسومات المتجهة المطابقة لمقاييس الصناعة في المجال بتصميم شعارات وأيقونات ورسومات وخطوط وتوضيحات معقدة للطباعة والويب والتفاعلي والفيديو والهاتف المحمول للمزيد : https://www.adobe.com/mena_ar/products/illustrator.html



ثانيا : المواقع Websites
هي تحويل التصميم الى صفحات ويب باستخدام لغة HTML و CSS ولا تعتبر لغة برمجة بالمعنى الحقيقي لأنها لغة اظهار Markup Language ومع تطور برامج استعراض الانترنت Web Browsers وظهور حالات تصميمة متطورة وحديثة Web Trends جديدة كل فترة .
ومن اهم الأدوات التي تساعد في هذا :

1 - Adobe Dreamweaver
Image
محرك كتابة كود برمجي مرن لمنح مصممي الويب ومطوري الواجهات وسائل أسهل لإنشاء مواقع الويب وكتابة الكود البرمجي لها وإداراتها بما يجعلها تصير رائعة على أي شاشة تُعرض عليها للمزيد : https://www.adobe.com/mena_ar/products/dreamweaver.html

2 - Adobe Muse
Image
تصميم مواقع ويب HTML5 خلابة دون كتابة الكود البرمجي وتصمم مواقع ويب رائعة بسهولة لا توجد حاجة للتفكير كمطور للمزيد : https://www.adobe.com/mena_ar/products/muse.html



كيف تبدأ في مجال تصميم المواقع ؟

1 - دراسة لغة HTML و CSS
2 - تعلم برامج التصميم مثل Adobe Photoshop و Adobe Illustrator
3 - تعلم كيفية استخدام Javascript و Jquery لاضافة تأثيرات للموقع لتجعله سهل الاستخدام ويكون جذابا
4 - متابعة اخبار التصميم والمواقع

ثالثاً : الرفع
تعتبر هذه المرحلة اخر مرحلة بعد تصميم وبرمجة الموقع كما يمكنك الحصول على نطاق مجاني لرفع موقعك الخاص عليه ومن اهم هذه المواقع : https://www.aba.ae/ar


ويمكنك التعلم عن طريق دورات مباشرة من الانترنت و دروس من اليوتيوب ومن افضل المواقع للدورات المباشرة :
-Youtube : https://www.youtube.com
- Udacity : https://www.udacity.com
- Coursera : https://www.coursera.org
-Alison : https://alison.com
-Nadrus : https://www.nadrus.com
- Open2study : https://www.open2study.com

المراجع :
https://www.adobe.com/
https://www.adobe.com/mena_ar/products/muse.html
https://www.adobe.com/mena_ar/products/dreamweaver.html
https://www.adobe.com/mena_ar/products/photoshop.html
https://www.adobe.com/mena_ar/products/illustrator.html
https://www.treefrog.ca/what-is-web-design

Post Reply