خطوات البدايه كي تكون مصمم مواقع الكترونيه محترف | كورد ديجيتال
  ازاى-اكون-مصمم-ويب

ازاى اكون مصمم ويب

تقريبا دة اول بوست اكتبه باستفاضة من فترة طويلة جدا … اتوسم فيه انى افيد شريحة كبيرة من الناس اللى حياتها العملية فى ملامح الرسم لسه ومحتاجه تعرف حتعمل ايه بالظبط .

 

بقالى فترة مش قصيرة بيجيلى استفسارت كتير إزاى ابدأ واعمل ايه لو عايز اكون Web Designer أو أمشى فى أى طريق بالظبط انى اكون Developer or Designer . الناس محتارة وخصوصا اللى لسه مخلص وعنده خلفية شوية بالموضوع بحكم دراسته او اللى حابب الموضوع وعايز يبدأ فيه وبردوا مش عارف يمشى فى أى سكة بالظبط… ..أو اصلا حد هو مش محدد ناوى ياخد طريق ايه فى حياته بس عايز يدخل مجال ال IT

 

انا هتكلم فى الموضوع ده بالعامية بعيدا عن المصطلحات اللى ممكن فى ناس كتير ماتكونش مرت عليها او مش هتقدر تستوعبها فى المرحلة دى

 

تصميم-مواقع

 

 

خلينا نكون متفقين على نقطة قبل ما نبتدى ..اى حد شغال فى المجال ده ال it عامة والمجال ده تحديدا لا يندرج تحت بند الموظف .. يعنى مينفعش تأدي شغلك كأنك بتعمل اللى يطلب منك، شغل الديزاين تحديدا محتاج إبداع أو ببساطة محتاج تكون بتحبه وداخل المجال تكون اضافة فيه وناوى تتعلم مش كونه سبوبة مش اكتر

وبغض النظر عن الشركات واللى بيحصل فيها سواء هتكون مرتاح أو لا بس أولا وأخيرا إنت مش موظف

 

خلينا نشوف الوضع دلوقتى بقا ماشى ازاى فى مجال الويب ديزاين من حوالى 3 سنين كده … كان الويب ديزاينر مسئول عن كل حاجه خاصة بالديزاين للسايت اللى بيعمله وكان شغله ويب سايت بس لا اكتر ولا اقل ابتداءا من الديزاين على الفوتوشوب وتقطيعه وتحويله لكود…

وطبعا بما إن كل حاجه بتتغير دلوقتى الموضوع إتغير واتفرع

خلينا نبص على الصورتين دوول ونشوف الكلام اللى بعديها

User-Interface

ودى ببعض التفاصيل او التقسيم الدقيق

User-experirnce-designer

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

 

خلينا قبل ما نبدا نوضح الاختلاف بين التعرفيين دول

UX : User Experience

UI : User Interface

 

قبل ما نبتدى نتكلم انا محتاجك تقرأ التوبك ده

http://goo.gl/x2kgfs

1- UX Designer

 

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

بحكم شغلنا كويب ديزاينر فى اجزاء احنا بنقوم بيها كونك بتقعد مع الكلاينت وتعرف وتسمع منه هو محتاج ايه وتطلع بروتو تايب وفيشوال ديزاين وتكتبله كونتنت او تشفله حد يكتبهوله حاجات كتير داخله تحت التايتل ده

ممكن دى تكون بعض المصادر اللى هتوضحلك اكتر الموضوع

http://goo.gl/lBy3ve

http://goo.gl/EOZJ2x

2- UI Designer

 

التايتل اللى بدأ ينتشر بصورة إلى حد ما مقبولة بس طبعا مش كل الشركات بتعتمد عليه الا القليل منها اللى بيكون عنده تيم كبير ومحتاج اكتر من تخصص …ومن ضمن اسباب انتشاره ظهور الموبايل ابليكشن

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

ويمكن ده اكتر اتجاه خريجين فنون جميلة جرافيك ابتدوا يتجهوا ليه او اللى شغالين اصلا جرافيك ديزاينر ومحتاج يخرج بره بوتقة اللوجو والبرشور والجو ده … والشريحه التانيه هي اللى حَباه وعندها سنس الديزاين مش اكتر

دى مجموعة امثلة

 

http://goo.gl/BEb2vE

http://goo.gl/6y8c6C

http://goo.gl/bNhXN2

http://goo.gl/22odmN

3- UI Developer

 

التايتل الجوكر … اللى هو كان الويب ديزاينر زمان واتطور مع التطور

ده بالظبط اللى اغلب الشركات بتكون محتاجه .. الشخص اللى هيكون تحت التايتل ده مطالب انه يكون عارف الحاجات دى

HTML – CSS (90-100%)

وملحوظة كده على جنب ماتشغلش نفسك بموضوع Html5 –css3

انت محتاج الاساس بتاعك الاول وبعد كده فكر انك تعمل ابديت لنفسك

Jquery +60% اغلبنا بيستخدم الجى كويرى الجاهز وبنعدل عليه انت محتاج تكون عارف ده

Photoshop ده علشان تعمل التصميم عليه لازم تكون عارف التولز على الاقل اللى هتساعدك انك تعمل تصميم كويس

 

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

ممكن تقرأ ده حيفيدك

http://goo.gl/eTg3TH

http://goo.gl/3rMVwx

 

وكمان بقى فى حاجه عندنا اسمها Responsive Design

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

فى حاجات كتير ممكن اتكلم فيها تحت التاتيل ده بس حاليا مش وقتها … هيكون فى موضوع خاص بيه قريب ان شاء الله

انا ليه محددتش الشريحه اللى ممكن تدخل المجال ده لانها مفتوحه .. انت حبه والنية حاضرة مش اكتر

4-Front End Developer

 

او مطور واجهه المستخدم .. تايتل ابتدى يظهر على الصورة بشكل كبير.. بيكون بعيد الى حد كبير اوى عن أى حاجه خاصة بالديزاين أو برامجها .. وبيكون متجه أكتر فى إتجاه الكودنج يعنى وكمان مع الاتجاه الكبير ل HTML5 ابتدي يكون مطلوب جدا

وده باختصار محتاج يكون عارف الحاجات دى html css javascript jquery ajax

وعلى درايه بال source control زى git – svn ده لو كانت الشركة بتستخدمه اكيد

وطبعا انا منصحش الا لو كان حد حابب الكود لان انت بتكون فى مرحله بتكون متفوق فيها عن ال UI Developer خصوصا مع وجود فريم ورك كتيرة دلوقتى الموضوع بقا معقد

 

فى بعض النقط حابب اقولها كملخص للموضوع

1- اى مكان هتختاره من ال 4 اللى فوق مينفعش تتأقلم فيه كموظف

2- لو انت جرافيك ديزاينر وشايف ان مجال ال UI Design شد جرب نفسك فيه مش حتخسر … هتحبه اعتقد انت حتشوف الحاجه هتقول سهلة بس الوضع صعب جدا لما هتبدتى شغل فيها

3- لو حابب تتعلم كودنج لازم تمر بالمرحلة UI Developer لانها مرحلة وسط بين المرحلة اللى فوقيها واللى تحتيها .. باختصار دى اللى هتحدد انت هتنفع تكمل ولا لأ وكونك تتعلم Html – css الموضوع مش بالتعقيد الكبير.

4- انا حاولت على قد ما أقدر تكون المصادر عربية

5- انت اللى هتحدد انت ناوى على ايه ومحتاج ايه حط بلان لنفسك بس وظبط وقتك مش اكتر

6- الناس اللى حاسه إن الفرصة فاتتها مفيش حد بيفوتوا حاجه كل حاجه لسه بإيدك جرب تانى

7- موضوع انك تفضل تحدث فى نفسك ده أهم حاجه لو وقفتها مش حتنجح ودى نصيحة

 

web-design

 

النقطة بقا الكبيرة اتعلم منين

شخصيا يمكن ناس كتير تتفق معايا انا بعتبر الجيل ده من الاجيال المحظوظة … احنا اول ما ابتدينا موضوع انك تدور وتسأل حد او توصل لمعلمومة مكنش بالسهولة اللى موجودة دلوقتى فأرجوك إستغل ده، دى فرصة ليك

 

فى كنز اسمة جوجل اى حاجه هتقدر ادخل اكتب “hello world html” وإبدا مع أول توبك وإمشى معاها

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

 

هسهل عليكم موضوع البحث شويه

ده السايت اللى اغلب الناس بترشحه انك تبتدى بيه

http://www.w3schools.com/

 

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

http://goo.gl/EQZm0n

الحملة اسمها ملكش حجه وانت فعلا ملكش حجه

يارب اكون وفيت فى الموضوع

تابع ايضا ما الذى يحتاجه العميل فى تطبيقات التجارة الالكترونية ؟

اتصل بنا

Cord Digital