طرح بندی صفحه وب را می توان با دو روش متفاوت انجام داد:
- Layouts Fixed Width - اینها پوسته هایی هستند که عرض کل صفحه با مقدار عددی خاص تنظیم می شود.
- طرح های مایع - این طرح ها هستند که در آن عرض کل صفحه انعطاف پذیر است بسته به اینکه مرورگر بیننده چه قدر گسترده است.
دلایل خوبی برای استفاده از هر دو روش طرح وجود دارد، اما بدون درک هر دو مزایای نسبی و کمبود هر روش، شما نمی توانید یک تصمیم خوب که در آن برای استفاده از صفحه وب خود را.
چیدمان عرض ثابت
طرح بندی ثابت پوسته ای است که با یک اندازه خاص شروع می شود، که توسط طراح وب تعیین می شود. آنها بدون توجه به اندازه پنجره مرورگر مشاهده صفحه، باقی می مانند. طرح بندی های عرض ثابت به طراح اجازه می دهد تا کنترل بیشتری در مورد نحوه نمایش در بیشتر موقعیت ها داشته باشد. آنها اغلب توسط طراحان با پس زمینه چاپ ترجیح داده می شوند، زیرا طراح اجازه می دهد تا تنظیمات دقیق را در طرح انجام دهد و آنها را در مرورگرها و رایانه ها سازگار سازد.
طرح های مایع
پوسته های مایع پوسته هایی هستند که براساس درصد از اندازه پنجره مرورگر فعلی است. آنها با اندازه پنجره انعطاف پذیر است، حتی اگر بیننده فعلی اندازه مرورگر خود را همانطور که سایت را مشاهده می کند، تغییر دهد. طرح بندی عرض مایع اجازه استفاده بسیار کارآمد از فضای ارائه شده توسط هر پنجره مرورگر وب یا وضوح صفحه را می دهد. آنها اغلب توسط طراحانی که اطلاعات فراوانی در اختیار دارند به عنوان فضای کمتری مورد استفاده قرار می گیرند، زیرا آنها در اندازه و وزن نسبی نسبی صرف نظر از اینکه کدام صفحه را مشاهده می کنند، سازگار باقی می مانند.
آنچه در Stake چیست؟
روش انتخاب شده برای طراحی وب سایت شما بیش از طراحی شما تاثیر می گذارد. بسته به نوع انتخاب شما، توانایی خوانندگان شما برای اسکن متن شما را تحت تاثیر قرار می دهد، آنچه را که آنها دنبال می کنید یا گاهی حتی از سایت خود استفاده می کنند را تحت تاثیر قرار می دهد. همچنین سبک طرح بر تلاش های شما در بازاریابی وب سایت شما از طریق نام تجاری، دسترسی به املاک و زیبایی شناسی سایت شما تاثیر می گذارد.
مزایای طرح بندی عرض ثابت
- طرح بندی عرض ثابت اجازه می دهد تا طراح صفحات را ایجاد کند که هر کدام به دنبال آنها یکسان باشند.
- عناصر عرضی ثابت مثل تصاویر متن را در مانیتورهای کوچکتر تحمل نخواهند کرد زیرا عرض کل صفحه این عناصر را شامل می شود.
- طول بخش اسکن در بخش های بزرگ متن تاثیر نمی گذارد، مهم نیست که مرورگر وب چقدر گسترده باشد.
مزایای طرح های مایع
- طرح عرض مایع گسترش می یابد و قرارداد برای پر کردن فضای موجود است.
- تمام املاک و مستغلات موجود استفاده شده است، به طراح اجازه می دهد تا محتوای بیشتری را در مانیتورهای بزرگ نمایش دهد، اما همچنان در صفحه نمایش های کوچکتر قابل استفاده است.
- پوسته های مایع در عرض نسبی سازگاری را ارائه می دهند، به این ترتیب صفحه به طور پویا به محدودیت های اعمال شده بر مشتری مثل اندازه های بزرگتر فونت پاسخ می دهد.
اشکالاتی را به طرح های عرض ثابت
- طرح بندی های عرض ثابت می تواند پیمایش افقی را در پنجره های مرورگر کوچکتر ایجاد کند. و اکثر مردم دوست ندارند به صورت افقی حرکت کنند.
- آنها همچنین می توانند در فضاهای بزرگ فضای خالی در مانیتورهای بزرگتر منجر شوند، و فضای زیادی استفاده نشده و پیمایش عمودی بیشتری نسبت به موارد دیگر ممکن است ضروری باشد.
- طرح بندی های عرض ثابت تغییرات مشتری را به اندازه فونت انجام نمی دهند. برای افزایش کوچک در اندازه قلم، آنها می توانند درست باشد، اما برای افزایش بزرگتر، طرح می تواند به خطر افتاده تبدیل شود.
معایب طرح های مایع
- پوسته های مایع اجازه می دهد کنترل بسیار کمی برای عرض عناصر مختلف صفحه داشته باشد.
- آنها می توانند در ستون های متن قرار بگیرند که به راحتی اسکن می شوند و یا در مرورگر های کوچکتر که برای کلمات بسیار واضح است بسیار کوچک است.
- پوسته های مایع می توانند مشکلاتی داشته باشند وقتی عنصر عرض ثابت مانند یک تصویر در داخل ستون مایع قرار می گیرد. اگر ستون بدون فضای کافی برای تصویر ارائه شود، بعضی از مرورگرها عرض ستون را بدون توجه به دستورالعمل طراح افزایش می دهند، در حالی که مرورگرهای دیگر در متن و تصاویر همپوشانی را برای رسیدن به درصد صحیح ایجاد می کنند.
نتیجه
بسیاری از سایت هایی که اطلاعات زیادی را در اختیار دارند تا فضای کمتری را در اختیار آنها قرار دهند، با طرح مایع خوب کار خواهند کرد. این به آنها اجازه می دهد تا از تمام املاک و مستغلات استفاده کنند که مانیتورهای بزرگتر در حین کوتاه کردن نمایش های کوچکتر ارائه می شوند.
سایت هایی که نیاز به کنترل دقیق بر نحوه نمایش صفحات در هر وضعیت دارند، می توانند از یک طرح عرض ثابت استفاده کنند. این اطمینان بیشتری را فراهم می آورد که نام تجاری وب سایت شما، بدون توجه به اندازه نمایشگر اندازه آن، قابل مشاهده است.
اولویت طرح
بسیاری از روش های ترکیبی را ترجیح می دهند. آنها دوست ندارند با استفاده از پوسته های مایع برای بلوک های بزرگ متن دوست نداشته باشند، زیرا این می تواند متن را در یک مانیتور کوچک قابل خواندن یا غیر قابل خواندن بر روی یک صفحه بزرگ قرار دهد. بنابراین آنها تمایل دارند که ستون اصلی صفحات یک عرض ثابت داشته باشند، اما سرصفحه، پاورقی و ستون های سمت را به گونه ای انعطاف پذیر تر می کنند تا املاک باقیمانده را باقی بگذارند و ظرفیت مرورگرهای بزرگتر را از دست ندهند.
برخی از سایت ها از اسکریپت ها برای تعیین اندازه پنجره مرورگر خود استفاده می کنند و سپس عناصر صفحه نمایش را تغییر می دهند. برای مثال، اگر شما یک سایت را در یک پنجره بسیار وسیع باز کنید، ممکن است یک ستون اضافی از لینک ها در سمت چپ دریافت کنید، که مشتریان با مانیتورهای کوچکتر ممکن است آن را ببینند. همچنین متن در اطراف تبلیغات بستگی دارد به اینکه پنجره مرورگر شما چقدر گسترده است. اگر به اندازه کافی گسترده باشد، متن آن را در اطراف آن قرار می دهد، در غیر این صورت، متن مقاله زیر آگهی نمایش داده خواهد شد. در حالی که اکثر سایت ها به این سطح پیچیدگی نیاز ندارند، این روش یک راه برای استفاده از صفحه های بزرگتر را بدون تأثیر نمایش روی صفحه های کوچکتر نشان می دهد.