Адаптивная верстка - помогите сделать ТЗ

123 4
4
На сайте с 18.05.2011
Offline
116
3085

Нужен дизайн для веб-сервиса. А без хорошего ТЗ результат ХЗ. Помогите грамотно поставить задачу.

Вопрос 1 - разрешения

Наверное есть стандартный комплект разрешений экранов под которые делается дизайн. Наверное в этом аспекте мы в первую очередь говорим о ширине. Наверняка есть какие то обычаи/стандарты. Например:

1920 и больше

1280 - 1920

800 - 1280

меньше 800

Если такие стандарты есть, то подскажите знающие люди - какие они?

Вопрос 2 - dpi и мобильные устройства

Есть куча сайтов, которые определяют мобильные устройства и подсовывают отдельную версию сайта. Дело благое. Но заставь дурака Богу молиться... Зачастую это выглядит убого. Например на планшет с разрешением более 2000 по горизонтали и диагональю 10 дюймов подсовывают сайт, сделанный, наверное под 800 точек по ширине и дюйма 4 по диагонали.

Еще пример. Есть куча смартфонов с разрешением экрана FullHD и диагональю 5-6 дюймов. Конечно выводить на такой экран сайт (интерфейс), созданный для мониторов 20 и более дюймов - плохая затея. Управление пальцем точно будет невозможно.

По всей видимости нужно принимать во внимание не только разрешение экрана, но и DPI?

Как правильно определять устройства и сформулировать корректно задание для разработчика, чтобы было красиво и удобно?

SeVlad
На сайте с 03.11.2008
Offline
1609
#1

4kusnik, во избежание неприятностей - см правила раздела.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
4
На сайте с 18.05.2011
Offline
116
#2
SeVlad:
4kusnik, во избежание неприятностей - см правила раздела.

Это про мою вторую тему с просьбой посоветовать исполнителя?

Правильно ли я понял, что такую просьбу нужно публиковать тут: /ru/forum/webmasters-jobs/design ? Если нет, то прошу подсказать живой профильный раздел. Платность/бесплатность не важна - важно наличие там людей, которые могут посоветовать.

SeVlad
На сайте с 03.11.2008
Offline
1609
#3
4kusnik:
что такую просьбу нужно публиковать тут: /ru/forum/webmasters-jobs/design ?

Да, но читай там правила доступа к разделу.

4kusnik:
Платность/бесплатность не важна -

К сож, этот момент для запросов роли не играет :(

Playerror
На сайте с 28.09.2008
Offline
117
#4

Можно например взять брейкпоинты из Bootstrap 4 , это среднее по больнице для адаптивного сайта. Насчет DPI, нужно сказать дизайнеру, чтобы были картинки для ретины и верстальщику тоже.

@media all and (max-width: 1199px) { ... }

@media all and (max-width: 991px) { ... }

@media all and (max-width: 768px) { ... }

@media all and (max-width: 575px) { ... }

PS
На сайте с 07.06.2018
Offline
34
#5
Playerror:
Можно например взять брейкпоинты из Bootstrap 4 , это среднее по больнице для адаптивного сайта. Насчет DPI, нужно сказать дизайнеру, чтобы были картинки для ретины и верстальщику тоже.

@media all and (max-width: 1199px) { ... }
@media all and (max-width: 991px) { ... }
@media all and (max-width: 768px) { ... }
@media all and (max-width: 575px) { ... }

breakpoints

4
На сайте с 18.05.2011
Offline
116
#6

о, спасибо. бутстрап плохого вроде не должен советовать.

Если кто то считает, что бутстрап не прав, отпишитесь. Не сочтите за труд.

M
На сайте с 04.10.2011
Offline
90
#7
4kusnik:
бутстрап плохого вроде не должен советовать.

Верно. Но из личного опыта. Часто заказчик не понимает разницу между "резиновой" версткой и "контрольными" точками.

И начинаются претензии по поводу "корявых" верстальщиков и "расползающихся" сайтов на любимом телефоне с разрешением "мимо" контрольных точек.

П.С.

Это просто как совет. Для себя решите. Требования к "контрльным" точкам или полностью весь диапазон о нуля и до ....

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
4
На сайте с 18.05.2011
Offline
116
#8
mmkulikov:
Верно. Но из личного опыта. Часто заказчик не понимает разницу между "резиновой" версткой и "контрольными" точками.

Поясните )) Я тот самый непонимающий заказчик и есть. Но хочу разобраться, чтобы не мучить исполнителей. Для этого и создал тему.

M
На сайте с 04.10.2011
Offline
90
#9

4kusnik, ну вот пару статей (первые, что попались под руку)

http://vysokoff.ru/seo/seo-sovety/adaptiv-otzyvchivyi-rezinovyi-dizajn-sajta.html

http://shpargalkablog.ru/2013/06/layout.html

От себя. Суть в том, что прорисовывая дизайн в контрольных точках это никак не помогает понять ЧТО будет МЕЖДУ ними )) И это надо учитывать...

outtime
На сайте с 04.05.2008
Offline
197
#10

Мелкие ифоны и 320 пикселей требуют, а штатного бутстрапа под них не хватает нифига.

Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий