Каква трябва да бъде стандартната ширина на сайта?
Бърза навигация в страницата:
- За важността на въпроса
- Ние изчисляваме оптималния вариант
- Защо 960 се използва често?
- Внимавайте с гуменото оформление
Има ли общоприета стандартна ширина на сайта? Какво трябва да бъде? Има ли специфики за различните проекти? Много пъти съм си задавал тези въпроси, сега ще се опитам да им отговоря въз основа на натрупания опит и масата информация, прочетена в интернет.
За важността на въпроса
Ако и вие сте задавали или си задавате същия въпрос, това означава, че сте на прав път, защото всъщност ширината на страницата на сайта е от ключово значение при неговия дизайн.
Факт е, че ако избраната от вас ширина е по-голяма от разделителната способност на екрана на посетителя, сайтът няма да се побере изцяло в браузъра, ще се появи хоризонтална лента за превъртане. В резултат на това потребителят няма да види част от информацията или ще му бъде неудобно да работи с вашия проект. Резултатът ще бъде един - намаляване на поведенческите фактори.
Ако, напротив, зададете твърде малка ширина, особено ако има много малка част от съдържанието, тогава отново вашият сайт ще изглежда тромав и неудобен. Опитайте да проверите сайта в различни резолюции и се убедете сами.
И така, каква трябва да бъде ширината на сайта в пиксели?
Ние изчисляваме оптималния вариант
За да отговорите правилно на този въпрос, трябва да се обърнете към статистиката.
За моя проект, към момента на писане на статията, услугата Liveinternet издаде следната статистика (показани са редовете с дял в статистиката над 5 процента):
- 1366?768 — 23,7%
- 1280?1024 — 15,1%
- 1024?768 — 14,7%
- 1280?800 — 9,5%
- 1920?1080 — 8,4%
- 640?480 — 6,2%
- 1600?1200 — 5,9%
Както се вижда от статистиката, по-голямата част от потребителите използват монитори с резолюция от 1280 пиксела по ширина или по-висока. Въпреки това, забележете линията с удебелен шрифт: 14,7% има разделителна способност от 1024 пиксела. Това е средно един на всеки шест/седем потребители – доста голям процент, който има смисъл да се вземе предвид.
Въз основа на това ширината на вашия сайт не трябва да надвишава 1024 пиксела, в противен случай на всеки шести посетител ще му е неудобно да използва вашия проект.
Въпреки това, 1024 пиксела е разделителната способност на монитора и всъщност площта на страницата в браузъра е по-малка, тъй като част от екрана се консумира от лентата за превъртане (превъртане), което е около 24 пиксела.
Така че нашата страница трябва да се отваря не повече от 1000 пиксела. Често дизайнери или клиенти вземат още 20 пиксела в резерв и правят сайт на 980 px.
Следователно най-оптималната ширина е 980-1000 px.
Защо 960 се използва често?
Ако погледнете шаблоните за WordPress (както и за много други CMS), ще забележите, че много от тях са ориентирани към 960 пиксела.
Защо да се отклонявате от оптималния вариант в по-малка посока? Тук трябва да се отбележи, че 960 е много "удобно число" математически, тъй като, за разлика от 980, то се дели на всяко от тези числа: 6, 8, 12, 16, 24 (и съответно на много други).
Това е удобно за създаване на дизайн според така наречената "система на мрежата" - когато при създаването на оформлението се разделя мислено на 6/8/12 и т.н. части и всички блокове на оформлението се подреждат по тези линии - оказва се симетрично и красиво (повече подробности това е написано на 960.gs и други ресурси).
Ако направите или поръчате дизайн от нулата и просто искате,например частта със съдържанието заемаше 600 пиксела и имаше странична лента вдясно - тогава трябва да се съсредоточите върху мрежовата система и 960 пиксела.
Внимавайте с гуменото оформление
В известен смисъл решението на този проблем е гумено оформление - ширината на страницата се разтяга до ширината на екрана, така че всички опции за показване се вземат предвид предварително.
Въпреки това, по мое субективно мнение, неограниченото гумено оформление е зло, защото на дисплей с резолюция над 2000 пиксела целият ви текст ще бъде разпънат на няколко дълги реда, които ще бъдат трудни за четене.
Представете си, че четете книга, в която един ред е дълъг, да речем, седемдесет сантиметра или един метър. Ще ви бъде ли удобно да го прочетете? Мисля, че не, защото не напразно самият формат на книгата не предвижда средно повече от 60-80 знака на един ред. Затова не бих препоръчал такава технология за създаване на сайт.
Затова, ако правите или поръчвате гумен макет, внимавайте за посетителя – задайте лимит от около 1200-1300 px като максимална ширина на вашата страница.