Модульные сетки и колонки

Сложность работы с системой сеток на веб страницах, в количестве колонок.

Обычно я продвигаюсь туда и сюда между создаваемыми органическими макетами с интуитивными пропорциями и создаю сетку, на которой смогу расположить различные элементы. В последнее время я был более заинтересован в последнем. Часто я ловил себя на мысли, что высчитываю сколько будет 750 разделить на 3 минус 2 равных поля по 10px.

Одна из самых больших проблем в работе с сетками в веб-страницах заключается в том, что вы чаще всего не делаете ничего с вертикальными пропорциями. Часто ваш контент динамичен и поэтому лучший способ сделать это на глаз. Добавляя компенсацию эффекта масштабирования и достаточно просто потерять любой видимый контроль на пути к расширению макета к низу.

Фокусируйтесь на обычном горизонтальном расположении, что обычно означает колонки. (Кстати, если вы всегда удивляетесь почему фиксированные макеты так популярны среди дизайнеров, это во многом объясняется тем что — это ужасно сложно построить любые формы сетки если вы теряете контроль над пропорциями в обоих направлениях сразу).

1 колонка

1 Column

Для простоты начнём с одноколоночного макета, который берёт начало у истоков веба. 1994-й дал нам серый фон и чёрный шрифт Times в одиночных колонках до самого низу окна браузера, одна-колонка наиболее примитивная форма из возможных (хотя назвать её так можно с натяжкой. Смотрите: ранняя версия Yahoo). Они отлично развились с тех пор и некоторые недавние переделывания сделали их ещё лучше.
Читать далее Модульные сетки и колонки

FacebookTwitterGoogle+VKПоделиться

Вылетает Фотошоп при закрытии файла | Решение для Photoshop CC 2015

Недавно у Фотошопа вышло обновление, Adobe выкатили новую версию Photshop CC 2015. Поэтому срочно и неотложно, про проблему с вылетами :(
Читать далее Вылетает Фотошоп при закрытии файла | Решение для Photoshop CC 2015