راشد المري

مراحل تصميم المواقع، أولاً: رسم sketch (رسم تخطيطي) توزيع العناصر.

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

كيف ترسم مخطط؟

اولاً: تحديد العناصر.

أن تعرف الأزرار، الصور، النصوص، الخانات والنماذج التي تحتاجها.

ثانياً: تحديد أهمية العناصر.

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

ثالثاً: توزيع العناصر؟

هذه المرحلة تحتاج نوعاً ما من المنطقية. والمنطقية من الاتجاهين (منطقية العقل البشري) ومنطقية (لغة الوصف HTML، و CSS). لذلك وزع العناصر منطقياً. جد اماكن ملائمة للعناصر المهمة.

انصحك هنا بالابتعاد عن الاساليب القديمة كلقوائم الطولية، وعداد الزوار .. تستطيع انت تخمين البقية. وانصحك ايضاً بالابتعاد عن المنحنيات التي لاتستطيع محاكاتها بـ CSS. أرسم المخطط لئلا تستخدم به صوراً للتصميم! الصور فقط للمحتوى ليست للتصميم.

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

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

أدوات لرسم المخطط:
هناك أدوات جميلة قمت بتجربتها وراقت لي حقيقتاً. هناك أدوات ورقية مثل Sneakpeekit وهناك ادوات رسم عبر الحاسوب جميلة مثل برامج الرسم adobe illustrator او adobe photoshop ولكنها مكلفة. هناك أداه قمت بتجريبها مؤخراً وأعجبتني حقاً وهي عن طريق المستعرض WireframePro أنصح بتجربتها.

تجربتي لرسم مخطط (يحاكي Arabia.io) مع بعض التعديلات:
لا اقصد اقتراح التعديلات انما لتجربة رسم المخطط.

ما رأيك ؟ جميل صح ؟ حتى أنا اراه كذلك (ملاحظة لبعض اصدقائي: يبدو رمادياً لانه مخطط ليس لأني احب اللون الرمادي).

مزيد من المعلومات »

انا لست رمادياً بل أنتم الرماديون

Unknown 4:56 م

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

أتضح لي ان التصميم (حس) وليست الخبرة في برامج التصميم سبب كافِ ليقال اني مصمم. فمهما بلغت خبرتي! فلست مصمماً (الامر محبط !) فالمصمم المبدع حتى لو كانت ادواته برنامج الرسم السيء الذي يأتي مجاناً مع نسخة windows يستطيع ان يبدع. فهي موهبة ولكل شخص موهبة فعلي أن اعترف لنفسي (مهما بلغت خبرتي) فأنا لست مصمم ولا أصلح ان اكون كذلك. أرجوك لاتخبرني بأن هناك دروس باليوتيوب تشرح التصميم. كلها اعرفها ولكن انا ابدع باشياء اخرى وليس لدي ذوق بالتصميم. (وهناك ايضاً كركتيرات كثيرة، تخبر المبرمجين ان التصميم هو شيء لايجدر بهم الخوض فيه) مثل هذا:

فهو يعتقد انه يعرّف التصميم (بسلوب يعتقد انه مبسط لستيعاب المبرمج).

ولأني طالب هندسة برمجيات، بعض اصدقائي المتخصصين في كليات multimedia creative ينعتوني (بالرمادي)؛ حيث انهم يظنون ان المبرمجين يحبون اللون الرمادي لاشعورياً لانه اكثر لون يظهر في نتائجهم البرمجية. حقيقتاً احب اللون الرمادي ولكنني احب جميع الالوان ولذلك كوني مبرمجاً (لايعني أني رمادي) هم الرماديون اصلاً. بودي يوماً من الايام (يوماً واحداً لن اكون طماعاً) أتحول من كوني راشد المري الى محمد اليوسفي حتى أثبت لهم اني لست رمادياً ومبدعاً بالتصميم ورائع. يوم واحد فقط.

وتفاجأت ببعض المعلومات التي اكتشفها منهم عن التصميم، فكيف تتطور موضة التصميم، والى اين تتجه ؟ والكم الهائل من الاستهلاك الوقتي وبذل الجهد الفكري لتصميم شعاراً قد استطيع اعادة رسمه بقلم رصاص (أو قلم حبر "أزرق" حتى لا أُنعت بالرمادي مرة اخرى) ولكن من ينظر لتلك الشعارات البسيطة نظرة اولية لايتوقع ذلك الجهد الفكري المبذول والوقت المستهلك لتصميمه. وعندما نفكر ونتأمل نجده يستحق. كشعار تويتر مثلاً ! فهو بسيط، ومعبر ويصلح علامة تجارية تطبع او تنحت .. الخ. معلومات كثيرة جعلتني اقر أنني لا اصلح ان اكون مصمماً ولا تعجبني طقوس المصممين ولكن! تعجبني انتاجياتهم.

لله در الرماديون (المصممين) فعملهم لايستهان به! وخلاصة الموضوع ليست الخبرة في برامج التصميم تجعلك مصمماً. فالتصميم ليس برنامجاً غال الثمن، وتعلمه ليس بسهولة إيجاد دروس باليوتيوب.

مزيد من المعلومات »

النجاح مضمون بالداخل: أسرع وخذ نسختك

Unknown 2:10 ص

قبل ان يفكر شخصا ما بتعلم مجال معين لغرض النجاح، او يختار تخصص دراسي، هل يجب ان يفكر بالعوائد المادية كا المرتب او مردود العمل الحر اولاً! وهل يقاس العلم بالمال؟ هل تريد نسختك من النجاح؟ انا اؤمن ان نسختك مضمونة في باقي الموضوع.

مزيد من المعلومات »