0

Вопрос уже 100 раз обговаривался,но никак не могу разобраться в нем окончательно.

По сему, прошу знающих подсказать и объяснить моменты.

Мне нужно сделать приложение для смартфонов и планшетов.

Дизайнер задал вопросы:

1. Какое разрешение макета рисовать ?
2. С какого разрешения до какого двигаться ?

Как ответить на эти вопрос ?

Ссылки на доку Screen Sizes знаю, но не помогли..

2 ответа 2

1

Средства Android позволяют из одной картинки сделать картинки под все разрешения, поэтому напрашивается ответ, что самого максимального, но вообще можно ограничиться Full HD и из него по средствам ImageAsset, также можно использовать VectorAsset, но это уже для минимум 21 версии андрюхи, а векторное изображение насколько мне известно подгоняется и масштабируется под все экраны само и без всяких проблем, что экономит ресурсы. В любом случае в интернете есть ресурсы, которые позволяют сразу нарезать из картинки нужные под нужные разрешения, а также есть плагин для фотошопа, который делает тоже самое

6
  • "самого максимального" это какого?)
    – researcher
    7 дек 2015 в 15:07
  • Я же написал, что Full HD можно ограничится и нарезать его потом под все остальные спец. плагинами или ресурсами
    – BORSHEVIK
    7 дек 2015 в 15:08
  • @researcher Вы поймите, что тут не дело даже в разрешении, всё равно ресурсы или плагин нарежут нужное, просто чем больше изначальное разрешение, тем лучше оно будет выглядеть даже в мелких разрешениях
    – BORSHEVIK
    7 дек 2015 в 15:09
  • т.е. говорить дизайнеру, чтобы макет рисовала с разрешением 1920×1080? А потом все кнопки-фоны и тд дизайнер нарежит на более мелкие, да ?
    – researcher
    7 дек 2015 в 15:23
  • Full HD какое-то почти квадратное выходит..
    – researcher
    7 дек 2015 в 16:38
-1

Минимальная ширина 360px, максимальная Full HD 1920px. До 2K-4K мониторов еще мало кто дорос.

Использовать стиль display:inline-block для каждого блока так, чтобы при сжатии экрана блоки становились друг под друга, пользоваться комбинацией max-width:..px и width:100%; height иногда можно ставить в auto.

Для изображений лучше использовать width или height в значении auto, либо оформлять картинки как div с background:url(../url.jpg) no-repeat center center / cover; При таком оформлении происходит обрезка не вмещающихся краев либо по высоте, либо по ширине, но часто это не важно.

Можно использовать media queries, например или @media (min-width: 1024px) {}

И на мой взгляд достаточно 3-х вариантов: 360px для вертикальных мобильников, 1024px для планшетов и основного css.

2
  • спасибо за отклик. Но по моему Вы немного не о том.. Вы про ВЕБ-дизайн ?
    – researcher
    7 дек 2015 в 15:28
  • Извините, если не то
    – maxkuku
    7 дек 2015 в 15:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.