مواقع الأبعاد القياسية: ميزات ومتطلبات وتوصيات

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

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

العرض القياسي في بكسل للموقع ستحتاج أي وقت مضى

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

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

تخطيطات لجميع المناسبات

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

تباهى بالتالي وفرة من الإصدارات لشاشات مختلفة يمكن أن يكون إلا أن مواقع odnostranichniki الذي يهدف - لبيع منتج واحد ويجب التأكد من القيام بذلك بشكل جيد. حسنا، إذا لم تكن واحدة من تلك الهبوط، في مواقع متعددة، لأنها تقف إلى سبب آخر.

أحجام الأكثر شعبية من المواقع

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

من الجدول أنه من الممكن لمعرفة كيفية تحديد حجم الموقع الذي تريد استخدامه. وبالإضافة إلى ذلك، يمكن الاستنتاج أن الشكل الأكثر شيوعا اليوم هو الشاشة في 1366 من قبل 768 نقطة. يتم تثبيت هذه الشاشات في جهاز كمبيوتر محمول الميزانية، لذلك شعبيتهم أمر طبيعي. في اليوم التالي الأكثر شعبية هو كامل HD رصد، وهو المعيار الذهبي للأفلام، والألعاب، وبالتالي، لإنشاء تخطيطات الموقع. وعلاوة على ذلك في الجدول نرى تسمح الأجهزة النقالة 360 × 640 بكسل، فضلا عن تجسيد مختلفة من سطح المكتب وشاشات المحمول بعد ذلك.

تخطيط تصميم

لذا، وبعد تحليل الإحصاءات، يمكننا أن نستنتج أن العرض الأمثل للموقع يحتوي على 4 الاختلافات:

1. أجهزة الكمبيوتر المحمولة نسخة مع 1366 بكسل.
2. كامل HD-الإصدار.
3. 800 بكسل في تخطيط حجم العرض للعرض على شاشات سطح المكتب الصغيرة.
4. النسخة المحمولة من الموقع - 360 بكسل في العرض.

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

جعل تخطيط مرن

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

ما هي النسبة الذهبية، وكيفية استخدام صفحات الويب لتخطيط؟

حتى في عصر النهضة حاول العديد من المهندسين المعماريين والفنانين لتقديم إبداعاته الشكل المثالي ونسبة. للحصول على إجابات لأسئلتك عن الآثار المترتبة على هذه النسب، التي تحولت إلى ملكة جميع العلوم - الرياضيات.

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

دعونا نعود إلى تصميم مواقع الإنترنت

الأمر في غاية البساطة - باستخدام النسبة الذهبية، يمكنك تصميم صفحات من شأنها أن تكون أكثر ارضاء للعين البشرية. تحسب وفقا لصيغة المقطع الذهبي، نجد عدد غير عقلاني 1.6180339887 ...، ولكن لراحة يمكنك استخدام قيمة مقربة من 1.62. وهذا يعني أن الكتل صفحتنا يجب أن تكون 62٪ و 38٪ من الكل، بغض النظر عن حجم إنشاء التعليمات البرمجية المصدر للموقع الذي تستخدمه. مثلا يمكنك ان ترى على المخطط التالي:

استخدام التكنولوجيات الجديدة

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

كيفية زيادة موقع مساحة العمل

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

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

مثال على وسيلة جيدة لإخفاء القائمة هو تخطيط التالي (الصورة أدناه).

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

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

أفضل موقع إلكتروني - التكيف

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

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

ما يميز التصميم على التكيف من توافر إصدارات مختلفة من موقع الويب الخاص بك

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

ويتم تحقيق القدرة على التكيف للأجهزة المختلفة ويرجع ذلك إلى عرض تخطيط أو النسب المئوية عبر كتل النقل في الحيز المتاح (في الطائرة العمودية بدلا من الهاتف الذكي أفقي على سطح المكتب)، أو تخطيطات الفردية من خلال خلق الشاشات المختلفة.

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