ما هو التخطيط السائل؟
https://stackoverflow.com/questions/62334
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
يستمر مصممي في التخلص من مصطلح التخطيط "السائل".ماذا يعني هذا؟
شكرًا على التوضيح، لقد كنت دائمًا أسمي هذا تخطيطًا مئويًا، واعتقدت أنه كان يقول أنه يمكن تحريك القطع، وكان ذلك سائلًا
المحلول
التخطيط "السائل" هو تخطيط موقع يتم توسيعه لملء المساحة المتوفرة بالكامل عند تغيير حجم نافذة المتصفح.عادةً ما يتم ذلك باستخدام CSS.يمكن أن تكون التخطيطات السائلة مفيدة جدًا لأنواع معينة من المواقع، ولكنها تميل أيضًا إلى بذل جهد أكبر بكثير من التخطيطات ذات العرض الثابت، وتعتمد فائدتها على محتوى الموقع ومدى جودة تنفيذها.
نصائح أخرى
من http://www.maxdesign.com.au/presentation/liquid/ :
تحتوي جميع الحاويات الموجودة على الصفحة على عروضها المحددة في المئوية - مما يعني أنها تعتمد تمامًا على منفذ العرض بدلاً من الكتلة المحتوية الأولية.سينتقل التصميم السائل إلى الداخل والخارج عند تغيير حجم نافذة المتصفح.
في الأساس، إنه تخطيط لصفحة ويب لا يعتمد على مواصفات عرض محددة للعناصر الموجودة في الصفحة.
راجع المناقشة في ويكيبيديا.
إنه يعني تخطيطًا يتم ضبطه ديناميكيًا حسب عرض المتصفح (أو أي عميل) وارتفاعه، لتحقيق الاستخدام الفعال لجميع مساحة الشاشة المتاحة، على عكس (في الغالب) تخطيطات العرض الثابتة التي تم تصميمها لتناسب دقة القاسم المشترك في ذلك المستوى المحدد الوقت (على سبيل المثال.كان 800 × 600 هو المعيار لمواقع الويب لسنوات عديدة).
انظر الى هذا:http://www.time-tripper.com/uipatterns/Liquid_Layout
تشير التخطيطات السائلة إلى مفهوم تصميم موقع الويب.سيتحرك التخطيط السائل للداخل والخارج عندما تقوم بتغيير حجم نافذة المتصفح لديك، نظرًا لوجود النسب المئوية والعروض النسبية في CSS.
هذا يعني فقط أنه سوف يتقلص/يتوسع لملء حجم نافذة المتصفح (عادةً العرض)، حتى نقطة معينة إذا تمت الأمور بشكل جيد.وإلا فقد يصبح من الصعب جدًا قراءة النص على الشاشات الكبيرة (+24 بوصة).
واحد من اثنين:
سيتم تغيير حجم التصميم ليتناسب مع عرض المتصفح (كما هو الحال، إذا كان عرض المتصفح 1024 بكسل، فسيكون التصميم كذلك)...على الرغم من أن هذا يصبح ممتعًا للغاية عند التصميم لمتصفحات بعرض 100 بكسل (في بعض الأحيان يقوم المصممون بتحديد الحد الأدنى للعرض).
التصميم له عرض ثابت، ولكن يتم ضبطه في القياس باستخدام حجم نسبي...مثلا "م"...فكلما زاد حجم الخط زاد عرض الصفحة.
التخطيط السائل هو إحدى طرق تخطيط CSS التي تحدد جميع العروض بالنسب المئوية، وبالتالي فإن مساحات الصفحة ستزداد/تتقلص عند تغيير حجم إطار العرض (نافذة المتصفح).
إنها مفيدة جدًا إذا كنت تحاول إنشاء موقع يناسب الشاشات الكبيرة والصغيرة.إن العمل بها أصعب قليلًا من التخطيطات الثابتة، لأنك تتخلى عن بعض التحكم في المستوى حول كيفية تناسب كل شيء في الصفحة، ويجب عليك الاهتمام جيدًا بالمحتوى الخاص بك، للتأكد من عدم سقوطه وبصرف النظر جماليا على تغيير الحجم.
أود أن أقول إن التخطيطات السائلة مفيدة للغاية للمواقع ذات النصوص الثقيلة ذات تخطيط الأعمدة الأساسي إلى حد ما.قد تجد أيضًا وسيطًا سعيدًا بتصميم "مرن" - يحتوي على مناطق سائلة وثابتة.
في تخطيط Liquid حقيقي، يتوسع المحتوى الخاص بك ويتقلص ليناسب نافذة متصفح المستخدم الخاص بك بطريقة هادفة ومحسوبة وذكية.لذا، فالأمر أكثر من مجرد ضبط عرض الأعمدة والحاويات على النسب المئوية.
إذا تم القيام بذلك بشكل جيد، فقد يؤدي ذلك إلى زيادة الجودة المدركة.تم تنفيذه بشكل سيء، إنه كابوس قابلية الاستخدام.
الذهاب إلى السائل هو ألم كبير في الردف.إن الألم يستحق العناء، على الرغم من أنه إذا كان الموضوع/العميل/المنتج (المنتجات) الذي تقوم ببناء الموقع من أجله يتمتع بجودة بصرية قوية (فكر في موقع الأفلام الصيفية الرائجة)، أو يتطلب توافقًا وتشطيبًا معينًا، أو إذا كان يحتاج إلى العرض قطع كبيرة من البيانات.
ملحوظة:سأقوم بتحديث هذا لاحقًا مع روابط لأمثلة جيدة واستشهادات لادعاءاتي
