صفحة 1 من 4 1234 الأخيرةالأخيرة
النتائج 1 إلى 15 من 51

الموضوع: كيفية تصميم ستايل مطابق للويب 2.0

  1. كيفية تصميم ستايل مطابق للويب 2.0



    السلام عليكم ورحمة الله وبركاته ...
    اليوم ان شاء الله سوف اتكلم عن كيفية تصميم موقع بمواصفات مواقع الويب Web2.0

    سوف اتكلم عن النقاط التالية ::

    - البساطة
    - اعمده اقل
    - الهيدر منفصل
    - الخلفيات والاشياء الجريئة
    - القوائم العرضية
    - الجراءه في الشعار (البساطة)
    - نص اكبر
    - مقدمات بنصوص اكبر
    - قوة الالوان
    - التدرجات
    - ايقونات
    - بالونات


    -| البساطة

    لما كل هذه التصاميم معقدة , ولماذا كل هذه التصاميم المحشوه بالصور ؟ . هناك استثناءات لذلك

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

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



    انظر الى عدد المواد في هذا الموقع !! انظر الى الخلفية !! الى الشعار !! ووو !
    لماذا هذه الزحمه ؟

    -| اعمده اقل


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


    انظر الى هذا الموقع , يحتوي على عمود واحد : انه اكثر بساطة .


    وانظر الى هذا الموقع ايضا , يحتوي على عمودين فقط ولكن لو تلاحظ ان الموقع اول يتمتع ببساطة اكثر


    اخيرا .. انظر الى هذا الموقع .. يمكن العديد من الاعمدة فتراه غير منظم ولا يتمتع بالبساطة

    ولكن !! عندما تستخدم عمود او عمودين لا يغير شي في مضمون الموقع كالوصلات والاخبار و....


    -| الهيدر منفصل


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







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


    -| الخلفيات والاشياء الجريئة


    الخلفية ::
    عندما تصمم موقعا لا تنسى الخلفية المميزه



    لاحظوا معي الموقع الاول كيف قام بتصميم خلفية بسيطة مع رسومات سوداء وعند تحريك السكروول لا تتحرك الخلفية

    وفي الموقع الثاني قام بتصميم خلفية بتدرجات تتوافق مع التصميم الداخلي للموقع .


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





    -| القوائم


    عند التصميم الهيدر لابد من تصميم القوائم اسفله لتكون اكثر احترافية

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









    وايضا في الصف الذي فيه القائمة يمكنك وضع فيه مستطيل البحث في الموقع فهو ايضا من احد ضروريات الويب 2.0





    التعديل الأخير تم بواسطة owner ; 02-06-2007 الساعة 09:52 PM سبب آخر: تنسيق الموضوع
    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL




  2. -| الجراءه في الشعار (البساطة)


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




    -| نص اكبر
    -| مقدمات بنصوص اكبر


    سوف اتكلم عن نص اكبر مع مقدمات بنصوص اكبر مع بعض .

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

    وهذه بعض الامثلة لذلك













    -| قوة الالوان
    -| التدرجات



    قم بأستخدام الوان قوية وجريئة في التعبير عن خطوات (اذا كان في الموقع ذلك)
    كمثال ::
    عندما تريد عمل تصميم الى موقع استضافة مدونات , بعد انشاءك الى الهيدر والقوائم .
    اسفلها مباشره فم بعمل 3 مستطيلات في صف واحد وفي الصف الاول قم بوضع رقم 1 بخط كبير و في جانبه تضع كلمة " سجل" وبعدها وفي اسفل المستطيل تستطيع كتابة بعض الاشياء كـ"يمكنك التسجيل ببساطة جدا ولا يتطلب ذلك الا بعض المعلومات عنك

    وبعدها وفي المستطيل الثاني تكتب رقم 2 وبجنبه "دون" (بنفس طريقة المستطيل الاول)
    وتكتب اسفله (في نفس المربع) تتمتع بأفضل المواصفات التقنية عند كتابتك التدوينات .

    وفي المستطيل الاخير تكتب رقم 3 وبجنبة "انشر" (بنفس طريقة المستطيل الاول والثاني ) وتحته تكتب شارك اصدقائك ما كتبت وانشر تدويناتك في الانترنت .

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





    او

    استخدام صورة كبيره معبره مع التدرج في الالوان (الخلفية)








    -| الايقونات


    يمكن ان تكون الايقونات مفيده عندما يتعلق الامر بدخول الزائر لا يجيد لغة الموقع . او لتسهيل وتسريع تنقلات الزائر

    وهذه الامثلة سوف تسهل لك هذه النقطة











    -| بالونات


    واخيرا سوف اتكلم عن البالونات .

    وهذه النقطة لم اراها في المواقع العربية الى الان .

    وهي اشبه بالبالونات تستطيع استخدامها عندما تريد
    = عرض سعر سلعة
    = شيء مجانا
    = رقم تسلسلي او رقم اصدار
    = للتحميل
    = للـBeta New Update Last















    -----------------------

    وفي النهاية ..

    اتمنى رؤية المواقع العربية على نظام الويب 2.0 و الاستفاده من هذا الموضوع ..


    رابط الموضوع الاصلي

    ارجوا عدم نقل الموضوع الا بذكر المصدر .

    مدونة الدرازي





    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

  3. #3


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






  4. #4
    عضو نشيط
    تاريخ التسجيل
    May 2004
    المشاركات
    210


    معلومات رائعة..

    وجهد متميز ..

    وعمل تشكر عليه ..


    تقبل تحياتي








  5. السلام عليكم ..
    انت بصراحة وضحّت تقريبا كل شيء تحت الموضوع web 2.0
    الان سؤالي هو .. لانني برمجت موقعي http://www.hilaby.com لكي يحوي المواقع العربية التي تستخدم المعاير في تصميمها .. هل يمكن ان تذهب هناك وترسلي المواقع العربية التي صممت بنفس الخواص التي ذكرتها .. لانني تعبت عند البحث عن مواقع عربية التي هي جذابه في تصاميمها و التي صممت تحت فكرة الweb 2.0

    وشكراً





    __________________
    هلابي افضل المواقع العربية تصميماً
    انصح باستخدام ابونتو

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Apr 2004
    المشاركات
    837


    شكرا حبيبى والله استفدت كثير





    __________________
    أشهد ان لا اله الا الله - وأشهد انا محمداً رسول الله
    مجموعة حـلم العــرب | لخــدمــات الإنترنت والتسويق
    www.aradream.com
    support@aradream.com
    0020103639400

  7. #7
    عضو فعال
    تاريخ التسجيل
    Feb 2004
    المشاركات
    1,661

    السلام عليكم



    مشكووور عزيزي

    كشخة هالـ موضوع !





    __________________
    ------- « وما توفيقي إلا بالله »
    الشجّار للبرامــــــج | راسلنــــي

  8. #8
    عضو فعال
    تاريخ التسجيل
    Dec 2001
    المشاركات
    1,436


    السلام عليكم

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

    هذا من واقع تجربتي والله المستعان








  9. اقتباس المشاركة الأصلية كتبت بواسطة Wael Hindam
    موضع فى غاية الروعة و الجمال
    انا اقول دائما ان قوة التصميم فى البساطة هى اهم الاشياء
    بتعطيك الحرية فى وضع المحتوى و كذلك البرمجة و تغنيك عن الصور البساطة اهم شىء
    بس فيه شىء مهم ان العميل له ذوق خاص ودا امر صعب جدا انك توصله الهدف من web 2.0
    بالتوفيق اخى موضوع جميل جدا و متابع معك
    شكرا لك .
    والمشكلة في المواقع العربية ان الويب ماستر يهمه في الموقع صور البنات والدردشة .
    ولكن قمت بكتابة هذا الموضوع للأستفاده منه و من المفروض ان يطلب العميل عمل موقع يطابق الـWeb2.0 وليس المصمم .... ولكن !!

    معلومات رائعة..

    وجهد متميز ..

    وعمل تشكر عليه ..


    تقبل تحياتي
    حياك اخوي ... شكرا


    السلام عليكم ..
    انت بصراحة وضحّت تقريبا كل شيء تحت الموضوع web 2.0
    الان سؤالي هو .. لانني برمجت موقعي http://www.hilaby.com لكي يحوي المواقع العربية التي تستخدم المعاير في تصميمها .. هل يمكن ان تذهب هناك وترسلي المواقع العربية التي صممت بنفس الخواص التي ذكرتها .. لانني تعبت عند البحث عن مواقع عربية التي هي جذابه في تصاميمها و التي صممت تحت فكرة الweb 2.0

    وشكراً
    وعليكم السلام ورحمة الله وبركاته ..
    اخي اذا ما عليك امر ممكن تضيفني على ايميلي اللي في التوقيع .


    شكرا حبيبى والله استفدت كثير
    العفو ,, حياك اخوي .

    مشكووور عزيزي

    كشخة هالـ موضوع !
    شكرا .. مو مكشخ الموضوع الا وجودك ..


    السلام عليكم

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

    هذا من واقع تجربتي والله المستعان
    وعليكم السلام ورحمة الله وبركاته

    صدقت والله .. لكن لو يتم عمل مشروع جديد على الانترنت ان شاء الله يتم تصميمه بواسطة Web 2.0

    وانتوا يا فريق الزيني ما شاء الله ما عليكم كلام .. تصاميم روعة



    شكرا لكم كلكم..

    بالتوفيق ان شاء الله





    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

  10. #10
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2004
    المشاركات
    431


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

    hilaby
    انا معجب بموقعك جداً واتابعه يومياً تقريبا "انا الذي ارسلت اداة PHP Development Studio"

    نصيحة تابعو موقع hilaby.com لمعلومات جيدة عم المواقع التي تتبع المعاير

    شكراً كاتب الموضوع





    __________________
    حازم خالد
    مبرمج، بعمل مواقع ويب وتطبيقات موبيل، هتلاقي شوية كورسات فيديو على YouTube بتاعي، وشوية كود على اكونت Github، ودي سيرتي فيها شوية حجات من شغلي، اخيراً كل لينكات السوشيال ميديا بتاعتي هنا.



  11. موضوع قيم ومفيد

    خالص شكري لك





    __________________
    أنشئ البوم لصورك وشاركها في موقعك صور TNT


    expertsniper - Fast سابقاً

  12. #12
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2006
    المشاركات
    389


    سلمت يمناك أخوي ..
    فعلا موضوع مهم جدا .. اتمنى ان نبدأ في الانتقال الى الـ web 2.0 فعلياً ..





    __________________
    أرجوا من الجميع ان يسامحوني ، سواء عرفوني أو لم يعرفوني !! ، ارجوا من جميع من قد اكون اسأت اليهم أن يصفحوا عني ، ومن لديهم عندي حقوق أن يطلبوها مني .. جمعنا الله في الجنان .



  13. موضوع رائع جدا ـ ويصحح الكثير من المفاهيم
    والف شكر لك اخ sr3h.com

    وبإذن الله نري قريباً إهتمام أكثر من المصممين وأصحاب المواقع





    __________________
    كتوم في المصنع {...}

  14. #14

    تاريخ التسجيل
    Sep 2004
    المشاركات
    1,402


    حقيقتاً موضوع في غاية الأهمية .. تشكر أخوي sr3h.com على هذي المقالة المفيدة






  15. #15
    عضو نشيط
    تاريخ التسجيل
    Jul 2004
    المشاركات
    101


    موضوع مميز تسلم الانمال الي خطته على فكرة هذا مبتغاي دائماً ..





    __________________
    Abuo Jasr





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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