Технические особенности разрешения окон приложений - vkontakte.ru

Материал из AOW

Социальная сеть vkontakte.ru рекомендует использовать размер окна 807x730. Однако, т.к. все остальные соц.сети поддерживают максимум 760 пикселей ширину, необходимо разрабатывать приложения исходя из размера 760 пикселей в ширину. Что касается высоты, надо учитывать что игровое поле, на котором происходит экшн должно полностью помещаться в 600 пикселов по высоте, чтобы . (т.к. большое количество нетбуков с вертикальным разрешением 768, минус 168 пикселов в среднем под шапку и дно браузера).

   

Прелоадер мы делаем 760x760 т.к. в квадрат легче скомпоновать сюжет, + нет проблем если будет чуть-чуть вылазить на малых экранах т.к. это прелоадер.

Так же, помимо игрового поля с экшном нужно разместить список друзей, уведомления и прочее, это можно сделать снизу игрового контейнера, ничего страшного что будет вылазить за пределы видимой области. Например мы хотим добавить ленту друзей 160px, сообщения 160px, итого у нас контейнер получится высотой 600px+160px+160px = 920px и шириной 760px.

160px по высоте мы выбрали для четности, чтобы экран со списком друзей был 760px и окно получалось квадратным.

Если в игровом окне нет экшна или требования к вертикальному разрещению не так высоки, то, можно попытаться вместить полосу друзей в 600px

Однако, если требуется дополнительная информация, то она уже в любом случае будет за пределами экрана браузера и потребуется прокрутка по вертикали.