القائمة الرئيسية

الصفحات

ui ux  rESPoNSIVE DESIGN FOR YOUR BUSINESS 


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

ما هو التصميم Responsive design؟

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

فيديو توضيحي لموقع جميل ومتجاوب جدا


لماذا التصميم Responsive design؟

لقد شهدنا في العامين الماضيين انفجارًا في الأجهزة المحمولة يضرب السوق ، بما في ذلك الأجهزة اللوحية والقارئات الإلكترونية والهواتف الذكية ، كل منها يستهلك دقة الشاشة والتوجيهات والتخطيطات الخاصة به. نظرًا لاستمرار هذا النمو خلال السنوات القليلة القادمة ، يتوقع الناس أن يوفر محتوى الويب عبر الإنترنت تجربة مشاهدة مثالية ، وسهولة القراءة والتنقل مع الحد الأدنى من تغيير الحجم والتمرير عبر أجهزة مثل الجهاز اللوحي والهواتف الذكية والأدوات الأخرى وتصميم الويب سريع الاستجابة سوف يستمر ويستمر لتوسيع.
وفقًا لأحدث أرقام NPD Display Search ، فإن شحنات الأجهزة اللوحية في عام 2016 ستتجاوز 35 كرور وحدة ، مما يضعها في مقدمة شحنات الكمبيوتر المحمول لأول مرة يمكنك رؤيتها من الرسم البياني أدناه.
في استطلاع على الهواتف الذكية التي تدعم الإنترنت في الهند ، من المحتمل منتصف 2012 أن يصل عدد الهواتف الذكية التي تدعم الإنترنت في الهند إلى 2.5 كرور في عام 2012 ، وهو أكثر من ضعف عام 2011 وخمس مرات أكثر من 5.8 كرور في عام 2013 يستمر النمو حتى عام 2016. انظر من الرسم البياني أدناه.
وفقًا لـ CyberMediaresearch India ، من المتوقع أن يتضاعف سوق أجهزة الكمبيوتر اللوحية إلى حوالي ستة ملايين وحدة في عام 2013 ، شركة CyberMedia
من Microsoft Tag من المتوقع أن يتجاوز استخدام الإنترنت عبر الهاتف المحمول استخدام سطح المكتب للإنترنت بحلول عام 2014 (المصدر: علامة Microsoft)
المصدر: NPD Display Search ربع سنوي تقرير شحن وتوقعات أجهزة الكمبيوتر المحمولة
من الأبحاث والإحصاءات المحددة أعلاه التي أظهرت أن الحقبة القادمة القادمة ستكون الأجهزة المحمولة مثل الهواتف الذكية والأجهزة اللوحية وغيرها من الأدوات. لذلك يجب أن يكون المحتوى الذي تم تطويره عبر الإنترنت متجاوبًا وأن يتم إنشاء الموقع لتوفير تجربة مشاهدة مثالية ، وسهولة القراءة والتنقل مع الحد الأدنى من تغيير الحجم ، والتمرير ، والتمرير عبر مجموعة واسعة من الأجهزة. وبالتالي هناك حاجة ماسة إلى علامة التصميم سريعة الاستجابة في هذا الوقت.
تخطيط Layout
تخطيط Layout هو الأسلوب الأول وراء التصميم سريع الاستجابة. تتيح لك تخطيطات الشبكة المرنة استخدام استعلامات الوسائط لتحديد نقاط التوقف حيث يبدأ الموقع في تغيير حجم العناصر المختلفة ، مثل الرؤوس والصور وما إلى ذلك. يتيح لك تخطيط الشبكة السائلة تحديد مظهر موقعك عبر أجهزة مختلفة. يمكنك اعتماد بنية موقعك لشاشات سطح المكتب والأجهزة اللوحية والأجهزة المحمولة الصغيرة.
يتم إنشاء تخطيط العرض الثابت بواسطة قياس بكسل محدد ، وهذا النوع من التخطيط يستخدم بشكل شائع لتصميم الويب. يتم إنشاء تخطيط الشبكة المرنة بنسبة مئوية ، بدلاً من البكسل. كيف يعمل تخطيط الشبكة المرنة مقابل تخطيط العرض الثابت يمكننا فهم هذا المثال جنبًا إلى جنب

دعني اقدم لك نموذج تصميم موقع لعملك متجاوب جدا مع جميع الهواتف المحموله ما عليك سوى تحميله من موقع الذي سأضع الرابط تبعه في الاسفل وبمجرد تنزيله بصيغة zip ثم فك الضغط عنه وفتح الindex.html سيفتح لديك بسهوله كامله ماذا تنتظر هيا بنا حمله الان من هنا


هل اعجبك الموضوع :

تعليقات