وب سایت های ساختارهای متفاوتی دارند. با این حال برخی قسمت های مشخصی در کلیه وب سایت ها وجود دارد. قسمت هایی نظیر فوتر، هدر و تصویر اسلاید شو صفحه اصلی؛ که البته در سال های اخیر خیلی ها ترجیح می دهند به جای چند تصویراسلاید شو، از تصویر تکی استفاده کنند. واضح است که اندازه هر یک ازاین المان ها را می توانید به صورت دلخواه تعیین کنید. اما استاندارد و الگوی توصیه شده ای برای هریک وجود دارد. در ادامه این استانداردها را در غالب ابعاد و اندازه ها بررسی می کنیم:
- هدر (Header):
- ارتفاع: ۶۰ تا ۱۰۰ پیکسل
- عرض: ۱۰۰% (تمام عرض صفحه)
- اسلاید شو صفحه اصلی :
- ارتفاع در نمایشگرهای متوسط و بزرگ: ۶۰۰ تا ۸۰۰ پیکسل
- عرض: ۱۹۲۰ پیکسل برای نمایشگرهای بزرگ، ۱۲۰۰ پیکسل برای نمایشگرهای متوسط،
- تبلت ۷۶۸ تا ۱۰۲۶ عرض- ارتفاع ۴۰۰ تا ۶۰۰ پیکسل
- موبایل ۴۸۰ تا ۷۶۸ عرض- ارتفاع ۳۰۰ تا ۵۰۰ پیکسل
- فوتر (Footer):
- ارتفاع: ۳۰ تا ۸۰ پیکسل
- عرض: ۱۰۰% (تمام عرض صفحه)
- محتوا (Content Area):
- عرض: معمولاً ۹۶۰ تا ۱۲۰۰ پیکسل برای طراحی‌های ثابت، و ۱۰۰% برای طراحی‌های ریسپانسیو.
- ارتفاع: بسته به محتوا
- نوار کناری (Sidebar):
- عرض: ۲۵۰ تا ۳۰۰ پیکسل
- ارتفاع: معمولاً برابر با ارتفاع محتوای اصلی
- فضای بین خطوط (Line Height):
- ۱٫۵ تا ۱٫۸ برابر اندازه فونت برای بهبود خوانایی
این اندازه‌ها می‌توانند بسته به نوع وب‌سایت و طراحی خاص آن متغیر باشند، اما این مقادیر به‌عنوان یک نقطه شروع خوب شناخته می‌شوند.
