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

وسنبدء في هذا المقال بإستعراض لقاء مع مصمم الويب عبد الرحمن سايس.

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

بدء عبدالرحمن في تلمس أولى خطواته في عالم التصميم وهو في سن الخامسة عشر، عندما ُقُبل في ورشة للفن العجمي (زخارف أسلامية شرقية نافرة على الخشب) حينها بدأ ولوعه بالتصميم والإبتكار، وكانت أولى خطواته العملية؛ العمل كمصمم طباعي أثناء فترة دراسته، درس بشكل ذاتي الXTHML&CSS والفوتوشوب، وبعدها أمتلك القدرة على التصميم والبرمجة مما أتاح إليه بعد فترة من عدم الاستقرار في تصميم البنرات ومواقع الفلاش في أن يتخصص في تصميم وبرمجة المواقع.

الأدوات التي يستخدمها

بالطبع برنامج PhotoShop يحتل نصيب الكعكة الرئيسي من أدواته ولكنه يستعين برسم بعض العناصر على Illustrator، وبالنسبة لمكاتب الجافا التي يستخدمها فأبرزها jQuery، ولكتابة الكود البرمجي فهو يستخدم محرر برنامج Dreamweaver، كما يستخدم أداة Fire Bug لتساعده في عملية التقطيع، وذلك من خلال بيئة ويندوز.

خطوات قبول مشروع جديد

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

العمل الحر

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

الإلهام والعمل

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

• http://zcool.com.cn/
• http://www.behance.net/
• https://www.iconfinder.com
• http://www.smashingmagazine.com/
• http://justcreative.com/
• http://abduzeedo.com/
• http://stackoverflow.com/
• http://www.smashingmagazine.com

محطات هامة أثناء إنشاء الموقع

• دائماً ما يعرض على العميل أن يجعل التصميم تجاوبي مع مختلف الأجهزة التي يتصفح بها المستخدمون، ويحفزهم بتخفيض السعر المضاف، وهو يعتزم مستقبلاً أن يجعله خيار أساسي في المدونات ومواقع الشركات العالمية.
• عندما يبدء في التصميم فهو يتناسى تماماً خبرته بالتقطيع لكي لا تقيد،ه ولكي يكسر حدود الألوف.
• بالنسبة لعملية الكود فهو يركز على مراعاة ضوابط الـ SEO، كوضع العناوين داخل أوسمة <h1-6>، كما يراعي عدم أستخدام كود CSS في صفحة HTML إطلاقاً، وأن يكون متوافق مع معيار W3C، وعدم أستخدام كود خارجي قبل قرائته وترتيبه بطريقة مفهومة له.
• لا يكون مستمتع وهو يصمم مواقع لتتوافق مع الانترنت اكسبلورر.
• يتغلب على صعوبات الخط العربي عبر إدراج خطوط خارجية إلى موقع الويب، وقبل توفر هذه الإمكانية كان يدرج الخطوط على شكل صور للمحتوى الثابت –للعناوين غالباً- أما باقي محتوى الموقع فكان يستخدم Tahoma أو Traditional Arabic )مع ميزةBold ) ان كان الموقع يغلب عليه الطابع القديم.

معايير قبل التسليم

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

توقعه لإتجاهات الويب القادمة

• يرى أن الإتجاه الجديد في التصميم الآن هو نمط (Flat) لتجسيد البساطة الفنية وأظهار الفكرة بشكل أبداعي وقوي مع استخدام واسع للصور الكبيرة.
• أشار إلى نجاح كبير لمكتبة (Bootstrap) في ظل التصاميم التجاوبية الذي له شأن في هذه المرحلة.
• يتوقع مضاعفة وظيفة صفحات التواصل الإجتماعي في أغلب المواقع لتأخذ مهام صفحات اتصل بنا والفعاليات وقد تطال مهام أخرى كالأخبار ومعرض الوسائط المتعددة.
• كما يتوقع أنتقال الكثير من التطبيقات والبرامج الخدمية من بيئة الأنظمة إلى الويب

مستقبل تصميم المواقع العربية

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

نصائح وتوصيات للمبتدئين في تصميم المواقع:

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

معمل ألوان خير من حمل هم مصممي المواقع

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

نشكر عبدالرحمن في مشاركته معنا في هذه المقابلة وعلى استعداده ليجيب على استفسارات القراء.

في حالة رغبة أحد المصممين الإستضافة في مقابلات معمل ألوان او اقتراح اسم تواصل معنا