Как настроить онлайн-сетки для настольного веб-дизайна и мобильного веб-дизайна в Photoshop?

В Интернете есть много хороших сеток (1200px.com, unsemantic.com), которые можно скачать в формате PSD и использовать в веб-дизайне в Photoshop. Теперь у меня 2 вопроса в связи с этим:

  1. Когда я применяю этот шаблон в своем документе Photoshop, у них маленькие поля справа и слева, как мне настроить такие шаблоны под свои нужды, потому что я хочу БОЛЬШЕ свободного пространства, а не 5-10 пикселей, как в шаблонах? (мне перейти к размеру холста и увеличить размер холста с обеих сторон или что-то еще?)

  2. Как использовать тот же шаблон сетки из 12 столбцов для мобильного веб-дизайна?

Может быть, я думаю в неправильном направлении, я просто запутался, ваша помощь будет оценена по достоинству.

Ответы (2)

как мне настроить такие шаблоны под свои нужды, потому что я хочу БОЛЬШЕ пустого пространства

Griddify — это бесплатный плагин для PS, который позволяет вам легко создавать собственные сетки с колонками и пробелами.

Как использовать тот же шаблон сетки из 12 столбцов для мобильного веб-дизайна?

Просто настройте параметры в соответствии с вашим новым размером экрана.

Как писал Afterteam , Griddify — классный плагин.

Вы также можете использовать:

Если у вас есть Photoshop CC, перейдите в View\New Guide Layout и выберите свои измерения, которые вы хотите использовать :)

Ваш второй вопрос можно решить двумя способами:

  • опять же как Afterteam написал :)
  • установить меньшее количество столбцов (такой же размер, как в представлении для настольных компьютеров) для мобильных устройств (пример: рабочий стол: 12 столбцов, планшет 8 столбцов, мобильные 3 столбца)