دليل شامل لتصميم مواقع الويب المتجاوبة للشركات الحديثة

أهمية وضرورة #تصميم المواقع المتجاوبة# في العصر الرقمي في عالم اليوم، حيث يستخدم المستخدمون مجموعة متنوعة من الأجهزة للوصول إلى الإنترنت، تزداد أهمية #تصميم المواقع المتجاوبة# أو Responsive Web Design...

فهرست مطالب

أهمية وضرورة #تصميم المواقع المتجاوبة# في العصر الرقمي

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

هل تعلم أن الانطباع الأول للعملاء عن شركتك هو موقع الويب الخاص بك؟ ضاعف مصداقية عملك مع موقع شركة قوي من رساوب!
✅ تصميم مخصص وجذاب يتناسب مع علامتك التجارية
✅ تحسين تجربة المستخدم وزيادة جذب العملاء
⚡ احصل على استشارة مجانية!

لماذا لم يعد #تصميم المواقع المتجاوبة# خيارًا، بل أصبح ضرورة؟

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

المبادئ الأساسية والتقنيات الكامنة وراء #تصميم المواقع المتجاوبة#

للتنفيذ الناجح لـ تصميم موقع ويب متجاوب، من الضروري فهم مبادئه الأساسية. تتضمن الأعمدة الرئيسية الثلاثة لهذا النهج الشبكات المرنة (Fluid Grids)، والصور المرنة (Flexible Images)، واستعلامات الوسائط (Media Queries).
تستخدم الشبكات المرنة وحدات نسبية مثل النسب المئوية بدلاً من وحدات البكسل الثابتة لضبط تخطيط موقع الويب ديناميكيًا مع تغيير حجم الشاشة.
تضمن الصور المرنة أيضًا، باستخدام CSS، أن يتم قياس الصور بشكل صحيح على أي حجم شاشة وعدم عرضها خارج الإطار.
تعد استعلامات الوسائط أقوى أداة في هذا الصدد، حيث تسمح للمطورين بتطبيق قواعد CSS مختلفة بناءً على خصائص الجهاز (مثل عرض الشاشة، الدقة، الاتجاه). توفر هذه التقنيات بشكل متخصص إمكانية إنشاء موقع ويب متكيف يقدم تجربة مثالية على أي جهاز.
إن فهم هذه المبادئ أمر حيوي لأي شخص يهدف إلى العمل في مجال تصميم مواقع الويب.
يتناول هذا القسم، بشكل #تخصصي# و #تعليمي#، الجوانب الفنية لـ التصميم المتجاوب.
فيما يلي جدول يقارن وحدات تصميم الويب:

مقارنة وحدات تصميم الويب للتصميم المتجاوب
نوع الوحدة الوصف المزايا العيوب
بكسل (px) وحدة قياس ثابتة دقة عالية، تحكم كامل في الأبعاد غير متجاوب، مناسب للأبعاد الثابتة
النسبة المئوية (%) بناءً على أبعاد العنصر الأب متجاوب للغاية، ضبط تلقائي تحكم أقل في الأبعاد الدقيقة، غير متوقع أحيانًا
em بناءً على حجم الخط للعنصر الأب متجاوب، قابلية توسيع النص حسابات أكثر تعقيدًا، يعتمد على خط العنصر الأب
rem بناءً على حجم الخط الأصلي (html) متجاوب، قابلية توسيع النص، تحكم أسهل يتطلب ضبط الخط الأصلي
vw/vh بناءً على أبعاد إطار العرض (العرض/الارتفاع) متجاوب للغاية، مثالي للتخطيط بملء الشاشة قد يعمل بشكل مختلف في بعض المتصفحات
أحدث تصميم موقع ويب متجاوب لعملك

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

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

هل لديك موقع تجاري ولكن مبيعاتك ليست كما تتوقع؟ رساوب تحل مشكلتك إلى الأبد من خلال تصميم مواقع تجارية احترافية!
✅ زيادة كبيرة في معدل التحويل والمبيعات
✅ تجربة مستخدم لا مثيل لها لعملائك
⚡ انقر للحصول على استشارة مجانية مع رساوب!

التحديات والمزالق الشائعة في مسار #تصميم المواقع المتجاوبة#

على الرغم من الفوائد العديدة، فإن تنفيذ تصميم المواقع المتجاوبة لا يخلو من التحديات. أحد أكبر المزالق هو التعقيدات المتعلقة بإدارة الصور ومقاطع الفيديو الكبيرة التي يمكن أن تبطئ سرعة تحميل الموقع على الأجهزة المحمولة.
يمكن أن يكون هذا مشكلة خاصة للمستخدمين الذين يعانون من إنترنت محدود وقد يضر بتجربة المستخدم.
التحدي الآخر هو إدارة التنقل (Navigation) في الصفحات الصغيرة؛ يجب تحويل القوائم الكبيرة لسطح المكتب بذكاء إلى قوائم “الهمبرغر” أو حلول أخرى مناسبة للجوال، دون أن يشعر المستخدم بالارتباك.
أيضًا، يتطلب ضمان التوافق الكامل عبر جميع المتصفحات والأجهزة (Cross-Browser Compatibility) اختبارات دقيقة ومستمرة. في بعض الأحيان، يقوم المطورون، بسبب التسرع أو عدم كفاية المعرفة، بتنفيذ التصميم المتجاوب بشكل ناقص مما يؤدي إلى العديد من المشاكل.
على سبيل المثال، التصميم فقط لعدد قليل من نقاط التوقف (breakpoints) المحددة وتجاهل الأجهزة بين هذه النقاط، يمكن أن يضر بتجربة المستخدم.
يساعدك هذا القسم، بأسلوبه #التخصصي# و #الإرشادي#، على تجنب هذه العقبات من خلال الوعي بها، وتقديم موقع ويب قابل للتكيف بجودة عالية.

الأدوات والأطر البرمجية الشائعة لتسهيل #تصميم المواقع المتجاوبة#

اليوم، هناك العديد من الأدوات والأطر البرمجية لمساعدة المطورين في عملية تصميم المواقع المتجاوبة التي تبسط العمل بشكل كبير. من بين الأكثر شعبية يمكن ذكر Bootstrap و Foundation و Bulma.
يعد Bootstrap، الذي طورته تويتر، أحد أكثر أطر عمل CSS استخدامًا، ويوفر مجموعة كاملة من مكونات واجهة المستخدم ونظام الشبكة (Grid System) المتجاوب.
Foundation هو إطار عمل قوي آخر يستخدم لتطوير مواقع الويب وتطبيقات الويب المتجاوبة ويتمتع بمرونة عالية.
اكتسب Bulma، وهو إطار عمل CSS حديث يعتمد على Flexbox، شعبية كبيرة بفضل بناء جملته البسيط وقابليته للتجزئة.
بالإضافة إلى الأطر البرمجية، تعد الأدوات المختلفة مثل Media Query Debugger و Viewport Resizer وأدوات مطوري المتصفحات (مثل Chrome DevTools) ضرورية أيضًا لاختبار وتصحيح أخطاء مواقع الويب المتجاوبة.
يعتمد اختيار الإطار البرمجي المناسب على احتياجات المشروع وتفضيلات المطور. يتيح استخدام هذه الأدوات للمطورين إنشاء تصميم متجاوب فعال بسرعة ودقة أكبر.
يقدم هذا القسم، بأسلوبه #التخصصي# و #التعليمي#، موارد قيمة للبدء أو تحسين تصميم المواقع المتجاوبة.

مستقبل الويب مع تصميم المواقع المتجاوب للجميع

أفضل الممارسات للتنفيذ الفعال لـ #تصميم المواقع المتجاوبة#

لتحقيق تصميم موقع ويب متجاوب فعال حقًا، من الضروري الالتزام بالعديد من أفضل الممارسات. أولاً، اتبع نهج “الأجهزة المحمولة أولاً” (Mobile-First).
هذا يعني أن تبدأ تصميمك من أصغر الشاشات وتتجه تدريجيًا نحو الأكبر.
يضمن هذا النهج أن تكون تجربة المستخدم على الأجهزة المحمولة مثالية، حيث تتوفر موارد محدودة في هذه الأجهزة.
ثانيًا، الاستخدام الأمثل لاستعلامات الوسائط ونقاط التوقف (breakpoints) المناسبة؛ لا تستخدم عددًا كبيرًا من نقاط التوقف، بل اختر نقاط توقف منطقية بناءً على المحتوى واحتياجات التصميم.
ثالثًا، تحسين الصور والوسائط لسرعة التحميل.
يمكن أن يؤثر استخدام تنسيقات الصور المناسبة (مثل WebP)، وضغط الصور، وتطبيق التحميل الكسول (Lazy Loading) بشكل كبير على أداء الموقع.
رابعًا، ضمان سهولة قراءة النص على جميع الأحجام والأجهزة من خلال ضبط حجم الخط وارتفاع السطر (Line-height) بشكل مناسب. خامسًا، الاختبار المستمر للموقع على أجهزة ومتصفحات مختلفة لضمان التوافق الكامل وتحديد المشاكل المحتملة.
تضمن هذه الإرشادات، بأسلوبها #الإرشادي# و #التخصصي#، أن يكون موقع الويب الخاص بك ليس جميلًا فحسب، بل عمليًا وسريعًا أيضًا.

قائمة بأفضل ممارسات التصميم المتجاوب
الممارسة الوصف الأهمية
الأجهزة المحمولة أولاً (Mobile-First) ابدأ التصميم للشاشات الأصغر أولاً تحسين الأداء على الأجهزة المحمولة وتحسين محركات البحث
الاستخدام الأمثل لاستعلامات الوسائط استخدم نقاط التوقف (breakpoints) عند الحاجة فقط تحكم أفضل في التخطيط ومنع الأكواد الزائدة
تحسين الصور والوسائط ضغط، التحميل الكسول (Lazy Loading)، تنسيقات حديثة زيادة سرعة تحميل الموقع
سهولة قراءة النص ضبط حجم الخط وارتفاع السطر بشكل مناسب تحسين تجربة المستخدم وإمكانية الوصول
الاختبار وتصحيح الأخطاء المستمر الفحص على مختلف الأجهزة والمتصفحات ضمان الأداء الصحيح وحل المشاكل

مستقبل #تصميم المواقع المتجاوبة# والاتجاهات الجديدة

يتطور عالم الويب باستمرار، و تصميم المواقع المتجاوبة ليس استثناءً. تظهر اتجاهات جديدة تشكل مستقبل هذا المجال.
أحد هذه الاتجاهات هو “التصميم التكيفي” (Adaptive Design)، والذي على الرغم من اختلافاته عن التصميم المتجاوب، فإن هدفه النهائي واحد: تقديم أفضل تجربة مستخدم.
عادةً ما يقوم التصميم التكيفي بتحميل إصدارات مختلفة من التخطيط بناءً على نقاط توقف محددة مسبقًا، بينما يعمل التصميم المتجاوب بشكل أكثر مرونة.
أتاحت التطورات الأخيرة في CSS، مثل CSS Grid Layout و Flexbox، المزيد من الإمكانيات للتخطيطات المعقدة والمتجاوبة، مما يمنح المطورين قدرة أكبر على المناورة.
كذلك، مع ظهور الأجهزة القابلة للارتداء والشاشات القابلة للطي، تزداد الحاجة إلى مرونة أكبر في تصميم الويب. يمكن للذكاء الاصطناعي (AI) والتعلم الآلي (ML) أيضًا أن يلعبا دورًا مهمًا في المستقبل في التحسين التلقائي للتخطيطات والمحتوى للأجهزة المختلفة.
يرسم هذا القسم، بأسلوبه #الإخباري# و #التحليلي#، رؤية مستقبلية لـ موقع الويب المتكيف.

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

✅ تصميم مخصص بالكامل ومتوافق مع هوية علامتك التجارية
✅ زيادة جذب العملاء المحتملين ومصداقية عملك في نظر العملاء

⚡ اتصل بنا للحصول على استشارة مجانية!

كيف نقوم باختبار وصيانة موقع الويب #المتجاوب# الخاص بنا؟

تطوير تصميم موقع ويب متجاوب ليس نهاية المطاف؛ الاختبار والصيانة المستمرة ضروريان لضمان أدائه الصحيح والأمثل. أولاً، توفر أدوات مطوري المتصفحات (مثل Chrome DevTools) القدرة على محاكاة أجهزة مختلفة، مما يتيح لك عرض موقع الويب الخاص بك بأحجام شاشة متنوعة.
هذه الأدوات مفيدة جدًا للفحص الأولي.
بعد ذلك، تعد اختبارات الأداء (Performance Tests) باستخدام أدوات مثل Google PageSpeed Insights و Lighthouse ضرورية لتقييم سرعة التحميل وتحسينات تحسين محركات البحث.
بالإضافة إلى ذلك، يعد إجراء اختبارات حقيقية على الأجهزة الفعلية (الهواتف، الأجهزة اللوحية) وعلى متصفحات مختلفة (Chrome، Firefox، Safari، Edge) أمرًا حيويًا لتحديد المشاكل المحتملة التي قد لا تظهر في المحاكيات. بعد الإطلاق، يمكن أن يوفر مراقبة سلوك المستخدمين من خلال أدوات التحليل مثل Google Analytics رؤى قيمة حول كيفية تفاعل المستخدمين مع موقع الويب الخاص بك على أجهزة مختلفة.
تتضمن الصيانة التحديثات المنتظمة، وإصلاح الأخطاء، والتكيف مع تغييرات خوارزميات محركات البحث والتقنيات الجديدة.
يقدم هذا القسم، بأسلوبه #التعليمي# و #التخصصي#، دليلاً شاملاً لضمان استقرار وجودة التصميم المتجاوب لموقع الويب الخاص بك.

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

قصص نجاح وتأثير حقيقي لـ #تصميم المواقع المتجاوبة#

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

أسئلة شائعة

السؤال الإجابة
ما هو تصميم موقع الويب المتجاوب (Responsive Web Design)؟ هو نهج يجعل تخطيط موقع الويب الخاص بك يظهر بشكل جيد على أي جهاز (مثل الهاتف المحمول، الجهاز اللوحي، وسطح المكتب) ويتكيف مع حجم شاشة المستخدم.
لماذا يعتبر التصميم المتجاوب مهمًا؟ تحسين تجربة المستخدم على الأجهزة المختلفة، زيادة عدد الزيارات ومعدل التحويل، تحسين الترتيب في محركات البحث (SEO)، وتقليل الحاجة إلى تطوير إصدارات منفصلة للجوال.
كيف يتم تنفيذ التصميم المتجاوب؟ باستخدام استعلامات وسائط CSS لتطبيق أنماط مختلفة بناءً على خصائص الجهاز (مثل عرض الشاشة)، واستخدام الشبكات المرنة (Fluid Grids) والصور المرنة (Flexible Images).
ما هي التقنيات الرئيسية المستخدمة في التصميم المتجاوب؟ HTML5، CSS3 (خاصة استعلامات الوسائط Media Queries) وجافا سكريبت (JavaScript).
ما هي المزايا الرئيسية للتصميم المتجاوب؟ تجربة مستخدم موحدة عبر الأجهزة المختلفة، سهولة صيانة الموقع، تحسين محركات البحث (SEO) (لأن جوجل تفضل المواقع المتجاوبة)، وتوفير التكلفة والوقت مقارنة بتطوير تطبيق جوال أو موقع منفصل.


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

المصادر

دليل التصميم المتجاوب
مقالات تطوير الويب زوميت
مبادئ تصميم المواقع المتجاوبة
فوائد الموقع المتجاوب

? وكالة رساوب آفرين للتسويق الرقمي، بتقديم خدمات شاملة ومبتكرة، من تصميم مواقع سريعة إلى استراتيجيات تحسين محركات البحث (SEO) المعقدة، تمهد طريق نجاح عملك في الفضاء الإلكتروني.

📍 طهران، شارع ميرداماد، بجانب البنك المركزي، زقاق كازرون الجنوبي، زقاق رامین، لوحة رقم 6

✉️ info@idiads.com

📱 09124438174

📱 09390858526

📞 02126406207

دیگر هیچ مقاله‌ای را از دست ندهید

محتوای کاملاً انتخاب شده، مطالعات موردی، به‌روزرسانی‌های بیشتر.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

طراحی حرفه ای سایت

کسب و کارت رو آنلاین کن ، فروشت رو چند برابر کن

سئو و تبلیغات تخصصی

جایگاه و رتبه کسب و کارت ارتقاء بده و دیده شو

رپورتاژ و آگهی

با ما در کنار بزرگترین ها حرکت کن و رشد کن

محبوب ترین مقالات

آماده‌اید کسب‌وکارتان را دیجیتالی رشد دهید؟

از طراحی سایت حرفه‌ای گرفته تا کمپین‌های هدفمند گوگل ادز و ارسال نوتیفیکیشن هوشمند؛ ما اینجاییم تا در مسیر رشد دیجیتال، همراه شما باشیم. همین حالا با ما تماس بگیرید یا یک مشاوره رایگان رزرو کنید.