Етапи створення макета сайту

Якщо ви Новомосковсклі мої статті на тему «Види макетів сайту», то ви повинні пам'ятати, що сучасні web-розробки передбачають розробку сайтів, які змінюють свої розміри в залежності від дозволу екрану монітора. Саме тому вибір розмірів макета сайту є однією з основних задач в донесенні загального дизайну сайту до людей, які продовжать створення сайту.

Етапи створення макета сайту

І так ви вирішили створювати макет сайту з фіксованою шириною. Як показує практика дозвіл монітора 1024х768рх - це дозвіл, яке на сьогоднішній день залишається одним з переважаючих. Тому, що б уникнути горизонтальної смуги прокрутки, ширина макета не повинна перевищувати розмір 1024рх. Однак якщо ми поставимо 1024рх, то при появі вертикальної смуги прокрутки відразу ж з'явиться і горизонтальна, тому що до 1024рх додасться 24рх, а саме ширина тієї самої вертикальної смуги прокрутки. Виходячи з усього цього і враховуючи, що ви можете помістити в рамку свій макет або додати зовнішню тінь, загальноприйнятою шириною макету є 960 - 980рх.

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

Етапи створення макета сайту

Ігнорувати таке правило і сподіватися на авось, я вважаю неприпустимо, тому підбирайте ширину майбутнього макета спираючись на можливості вашого монітора в першу чергу.

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

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

Етапи створення макета сайту

Якщо ж ширина комбінованого сайту буде змінюватися в певних межах, ну припустимо від 960 до 1900рх, то відповідно ширина макета може вибиратися, як я описував для гумових і еластичних сайтів. Додаткову інформацію щодо вибору розмірів макета для комбінованого сайту, так само можна знайти в статті «Види макетів сайту. Частина 5 Комбінований макет сайту ».

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