الرئيسية      عني      أعمالي      السيرة      صوري      اتصل بي

هل أكون مصمم ومبرمج معاً ؟

سؤال جميل يتكرر كثيراً , بحكم تجربتي لهذا الأمر وهنا بعض النصائح :

لكل خيار مزايا وعيوب ولكن ما أنصح به بشكل عام هو :-

”التخصص“ للأسباب التالية :

  1. راح يعطيك خبرة أعلى بالمجال وفي الوقت المناسب
  2. المجال يتطور بشكل كبير جداً ويجب عليك تطوير نفسك باستمرار
  3. يمكنك الإنضمام مع فريق عمل
  4. يمكنك طلب أو إيجاد ما تريد من تصاميم سواء مجانية أو مادية بأسعار معقولة

وفي المقالة شرح كيف يمكنك العمل بالتخصص إذا كنت متخصص بالبرمجة وكيف تصل لمصادر التصميم والمصممين.

هناك نقطمة مهمة وهي تعلم “أساسيات” تصميم الويب فيمكنك تعلم أساسيات في مدة أبسط وهي مهمة حتى تستطيع فهم الكود واستخدامه وهنا كتابي ( تعلم ببساطة HTML و CSS لتصميم صفحات الإنترنت ) سيفيدك في هذه النقطة.

ما الذي يمكن مساعدتي كمبرمج من ناحية التصميم ؟

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

يتكون التصميم من نوعين ( تصميم جرافيكس ) و ( تصميم ويب ) وسأشرح الإمكانيات المساعدة لها لكل نوع :

تصميم الجرافيكس

يتكون تصميم الجرافيكس في الموقع أو التطبيق بشكل أساسي على عنصريين أساسيين وهما :

  1. الشعار
  2. الأيقونات ( الأزرار , الأقسام , التوضيحات , … )

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

web-design-parts

الأن بخصوص الشعار أمره سهل يمكنك الإتفاق مع مصمم يقوم بتصميمه لك, وهنا قائمة بالمصممين :

  1. twitter.com/mdalkaff
  2. twitter.com/hamdy_eltony
  3. twitter.com/WaelDesigner
  4. twitter.com/MohamedAlyousfi
  5. twitter.com/Q7Y_1
  6. twitter.com/malgarni1
  7. twitter.com/S_alJafen
  8. twitter.com/AmeenStudio
  9. twitter.com/kabunaji
  10. twitter.com/oneopen4
  11. twitter.com/IK911
  12. twitter.com/abo__nader
  13. twitter.com/Vnavnn
  14. twitter.com/uAeDesigner
  15. twitter.com/areejnahdi
  16. twitter.com/ButhainahAlodah

أعمالهم رائعة (ما شاء الله).

وأرجوا إذا كنت مصمم شعارات وتحب طرح رابط لك هنا أخبرني بالتعليقات.

أيضاً يمكنك إيجاد أعمال محترفين من هنا ( Behance Logos in Saudi Arabia ) والتواصل معهم.

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

  1. iconfinder.com
  2. freepik.com
  3. iconarchive.com

تصميم الويب

بالنسبة لتصميم الويب أيضاً ستجد العديد من الخيارات التي تساعدك وتسهل عليك كثيراً

ومن المزايا المهمة التي تكون بالعادة متوفرة في التصاميم المختارة هي دعم الاستجابة ( Responsive ) أي يستجيب التصميم لأي حجم شاشة بتناسق مناسب :

responsive-css-frameworks-124

وأنصحك باستخدام أحد الآتي بخصوص تصميم الويب :

1. إطار عمل

  1. getbootstrap.com من تويتر
  2. getmdl.io ( ماتريال ديزاين ) من جوجل

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

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

2. تصاميم جاهزة كلياً

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

  1. ThemeForest
  2. TemplateMonster

وهناك الكثير من التصاميم ولكنها تطرح في مواقعهم بشكل مستقل فأنصحك بالبحث عنها من خلال كتابة ( web design rtl أو template rtl أو theme rtl )

أخيراً …

قد يسأل شخص هل هذه الحلول تعني أنني سأعيد استخدام التصاميم وقد أجد أحد يستخدم تصاميم شبيهه لها ؟

الإجابة : لا إذا قمت بتخصيصها بتناسق مناسب للهوية في الموقع أو التطبيق من ألوان وشعار وأيقونات وهذا الأمر سهل من خلال ما ذكرته آنفاً.

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

أتمنى أن يكون الموضوع قد أفادكم ,

وتمنياتي للجميع التوفيق والسداد …

  تاريخ النشر   17/08/2015    
  مرات المشاهدة   2٬832
  1. يقول سامي الشويمان:

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *