?

Log in

No account? Create an account

nobelfaik


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

light gray is the new white, dark gray is the new black


Отступы в списках
nobelfaik
На курсе я рассказываю про верстку списков, и меня часто спрашивают, нужно ли прижимать первый пункт к верхнему абзацу. Вот так:


Читать дальше...Свернуть )

Переверстка №25. Табличка в парке Гагарина
nobelfaik
Мне написал Лев Владов, руководитель движения «Челябинский урбанист», и попросил переделать табличку в парке Гагарина.

Я хочу показать людям, что таблички в лесу могут быть красивыми. Сможешь ее переверстать?


Читать дальше...Свернуть )

Селитесь в центре города
nobelfaik
Недавно я переехал из спального района в центр города и не нарадуюсь.

1. Теперь не нужно «ездить в центр». Вообще не нужно никуда ездить, потому что можно дойти пешком. Важные заведения рядом, мероприятия проходят тут же. Теперь все ездят ко мне.

2. Центр красивый. Даже в ущербных городах вроде Челябинска он выглядят прилично. За ним следят лучше, чем за отдаленными районами. Историческую застройку обычно не трогают, потому что нельзя. У нас скоро саммит, и что приводят в порядок в первую очередь? Конечно, центр.

Кажется, еще неплохо жить за городом, но про такую жизнь я ничего не знаю.

Троечка ссылок — 39
nobelfaik
1. У Бетани Хек вышла новая большая статья под названием Structural Typography. Автор рассказала, как собрать хорошую типографическую композицию. Ниже несколько цитат.

Пляшите от главного и большого:
Design can often be tackled in a cascading fashion. If your design is best served by a single focal point, solve for that, then decide how your type and secondary elements can relate back to that focal element.

Добавьте тексту объема и фактуры:
Type doesn’t have to exist on just one plane, or be rendered in one dimension or in one texture. Seek ways to add variety to the aesthetic elements in your typographic work, and don’t forget to build bridges between the different styles you use.

«Моделируйте» шрифт:
I used the term “sculpting” a few times to describe this poster, and I think that’s a great way to describe typography in general. Every typeface, even the ideal one, is just a starting point. It’s up to you to optimize it.

Меньше элементов — больше ответственности:
Fewer elements mean that each one needs to carry more weight, and the best “simple” designs are ones that squeeze eery last bit of conceptual and compositional value out of every piece on the page.


2. Сергей Стеблина объяснил, как рисовать аккуратные размерные линейки.

3. Студия Лебедева сделала информационные мониторы для Шереметьева. Самое крутое — это группировка по часам. Заметил ее в аэропорту еще до того, как проект появился в портфолио.

Стикерпак с грифоном Арсением для Телеграма
nobelfaik
В Телеграме появился стикерпак с грифоном Арсением по мотивам бумажных наклеек. Мы с Алексеем Грабилиным нарисовали аж 27 картинок.


Если ссылка будет барахлить, ищите по словам «грифон Арсений» или griffin_arseniy

Стикерпак с грифоном Арсением для Телеграма


Читать дальше...Свернуть )

Колонки разной ширины
nobelfaik
Продолжаю рассказывать про неудачные приемы верстки. В прошлых выпусках: горки текста и ноги текста. Сегодня про ширину колонок (метафоричного названия не придумал). Принцип такой:

Если текст в колонках одинаковый, то и колонки должны быть одной ширины.


Иногда они получаются разными из-за неаккуратности:




Читать дальше...Свернуть )

Подружить текст с картинкой
nobelfaik
Верстка в широком смысле — это составление целого из различных частей. Сложность в том, что элементы, которые на макете должны жить вместе, раньше ничего друг о друге не знали. Скорее всего они создавались в разное время и для разных целей, поэтому не совпадают по форме, цвету, стилю и т. д. Задача дизайнера — найти среди различий что-то общее, а если такого нет, то добавить его специально.

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

1

На этом плакате заголовок и подзаголовок сверстаны по форме — огибают фигуру с левой стороны:


Татьяна Теуш, Минск


Динамика. Текстовые блоки поддерживают заданное иллюстрацией движение вверх и вправо:




Читать дальше...Свернуть )

Ремонт балкона в сталинке
nobelfaik
Пробую переделывать не только макеты, но, например, и балконы. Было:




Стало:




Хотя нет, Эмили Хендерсон не одобрила бы. Вот так:




Читать дальше...Свернуть )

Инстаграм
nobelfaik
Кроме серьезного блога я веду не очень серьезный инстаграм. Там есть путешествия, коты, цветы, ремонт в квартире, челябинские будни и даже я без трусов (придется поискать). Добавляйтесь:

instagram.com/nobelfaik


Инстаграм Игоря Штанга

Инстаграм Игоря Штанга

Нерегулярность
nobelfaik
В классической архитектуре всегда найдется место прекрасным нерегулярностям. Примеры из Киева.

Два подъезда одного дома, выходят на одну улицу:

IMG_9328.JPG


А это четыре окна одного подъезда:

IMG_9325.JPG


Как такое вообще можно было придумать?