Анон, помоги! Не могу понять как делать в фотошопе макеты для адаптивного веб дизайна. И вообще не могу понять, как делаются эти модульные сетки. Все везде по разному говорят. Допустим я верстаю под экран 1366 px. Мне надо брать ширину для контента 960 px? В одних уроках 960, в других 970, в третьих вообще 1000. Я не могу понять. А для экранов телефонов какую ширину для контента брать? И на сколько колонок разбивать? Мне, я так понял сначала нужно создавать дизан для самого маленького экрана, и потом по возрастанию. В общем объясни, пожалуйста.
222
22222
>>43870 (OP)>сначала нужноПройти какой-нибудь курс по верстке.
>>43878при чем тут верстка? я макет рисую в фотошопе
я ошибся в оп посте. Я не верстаю, а рисую. простите
1123
//
...
бамп
>>43879Если хочешь реально тру дизигнером стать, учи верстку хоть на базовом уровне. Важно хотя бы немного понимать как оно работает.Поверь, оно того стоит. И верстальщики, с кем ты работать будешь очень оценят.А потом, может и сам себе версталой станешь, если затянет это дело.960 конечно устаревший стандарт, вообще на каждый проект договариваться надо насчет ширины.Я год занимался дизайном сайтов и так и не нашел универсальной ширины макета для респонсив верстки. Так что забей
>>43888>>43888то есть ширина контента не важна?
>>43892Фикс делает только быдло ебаное.
А поясните за относительный размер и все такое. В общем мне где-то попадался коммент, может быть даже в этом разделе, что из-за разных плотностей пикселей и кучи разных экранов в нашем мире все нормальные люди сейчас верстают вообще не привязываясь к ширине в пикселях. То есть как шрифты задаются em'ами, так и страница верстается относительной ширины. Разъясните плиз этот момент. Для конкретики поясню на своем примере: я делаю один проект, где есть создание определенной карточки-анкеты. Это создание пошаговое, а заказчик хочет, чтобы каждый шаг умещался в одном экране без скролла. При этом он меня запарил с темой, что сейчас подавляющее большинство смотрит сайты в 150% масштабе (тк ноутбуки) и поэтому просит делать макеты с учетом этого увеличения. Наверное написал много и непонятно, просто поднимаю тему тогда. Поясните кароч за первые шаги, с которых начинается рисование макета.
А еще что делать с иконками и прочим говном? Если иконки не векторные. Как быть со всеми этими ретинами и телефонами?
>>44126Тут два стула: либо уговаривать на вектор, либо мыло на ретине при масштабе 200%
>>44137А если это сложные растровые пиктограммы? В вектор не перевести. Делать несколько размеров?
>>43870 (OP)Я в Люстре делаю так(там проще сетки делать):1) Беру за основу размер рабочей площади под веб 960пх, потом делаю под планшет, потом моб. версию. (ща размеры не помню, но они есть в нете) 2) Делаю сетку для веб версии (10-12 колонок с 10 пх отступами) под планшет получается где то 8 колонок, т.е. разрешение планшета это минимальное колличество воздуха до перехода в разрешение телефона3) Потом моб версию. Где то 3 колонки получается.Потом рисую под веб, копирую - скейлю под планшет. Потом моб версия.
