في السابق ، كان من السهل العمل كمطور للواجهات الأمامية فقط من خلال معرفة كيفية عمل نماذج بشكل صحيح وإنشاء تخطيطات جميلة وإضافة ميزات تفاعلية إلى موقع الويب باستخدام HTML و CSS و JavaScript. لكن اليوم تغير الحال كثيرا ويتطلب الأمر لتكون مطور واجهات أمامية أكثر من ذلك بكثير.
{tocify} $title={محتويات الموضوع}
قد يكون السؤال الذي يتبادر الي ذهنك لأول وهله ، لماذا يحتاج المرء إلى تعلم التصميم بينما كل ما أفعله هو التعامل مع الأكواد؟ الجواب بسيط. إن القدرة على التعامل مع معالجة الصور ، وإنشاء مكونات رسومية ، وتنقيح الصور ، وتصميم واجهات المستخدم أو مجرد إعداد معلومات معينة باستخدام الرسومات أو الرسوم التوضيحية أو الصور لموقع الويب يعتبر إمكانيات إضافيه ويسرع من إنتاجيتك ويمنحك قيمة أفضل سواء كنت تعمل في شركة أو كنت تعمل بشكل مستقل.
فيما يلي قائمة بالأدوات التي يمكنك تعلمها وفقا لمتطلبات النظام
نظام التشغيل Windows / macOS
أدوبي فوتوشوب - Adobe Photoshop
هو برنامج إحترافي لتحرير وتنقيح الصور للاستخدام على الأجهزة التي تعمل بنظام وبندوز أو ماك. يوفر فوتوشوب للمستخدمين القدرة على إنشاء الصور والأعمال الفنية أو تحسينها أو تحريرها كما تريد.
أدوبي اليستريتور - Adobe Illustrator
هو برنامج لإنشاء رسومات توضيحيه فيكتور - متجهات - وأعمال فنية باستخدام الحاسوب الذي يعمل بنظام ويندوز أو ماك.
أدوبي انديزين - Adobe inDesign
قامت شركه Adobe بتطوير برنامج انديزين لسوق النشر المكتبي ، ويستخدم بشكل أساسي لتخطيط الصحف والمجلات والكتب والملصقات والنشرات الإعلانية. يجب أن ينتقل أي مشروع يحتوي على نصوص كثيره إلى برنامج انديزين.
أدوبي أكس دي - Adobe XD
هو أداة تصميم لتجربة المستخدم تعتمد على المتجهات لتصميم تطبيقات الويب وتطبيقات الأجهزة المحمولة ، تم تطويره ونشره بواسطة شركة أدوبي. وهو متوفر لنظامي ماك و ويندوز ، على الرغم من وجود إصدارات لنظامي التشغيل iOS و Android للمساعدة في معاينة نتيجة العمل مباشرة على الأجهزة الجواله.
أسكتش - Sketch
هو محرر رسومات متجه لنظام التشغيل mac من تطوير الشركة الهولندية Sketch BV وهو يستخدم بشكل أساسي لتصميم واجهات وتجربة المستخدم لمواقع الويب وتطبيقات الأجهزة المحمولة ولا يتضمن ميزات تصميم للطباعة.
كوريل دراو - CorelDraw
هو برنامج لتحرير الرسومات المتجهة. يمكنك من إنشاء الرسومات المتجهة في حزم رسومات تتكون من كائنات. يمكنك أيضا تحرير كل كائن على حدة ، مما يعني أنه يمكن تغيير الشكل واللون والحجم والمكان.
المتوافق مع توزيعات Linux
جيمب - GIMP
هو محرر صور متعدد المنصات متاح لأنظمة GNU / Linux و OS X و Windows والعديد من أنظمة التشغيل. فهو برنامج مجاني ، يمكنك تغيير كود المصدر لكونه نظام مفتوح.
إنكسكيب - Inkscape
هو محرر رسومات متجهه مجاني ومفتوح المصدر يستخدم لإنشاء متجهات ، و بشكل أساسي يستخدم تنسيق (SVG) Scalable Vector Graphics. كما يمكنك استيراد التنسيقات الأخرى وتصديرها. يمكن أن يعرض انكسكيب أشكالًا ونصوصًا متجهة بسيطه.
يعمل أون لاين عن طريق المتصفح
فيجما - Figma
هو محرر رسومات متجه وأداة للنماذج الأولية. يعتمد بشكل أساسي على الويب ، مع تمكين ميزات إضافية لا تتطلب الأتصال بالإنترنت بواسطة تطبيقات سطح المكتب لنظامي التشغيل ماك و ويندوز. تتيح التطبيقات المصاحبة لـ Figma Mirror لنظامي أندرويد و أيفون عرض النماذج الأولية على الأجهزة الجواله. تركز فيجما على تصميم واجهة وتجربة المستخدم.
كانفا - Canva
هو موقع يستخدم خاصيه السحب والإفلات. يستخدم كنفا لإنشاء إطار سلكي للويب (مخططات) ، وعروض تقديمية للتصميم و انفوجرافيك، وصور وغيرها الكثير. هناك أدوات إحترافيه مما يجعل الاستخدام سهل. هذا غير العديد من القوالب المتاحة يمكنك اعاده تخصيصها.
بيكسلر - Pixlr
عبارة عن مجموعة من الادوات المساعدة لمعالجه الصور قائمة على السحابة ، بيتوفربه العديد من الادوات مثل تحرير الصور ، و أداه تصوير الشاشة ، وخدمة مشاركة الصور. الجدير بالذكر ان هذه الاداه مخصصه لغير المصممين ومع ذلك تم أضافه ميزات جديده لتحرير الصور من المستوي البسيط إلى المتقدم.
بولارر - Polarr
هو أسهل أداة لإنشاء صورك واعمالك باحترافيه ومشاركتها مع الآخرين. يمكنك تخصيص طريقتك الخاصة بسهولة باستخدام ألوان وتراكبات انتقائية.
فوتر - Fotor
عبارة عن نظام احترافي لتحرير الصور ، حيث يستخدم تقنية حصرية لتوفير مستوى غير مسبوق من التحكم في التحرير يناسب الكل.
كما يتوفر أيضا برنامج فوتر على كل الأجهزة المحمولة ، وأجهزة الحاسوب المكتبية وأيضا على الإنترنت.
بي فنكي - BeFunky
يقوم موقع BeFunky بتطوير أدوات وسائط رقمية مبتكرة تتيح للمستخدمين التعبير عن أنفسهم بشكل إبداعي ، دون الحاجة إلى أي معرفة تقنية متقدمة. مما يوفر أفضل إمكانات تحرير الصور ويسمح لأي شخص أن يكون غير تقليدي!
الخلاصة
ليس من المثالي قضاء بعض الوقت في تعلم جميع الأدوات المذكورة أعلاه ، ولكن معرفة كيفية عمل البعض منها يقطع شوطًا طويلاً في تسريع إنتاجيتك وزيادة قيمة عملك.
المراجع
---------
