Блог Игоря Штанга

Продолжаю серию статей про неудачные приемы верстки.

Когда дизайнеры впервые узнают о принципе модульности и о том, что прямоугольники нужно закрывать, они начинают прямоуголить всё что ни попадя. Например, ровнять правый край текста. Особенно часто так поступают с заголовками: разбивают на строки одинаковой длины, чтобы получился ровный прямоугольничек:




Или по-другому:




Иногда, конечно, так можно сделать, но превращать это в привычку не стоит. Правый край при флаговом наборе должен оставаться рваным, это его естественная форма:




То же касается и сборных модулей, и макета целиком. Слишком гладкий правый край делает верстку кирпичной:




Воздух справа — это дополнительный ритм и динамика. Даже такая неидеальная форма лучше вымученного прямоугольника:




См. также: Выключка по левому краю

Серия «Неудачные приемы верстки»
Горки текста
Ноги текста
Колонки разной ширины
Бутерброды текста
Картинка без модуля
Слишком ровный правый край

Чтобы люстра давала ровный и мягкий свет, нужно выбирать такую, у которой:
1) несколько лампочек
2) матовые плафоны, в идеале — молочные
3) плафоны направлены вверх

У меня дома приятней всего светит вот эта люстра. Фото совершенно не передает характер освещения, зато передает люстру:

Следующий мастер-класс пройдет с 8 по 27 февраля: vk.com/pereverstka_online




Влад Бастриков о «Большой переверстке» в декабре:

Очень долгое время читал статьи Игоря в блоге и смотрел выступления на различных конференциях, в итоге пошел на «Большую переверстку». Хочу сказать, что это был отличный месяц, потому что… я получил много нужной, новой и интересной информации, также систематизировал и скорректировал свои знания. Теперь я иначе смотрю на текст и работаю с ним намного смелее.

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

Другие отзывы

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

Линейка + линейка

Если встретились две линейки, они должны превратиться в одну, это понятно:





У «Победы» плохо:




( Collapse )

Переделываю рекламный банер:
— собираю этажную конструкцию
— разбираюсь с дырой в углу
— избавляюсь от нарочитой симметрии

Следующая «Большая переверстка» начнется 8 февраля: vk.com/pereverstka_online

Про дизайн интерьера:

1. Как живут коллекционеры: раз и два. (Спойлер: охуенно.)

2. Австрийский дизайнер Андреас Шайгер делает крутые предметы интерьера из старых велосипедов.

3. На сайте Rawpixel можно бесплатно и легально скачать старые картины, гравюры и орнаменты в хорошем качестве. Я скачал вот такие:

Демонтаж в старом фонде — очень ответственное мероприятие, особенно если вы хотите восстановить былую красоту. Расскажу, как всё прошло у меня.

Для начала убрали деревянную стену между кухней и залом. Прораб сказал, что она очень кривая и ее легче снести, чем выровнять. На ее месте построят новую из гипсокартона. Два года назад я хотел объединить кухню и зал, но пожил в квартире и понял, что с отдельной комнатой удобней.




( Collapse )

Переделываю слайд презентации:
— собираю колонтитул из разных кусков
— прижимаю текст к линейке
— упрощаю список
— убиваю второй заголовок
— группирую этажи

Следующая «Большая переверстка» начнется 8 февраля: vk.com/pereverstka_online

Переделываю обложку журнала:
— добавляю иконки
— объясняю, почему иконки слева лучше, чем справа
— ставлю заголовок на иллюстрацию, ввожу второй шрифт
— создаю вариативную модульную конструкцию
— рассказываю про контраст модулей

Следующая «Большая переверстка» начнется 7 декабря: vk.com/pereverstka_online

Сделали с Кириллом Беляевым айдентику для консалтинговой компании.




( Collapse )