fbpx

كيف تصمم موقع site layout بالفيديو – التصميم التجاري

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

تجد ان العوامل المشتركة فى معظم المواقع 3 أشياء رئيسية وهى :

1- Header – هيدر:

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

2- Body:

هو الجزء الذى يعرض به ما يريد الموقع ان يراه العملاء, سواء خدمات او سلع. و يختلف هو الاخر فى تصميمة و توزيع الاماكن به من موقع لأخر.

3-Footer:

وهو أخر جزء أسفل الموقع, و قد يكون عباره عن خط بسيط اسفل الموقع ولا يوجد به الا حقوق الحفظ و النسخ, او قد يكون جزء كبير بالموقع وله لينكات و اجزاء خارجية اضافية للزوار.

عندما تزور موقع حاول ان تنظر ما يميزه عن غيره, هل هى البساطه ؟ هل هو التصميم المنفرد ؟ هل التصميم يميل الى الرسم اكثر ام الزخرفه اكثر و هكذا. و بعدها حاول ان تضع بصمتك على تصميمك و ان يختلف عما تراه والذى بالطبع سيجعل موقعك متميز.شرحنا كيفية تصميم الصفحة الرئيسية لموقع Layout بالفيديو و هذه هى النتيجة التى توصلنا اليها:

تعلم كيف تصمم موقع على الفوتوشوب بالفيديو

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

* هذه بعض الأمثلة لمواقع ذات تصميم مميز:nordkapp gt3nav sol

creative

morphix alu

adpnineliondigital-rockburgernew

ver vimeoelectrick

sito horizontalway swiths food singularityconcepts pain

sitesquared

rabotilnica

You may also like...

21 Responses

  1. يقول Suma:

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

  2. يقول RG1:

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

  3. يقول somamb:

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

  4. يقول Yasser:

    اهلاً سوما
    متشكر لتعليقاتك المستمره و كلامك المشجع, و اتمنى ان ظروفك مرت على خير حال.
    تحياتي

  5. يقول Yasser:

    متشكر على تعليقك, بالفعل تصميم الواجهات شيق جداً, و بيعتمد على ذوق المصمم فى اختيار الالوان و التنسيق.
    تحياتي

  6. يقول Yasser:

    تسلمى على التعليق و ان شاء الله تحصلى كل الدروس

  7. يقول hudhoodaa:

    أولا أنا محظوظه جدا لتعرفي على موقعكم المتميز لانه سيساعدني في دورة تصميم صفحات انترنت التي سجلت فيها .
    ثانيا أشكركم جدا على دروسكم القيمه المجانيه والتي شجعتني على نشر الفائده والعلم
    أشكرك ياأستاذ ياسر وأتمنى لك كل التوفيق

    هدى عبود الرياض – المملكه العربيه السعوديه

  8. يقول Yasser:

    متشكر يا هدى على تعليقك, و اتمنى لكى التوفيق فى دورة التصميمات اللى هاتاخديها.
    تحياتي

  9. يقول Yasser:

    متشكر يا هدى على تعليقك, و اتمنى لكى التوفيق فى دورة التصميمات اللى هاتاخديها.
    تحياتي

  10. يقول alawady333:

    والله يا استاذ ياسر جزاك الله خيرا
    واعطاك علي قدر ما نويت وربنا يديلك علي قدر ما بتنشر من العلم
    انا بجد استفدت من موقعك كتير جدا اتعلمت كتير في الاي سي دي ال
    صحيح ان الاكسس صعب شويه ومش فاهمه قوي
    بس بقيه الدروس كويسه
    كمان شرحك في الفوتوشوب ممتاز
    نفسي بجد اتعرف عليك
    انا محمد 28 سنه بشتغل tourleader/touroperator

  11. يقول Hamada_for_ever_1919:

    انا طبقت كل الي انت عملته و عملت الموقع
    بس المشكله بقي هي اني لما برفعه علي سرفر مجانيعلي النت مش بيشتغل
    مع العلم ان الموقع كان مشغل موقع انا عامله بالفرونت بيدج
    جزاك الله كل خير …. شكرا
    محمد حسن
    hamada_for_ever_1919@yahoo.com

  12. يقول Nosory:

    انا م عارف صممتة طيب والصور كيف بدي انقلها للموقع الزرار كيف بدي اعطيها لنك ؟

  13. يقول omar mohamed ahmed:

    طيب ازاي انا هرفع التصميم ده انا بصمم هيدر وركبته ع كده ع المدونة بس انا عايز التصميم كامل

    انا متابعك من اول درس في الفوتوشوب واتعلمت منك كتيير

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

  14. يقول Pop_kimo30:

    الامثلة تشد
    انا بحمل الدروس ناو
    وهشوفها وهوريك التطبيق إن شاء الله 🙂

  15. يقول Yasser:

    اهلاً عمر
    التصميم دا فوتوشوب فقط, يعنى علشان يترفع هاتحتاج حد بيكتب لغة
    html, xml, php, asp
    او ما الى ذلك من اللغات الاخرى.

  16. يقول M Ebrahim Bob:

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

  17. يقول Faroukkazbak:

    (خيركم من تعلم العلم وعلمة)
    اولا : انا مش عارف اشكرك ازاى لانى فعلا استفدت من الدروس بتاعتك جدا
    واسلوبك رائع وسهل وربنا يزيدك من علمة والصرحة انا مش عارف اقولك اية
    ولكن لا املك الا الدعاء لك بظهر الغيب
    ربنا يوفقك يا استاذ ياسر وارجو انى مكنش طولت عليك
    اخوك / فاروق خزبك – مصر

  18. يقول mostafa:

    جزاك الله خير يا استاذ ياسر بجد
    شرح ممتاز ورائع ربنا يباركلك

  19. يقول amr salah:

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

  20. يقول khul123:

    شرح واضح وجميل بارك الله فيك … هل يوجد لديك دروس لكيفية تقطيع هذا التصميم بعد تصميم الموقع؟شرح واضح وجميل بارك الله فيك … هل يوجد لديك دروس لكيفية تقطيع هذا التصميم بعد تصميم الموقع؟

  1. 2010/08/03

    […] كيف تصمم موقع site layout بالفيديو – التصميم التجاري … other posts by admin أضف تعليق اضغط هنا لإلغاء الرد. […]