Оформление с модульной сеткой, пример работы с ..

Автор: Erik Bauer

В дополнение к предыдущему посту покажу, как работать с модульной сеткой. Один из несложных вариантов. 

Это было когда то частью длиииинного поста. Тут покороче.

Такая сетка. 5х8 очень популярна. Есть еще 6х9...

Это золотое сечение, правило третей. 

А впрочем - экспериментируйте. 

Поделим изображение... Ну сколько там у нас частей у той инфы что мы решили поставить на наш дизайн. Поделим логично. Поделим в зависимости от заданной нами структуры документа. У меня несложный пример. 


Налепим таких блоков, как конструктор. 

Вообще, предварительно эскиз сделать от руки - полезно. 

Тут края листа не видны, они белые, но так же рамка как я описывал в предыдущем посте. Дизайн будем тоже делать примерно такой же. 

Начинаем заменять блоки контентом

Пробуем...

Ну ...хотя бы и вот так:


Обратите внимание, окончательный вариант я уже на глаз подкорректировал в плане расположения, повыше поднял надпись. То есть до фанатизма в подгонке по сетке не доходим. Она нам помогла и хорошо. 


Позже можно по готовому эскиза свои направляющие линии выстроить, для дальнейшего использования. 

....

Думаю такой урок вам ооооочень будет полезен. 


Успехов!☝

Эрик Б.

....

А потом уже очень легко так...на расслабоне себе лепить варианты....что то переставлять. Когда "готово уже"

+58
217

0 комментариев, по

1 754 134 508
Наверх Вниз