Разделителна способност на екрана и оформлението на страницата

Резюме. оптимизиране на уеб страници, за да се поберат 1024x768, но се използва плаващ дизайн, който се простира точно под всякаква резолюция - от 800x600 до 1280x1024.

Един от най-често задаваните въпроси в моя курс по "Уеб" - "При какви резолюция трябва да правим своите проекти?" Пълният отговор е малко сложно, но основните съвети са очевидни:

Оптимизиране за 1024x768 - това е най-често срещаният размер на екрана. Разбира се, вие трябва да отидете до разделителната способност на екрана на вашата целева аудитория, така и в бъдеще, размер ще се промени. Размер може вече да е различно, ако, да речем, вие създавате интранет за компания, която предлага на своите служители с големи монитори.
Не е необходимо да се създаде сайт само под определен размер на екрана. Тъй като размерите на потребителското екраните варират. Самите много разлика, тъй като потребителите не винаги "максимално" браузърите си (особено ако те имат големи екрани).
Използвайте "плаващ" дизайн. който се протегна за размера на прозореца специфичен потребителя (избягвайте статичните модели, които винаги са с еднакъв размер).

Към днешна дата, около 60% от всички монитори са определени в резолюция 1024x768 пиксела. За сравнение - около 17% сложи 800x600, така че е ясно, че не е толкова важно да се стреми към потребители с малки дисплеи. Също така е очевидно, че никой не може да се игнорира 17% и да предостави на своите потребители с оформление на страница, която изисква повече пространство, отколкото потребителят има всъщност.

Оптимизиран за 1024x768

Когато казвам "оптимизация", искам да кажа, че страницата ви трябва да изглежда и да работи оптимално на най-общото определение. В този случай той трябва да изглежда добре и да работят по други измерения, така че аз препоръчвам "плаващ" дизайн. Но това трябва да бъде най-добрият в 1024x768.

Трите най-важни критерии за оптимизиране на уеб страници за определен размер на екрана:

Първоначалният преглед. види дали потребителите са ключова информация, без да превъртат? Това е компромис между броя на показаните елементи и как подробна информация за всеки елемент.
Четливост. колко лесно е да се чете текста в различни колони с определена ширина?
Естетика. колко добре изглежда страницата ви, когато всички елементи на правилния размер и на правилното място? Дали всички елементи са правилно подравнени - например, дали подписът в непосредствена близост до снимката, и така нататък?

Трябва да се има предвид тези три критерия за всички възможни резолюции, постоянно се променя размера на прозореца на браузъра от 800x600 до 1280h1204. Всичко трябва да изглежда най-високо ниво на всички резолюции.

Също така, вашия сайт трябва да работи с по-малки и по-големи размери, но тези ситуации са по-малко критични. По-малко от половин процент от потребителите работят с резолюция от 640x480. В този случай, за тези потребители към вашия уеб сайт трябва да се появи с напълно приемливи отклонения.

Както първия критерий - винаги трябва да се вземат под внимание за превъртане на страниците. Обикновено потребителите не обичат превъртане (в новата ми книга е описано подробно, заедно със статистика, които показват колко потребители преминете различни видове страници). Така че, когато проектирате, трябва да помислите колко информация потребителите ще видим дали ще преминете един или два на цял екран.

Преминаващ и първоначален преглед, зависи от размера на екрана: колкото по-голям екран, колкото повече информация, това показва, и толкова по-малко трябва да направите завъртания. Тук би трябвало да се направи оптимизация за 1024x768: да покаже най-важния материал без да се налага да преминете през (заедно с необходимостта да се гарантира, че важна информация остава видима при 800x600).

големи екрани

Много потребители са с големи екрани. Понастоящем около 18% използват най-малко равна на резолюцията на 1280x1024 пиксела. Процент на потребителите, с големи екрани се разраства, но не толкова, колкото бих искал.

Големи монитори - най-лесният начин да се подобри ефективността, както и всеки, който печели най-малко $ 50 000 на година, трябва да има разделителна способност на екрана от поне 1600x1200. дисплей с плосък панел с резолюция по-малко от $ 500 струва. Така че, докато големи дисплеи увеличи производителността с най-малко 0,5%, ще си възстановят инвестициите си на по-малко от една година (типични корпоративни режийни разходи удвояват персонал на компанията, винаги помнете, че по никакъв изчисляване на изпълнение е необходимо да се използва стойността на работата, а не заплата).

Аз лично ползване на дисплея с резолюция от 2048x1536 пиксела, а аз дори не го наричат голям монитор. През следващите 10 години, аз очаквам, че използването на монитори 5000h3000 станала обичайно, поне сред професионалистите.

Започвайки с 1600x1200, потребителите рядко се простират техните браузъри на цял екран, защото няколко интернет страници, работят добре на такива решения. Големите прозорци - това е магия, когато се работи с електронни таблици, графичен дизайн, както и много други задачи, но не и с тази парадигма на интернет сайтове. Днес интернет потребители с големи екрани използват допълнително свободно място на множество прозорци и паралелно сърфиране в Интернет.

В бъдеще, моля интернет потребителите, най-вероятно ще се нуждаят отделни страници, както и някои други парадигма. Или може би дори метафора, като новини, хартия или друг таблото, ще се прояви в най-добрата светлина.

Във всеки случай, необходимостта от нова парадигма няма да се промени тези препоръки: оптимизиране на 1024x768, но не се създаде дизайн само за този размер. На страниците Ви трябва да работи по всяко резолюция от 800x600 до 1280x1024 или повече.