Як комбінувати ритми колонкових сіток

Дуже у небагатьох хлопців зустрічається комбінування відразу кількох колонкових сіток в одному блоці. Як тут, наприклад.

Тут по дві сітки за кожен блок. Самі сітки легко виявляються, але принцип їхнього комбінування ніяк не можу схопити.

Виглядає дуже круто, просто алхімія. схоже на поліритмію у музиці. Підозрюю, що комбінування ритмів дає чари скрізь, а не тільки в сітках і в музиці.

Мені здається, ви даремно гіпнотизуєтеся колоночками. З власного досвіду можу сказати, що це не наблизить вас до розуміння верстки.

Дизайнер, загіпнотизований модульною сіткою, неминуче складає таку конструкцію:

А читач сприймає ритм однакових колонок як сигнал – тут елементи з одного тесту. І намагається зіставити:
офісні меблі - за розміром офісу;
кабінети керівника - по виробниках;
офісні крісла - за вартістю;
а також у нас є ми знайшли.

На жаль, абсолютно провальна по сприйняттю та читабельності газета.

Якими товстими лінійками не поділяй, око все одно об'єднає елементи за розміром та ритмом:

Сторінку організовано простіше нікуди: передовиця згори, дві нотатки знизу, у бічній колонці — новини.

Просте правило хорошої верстки – не повторювати ритм на сусідніх поверхах:

Коментарі

Артем, а як бути, якщо тексту дуже багато?

На сайті Епла тексту не так багато, а якщо це газета, наприклад? На Ленте.ру по вертикалі три колонки, але по висоті вони різні, і все виглядає добре, а як бути, якщо колонки однакової висоти і ширини?

Романе, відповідь на ваше запитання дуже проста — не робити колонки однакової висоти та ширини.Навіщо ви самі себе заганяєте у межі? Не люблю це говорити, але пограйте з контентом, з версткою. Я у своєму дизайні вирішив цю проблему ось так: http://www.bitrete.ru/about

Артем, дякую за пораду. Так, дивно, що Віньєллі не помітив, що його геометричність вбила читальність.

Я розумію, що схожі за ритмом блоки змішуватимуться. І треба їх робити не дуже схожими.

Але питання було трохи в іншому. Я про випадок, коли в рамках одного горизонтального блоку змішуються два різні ритми і виходить диво. Скажімо, стоять дві колонки із трьох, а замість третьої стоїть остання з п'яти (ілюстрація).

Очевидно, що просто змішати два ритми – вже відмінний прийом. Я ж хотів дізнатися, може, є ще настанови для цього.

Вітаю! Потрапив у таку ситуацію, де замовник знайомий з деякими принципами дизайну та верстки, але у нього суто своє уявлення про те, як користуватися модульною сіткою, що правильно, а що ні.

Він вимагає від мене, щоб у макеті сайту все було вирівняно по сітці. Аж до повного абсурду (наприклад елементи з лівою вимиканням типу заголовків і номерів мають бути вирівняні не лише з лівої, а й з правої сторони, тобто заповнювати певний простір по колонках). Також він манкує принципами відносин та вільного простору між блоками.

В результаті він забракував уже три макети, мотивуючи тим, що там «все не по сітці». логічні доводи слухати не хоче, каже, що це все мої креативні загони, мовляв, треба робити за правилами. Вже приклади з книг наводив, і ваш сайт, він мене не слухає, зламав мені мозок.

Чи можливо йому двома словами все ж таки роз'яснити, як працюють сітки? І що допустимо. Приклад сайту Епл дуже надихнув, спробую, може йому показати.

Як верстати текстові блоки із ілюстраціями?