Оформление. Модульные сетки. Вводный урок в картинках. Кратко в трех + 2 примерах. Самым начинающим.
Автор: Erik BauerКогда-то писал про это для начала
https://author.today/post/125542
Вот решил показать как это работает, сегодня самое простое и базис.
Вот я нашел подходящую модульную сетку.
Тут правда немного узковаты промежутки между линиями....наверно это для большого плаката. Я делаю пошире, хорошо ставить текст рядом у какой то плоскости. Край картинки по одной линии, текст по другой. Тут я чуток отодвинул подальше. Мы ж не фанатики, правильно?
И вот я сделал вам простые вводные примеры для первого общего впечатления и ориентации.
....1....
....2...
....3...
....4....
....5...
Вот вариант с фоном, но ровный фон тут был бы достаточен.
....
Модульные сетки... это такая такая помощь, такая великая тайна дизайнера...
Ооооо!!!!
....
Когда то их рисовали синими линиями на большооом монтажном столе... Оно потом уменьшалось и было потому ровно и склеек не видно. И линии синие не оставались на снимке.
Вклеивали картинки...тексты из наборной машины тож вклеивали...
Потом фоткали ..и из этого делали печатные платы...
.....
Переписка Энгельса с Кауцким:
Красиво, но недоступно))
Erik Bauer (подозрительно смотрит) (думает: "она издевается")
Наталья!!!! Я буду ныть пока не станет доступно.
По сетке объекты располагаем.... И приходит к нам щасте!!!️
А сетка - её вообще надо по уму - по золотому сечению.
Но их по первости лучше себе готовые накачать.
Я блондинка
Блондинка. .
Ааа! Да...я вижу, ага. Ща, переключаюсь...
.....
Ровненько штобы!
Красота, особенно с цветочками)
Ну дык... Ага ..хыыы!
Я на первых покрутил....поучил...
И разогретый стал творить.
....
Там видно да ..оно то сам сложная форма, но все равно мы как квадратный модуль думаем в голове!
️
Вот - первые с углами, и ну как бы не обязательно чтоб были углы видимые. Но они естн в уме!
Во ага!
Наш урооок!
Красиво, но недоступно))
Наталья!!!! Я буду ныть пока не станет доступно.
По сетке объекты располагаем.... И приходит к нам щасте!!!
️
А сетка - её вообще надо по уму - по золотому сечению.
Но их по первости лучше себе накачать.
Хоббит красивый. Ноги такие волосатые, какими и должны быть ноги правильного хоббита.
Ой! Оценили моего моделя


Ну и стоит "...della masculina"
(Хотя это я уж потом придумал когда первую попавшую картинку ткнул..
)
Вот последняя - самый шик! Строго, но с изюминкой. Ярко, но без пёстрости и тем более кислоты. Золотое сечение вполне угадывается, придавая завершенность, когда не убавить, ни отнять. А уж выверенность и цветосочетание шрифтов - просто образец.
Ты - Мастер!
Данке...

Ну показать надо было на разных примерах... непременно чтоб сначала ровные модули.
Чтоб оно лучше в голову зашло...
....
То есть...ну а потом объект. Сам неровный ....но "квадрат в голове"
️
.....
На модулях сначала ярко выраженной формой и потом вот так же - но уже начинаем серьезно и изысканно, ага. Вот хорошо, что именно это было понятно.... Что я поучил на первых примерах, и потом мы начали творить.
Вот в хорошие руки попал мой урок.
Ой я кайфую...
....
Да! Да!
По золотому сечению кстати сетку делать то ...
Ну и вооооооот - потом все стоит как будто так и було.
А если многостраничный - все один к одному, в едином ритме при этом...
Не "прыгает"... Не раздражает глаз.
И когда ЗС - то и ещё как маслом по сознанию.

Вот. Строго но с ..
И это все сетка!!!
️
По ней ставим и не надо пестрить. Само красиво ..уже расположение все сделало. Вот в чем фишка то...
Мне ботаника шибко понравилась!
А правда неплохо да!?
Так довольно элегантный макет...и эти гербарии в страницах .
Смотри вот шаблон под разворот, с корешком (обложка для печати) - направляющие сожрались, правда.где затерялась половинка не помню. в файлах...
Хочу рекомедацию с идеями и примерами (для Апостолов секты шопофота) и на 2х пальцев чтоб понять принцип.
Это обложка?
Ну смотри...тексты за рамку не выводить...и важна информация внутри....
То что на край - внахлёст, чтоб на обрез было...
Вот сетку делают как бы внутри этого поля ..
Пока на скорую...
Это даже без сетки только по самому полю..
Вот ещё....
И тут снова неважно в чем ты делаешь ...
......
Ну прям балдею от урока! Спасибо!
Вот я так доволен, что помогает.
....
Сетки - это такая такая помощь, такая великая тайна дизайнера...
Ооооо!!!!
....
Когда то их рисовали синими линиями на большооом монтажном столе... Оно потом уменьшалось и было потому ровно и склеек не видно. И линии синие не оставались на снимке.
Вклеивали картинки...тексты из наборной машины тож вклеивали...
Потом фоткали ..и из этого делали печатные платы...
На макете обложки делаем рамку, которую потом уберём. За рамку текст и рисунки не выходят
Пропорции рамки рассчитываем на основе приведённой сетки. Так?
Ну там рамки и сетки невидимыми в печати линиями... Э о там в программе. Их не видно в готовом.
Пропорции рамки на основе принципа построения Satzspiegel, а сетку - в рамке...
.....
Все гениальное просто... но! Я так не умею.
Ну... Разметка просто, для хорошей ориентации... Поля и внутри квадратики..
Вы хулиганил делал прямоугольники узкие такие...мне было ваще удобно...
Вот я и рассказываю потихоньку...
Это в общем обзор.
....
Надо поискать про "модульные" сетки..., про разметку на макетах.
....
Там эти двойные линии важно...
....
Оно если брошюры какие - все объекты хорошо стоят в одном ритме и не скачут неравномерно..
Это из вспомогательных линий сеточка.
В индизайн можно сгенерировать. Не ручками..
А в Фотошопе не знаю, так, вручную...там линейку по краям включить и эти линии из под неё вытягивать....
......
Можно вольно, без особых расчетов себе сделать..