Дозвіл екрану при створенні дизайну сайту

Професійний дизайнер створює дизайн сайту, орієнтуючись на дозвіл екрана, яким користується переважна більшість аудиторії.

Яким повинен бути зроблений дизайн сайту, щоб ідеально відображатися на всіх екранах? Справа в тому, що у кожного з нас різні комп'ютери і різний дозвіл екрана. А це означає, що один і той же сайт все ми бачимо по-різному. Наприклад, якщо у вас дозвіл екрана 1920x1080 пікселів і ви намалюєте дизайн сайту з таким дозволом, "такий собі широкий дизайн", то у тих людей, у кого екран в ширину не 1920 пікселів, а 1 366 пікселів, ваш дизайн не поміститься. І людина, щоб побачити весь сайт, буде прокручувати вправо скролл. Значить, щоб догодити більшості людей, потрібно намалювати дизайн з таким дозволом, щоб він міг поміститися на екрані майже у всіх. На сьогоднішній день таким стандартом вважається дозвіл 1024x768 пікселів.

Стандарт 960 пікселів - вважається сьогодні світовим стандартом веб-дизайну, на який орієнтуються професійні веб-дизайнери. Цьому стандарту присвячений сайт 960.gs. на якому ви можете побачити приклади багатьох сайтів зі світовою популярністю, створених за даним стандартом. Для створення зручного, математично точного і пропорційно гармонійного дизайну сайту був створений інструмент, який називається "Модульна сітка". Модульну сітку застосовують для того, щоб в рамках неї малювати дизайн. Таким чином, досягається максимальна зручність і правильне розташування елементів дизайну. Завантажити шаблон модульної сітки можна за цим посиланням.

Фіксований і гумовий дизайн

Фіксований дизайн сайту - це дизайн, розмір якого чітко зафіксований по ширині, наприклад 1000 пікселів, або 800 пікселів.

Гумовий дизайн сайту - це дизайн, який приймає розмір екрану, тобто тягнеться. Такий тип дизайну, в основному, використовується для сайтів з великою відвідуваністю, сайтів, на яких потрібно на екрані розмістити дуже багато інформації.

Частково гумовий, частково фіксований дизайн сайту - це дизайн, який розтягується до певних меж, а потім фіксується.

Адаптивний дизайн сайту - це дизайн, намальований з урахуванням різних дозволів екрану. Грубо кажучи, малюється така кількість варіантів дизайну, скільки існує дозволів екрану. І браузер програмується і показує вам той дизайн сайту, який ідеально підходить під ваше дозвіл. При розробці самий трудомісткий варіант дизайну, так як вимагає малювання великої кількості макетів і їх адаптацію на сайті.

Найчастіше в розробці корпоративного сайту, інтернет-магазину, каталогу, сайту для бізнесу використовується фіксований дизайн сайту.

Плюси і мінуси гумового і фіксованого дизайну сайту

У гумовому дизайні складно красиво вибудувати контент і зображення. Якщо картинок п'ять в ряд при вирішенні 1024 пікселів виглядають акуратно, то при розширенні екрану праворуч утворюється порожнеча. Рядки та абзаци стають то коротше, то ширше, і візуально складно вибудувати гарні для сприйняття абзаци. У фіксованому нічого не скаче, і контент вибудовується акуратно і красиво.

У гумовому дизайні складно створити графічну шапку у вигляді красивої картинки або слайдер. так як такі речі найчастіше не розтягуються. Тому гумовий сайт, як правило не містить багато графіки, а часто вона практично відсутня.

Гумовий дизайн найчастіше вибирають ті, кому потрібно на екрані розмістити якомога більше інформації. Таким сайтам не підходить варіант, що праворуч і ліворуч залишається порожнеча у вигляді фону. Ці сайти використовують кожен піксель вільного простору.