Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Web Design

آرائي بخصوص إستخدام المتصفح مقابل إستخدام فوتوشوب في التصميم

by
Length:ShortLanguages:

Arabic (العربية/عربي) translation by Taimur Aziz (you can also view the original English article)

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

المتصفح في مواجهة فوتوشوب هو موضوع نقاش ساخن

إذا كنت ممن يعملون في المجال التقني مع المصممين والمطورين، فلا بدّ أنك قد لاحظت إزدياد نسبة المصممين الذين يمتلكون بعض المهارات في البرمجة.

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

من منظوري فأن الإبداع لايعتمد على أداة معينة، وبالإمكان رؤية مزايا وعيوب كل نهج على حدة (لقد قمت بسردها بالأسفل، حتى تتعرفوا على وجهة نظري بالخصوص)

في هذا المقال قمت بإستخدام مصطلح "Photoshop" و "UXPin" بشكل عام. ولكنني في واقع الأمر قصدت الإشارة لأي أداة أخرى مشابهه، فإذا كنت تستخدم Sketch أو Balsamic أو أي أداة أخرى  فسينطبق عليها نفس الشئ.  ذكرت "Photoshop" و "UXPin"  فقط لأنها أدواتي المفضلة.

الإتجاه بشكل مباشر لإستخدام المتصفح

حقوق النشر © 2013 لـ Olle Svensson نَسب المُصنَّف - غير تجاري - الترخيص بالمثل 2.0

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

المزايا

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

العيوب

  • عملية التصميم بواسطة المتصفح قد تكون بطيئة بعض الشئ خصوصاً إذا لم تمتلك المهارات الكافية في البرمجة. بحسب خبرتي، فأنه بإمكانك الدفع للإلتحاق بكورس خاصة بتطوير المواقع، وكذلك صقل مهاراتك في بعض المشاريع المستقلة كبناء صفحة ويب بسيطة.
  • هذه العملية قد تشتت تركيز المصممين بعيداً عن نقاط قوتهم ومايتقنونه بالأساس. نعم، قد يبدوا من الجيد إمتلاك مهارات في البرمجة. ومع ذلك، فقد يقول البعض بأن تقسيم العمل (تركيز الأشخاص على مهام محددة) سيؤدي إلى جودة أعلى في الإنتاج. واقع السوق (والمرونة المطلوبة في هذا المجال التقني) قد تؤدي بالبعض لقول خلاف ذلك.

التصميم بواسطة Photoshop و UXPin

حقوق النشر © 2013 لـ Serg Kij نَسب المُصنَّف - غير تجاري - الترخيص بالمثل 2.0

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

المزايا

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

العيوب

  • العمل على تنفيذ عدة تصاميم إستجابية Responsive قد تكون عملية مكررة في Photoshop وليست ترجمة فعلية لما سيكون عليه شكل الناتج النهائي للعمل. بحسب خبرتي، فأنه من الأسهل القيام بالتعديل على media queries أثناء النظر للأجهزة المختلفة، والحصول على نتائج لحظية لما سيكون عليه شكل الناتج النهائي، بدلاً من القيام بتجهيز عدة نماذج غير دقيقة على فوتوشوب.
  • يصعب تحديد كم الصعوبات التقنية التي قد تواجهنا عند التصميم بإستخدام Photoshop.   فعلى سبيل المثال، ذات مرة كنت أقوم بتصميم صفحة بداية لزبون. كانت تحتوي على مربع لإدخال البريد الإلكتروني وقد واجهتني صعوبات في تصميم ذلك نظراً لتعقيد الفكرة. لينتهي بي الأمر أن قمت بتصميمه بإستخدام المتصفح بشكل سريع، وكان ذلك أكثر فاعلية.

الخلاصة

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.