50 заметок с тегом

дизайн

Как создавался плакат к «Интеллигентной барахолке»

В конце прошлого года «Интеллигентная барахолка» устроила конкурс плакатов. Мы решили в нём поучаствовать.

Всего на конкурс было прислано 30—40 постеров от разных участников. По мнению организаторов, наша работа стала одной из лучших. Сегодня расскажу как она создавалась.

Сначала Ольга Миронова придумала идею — распечатать Фриду Кало, расставить на ней что-нибудь сверху, сфотографировать всё это дело и подставить текст в Фотошопе.

Напечатали постер на А3, разложили на нём всякое:

Сфотографировали результат:

Заметили, что внизу мешает белая плашка: текст на неё толком не поставишь — будет мелко, а внимание она отвлекает. Поэтому убрали её. Было:

Стало:

Дальше я предложил Игорю Штангу выступить арт-директором проекта и помочь мне с расстановкой текста на макете. Игорь согласился. Я показал ему, что пока получается:
frida-process5.jpg

Игорь ответил: «Очень плохо». Сказал, что текст нужно сделать чёрным, а картинку поставить по центру. И натолкнул на мысль использовать шрифт попроще.

Делаю второй заход:
frida-process6.jpg

Игорь пишет:

Так получше. Я думаю, тут подойдут такие схемы:

I. Текстовые блоки более-менее равномерно занимают пространство вокруг иллюстрации. Один блок большой и темный (название), другие светлые и мелкие, но тоже отличаются между собой. Некоторые тексты можно попробовать набрать вертикально. Или разбить какое-нибудь длинное слово на несколько строк.
frida-process7.png

II. Название над иллюстрацией и повторяет ее форму. Остальные блоки более-менее равномерно занимают боковые поля:
frida-process8.png

Изучаю примеры, думаю и решаю идти вторым путём. Показываю арт-директору, что получается:
frida-process9.jpg

Арт-директор обращает внимание на мелочи:
— Фрида врезается в заголовок.
— Четыре блока снизу можно попробовать выровнять по центру белых «полей».
— Необязательно делать текст таким симметричным.
— Два блока сверху очень похожи друг на друга.
— Хорошо бы добавить на плакат иконок или других графических элементов.

Отрисовываю Люмьер-Холл — место, где пройдёт мероприятие.
frida-process10.jpg

И пробую использовать его в качестве иконки, попутно меняя макет:
frida-process11.jpg

Игорь присылает ответ:

«Иконки ок, часы не очень.

Люмьер-холл нужно чёрным, а не серым.

Нижние блоки, левый и правый, получились слишком мусорными. И текст сильно подходит к картинке.

Буквы в заголовке сверху нужно ближе друг к другу, там „пружина“ растягивается».

Вношу изменения. Арт-директор указывает на близость текста с иллюстрацией:
frida-process12.jpg

Отодвигаем текст от картинки, доделываем мелочи и публикуем результат.

До:
frida-process5.jpg

После:
Плакат для Интеллигентной барахолки, 2016

P. S. Спасибо всем, кто помогал и поддерживал.

Плакат к «Интеллигентной барахолке»

Плакат для Интеллигентной барахолки, 2016

В декабре прошлого года сделали плакат к «Интеллигентной барахолке» — мероприятию, где дизайнеры, рукодельницы, флористы, кулинары и торговцы книгами собираются и продают свои товары.

Ольга Миронова придумала идею: распечатать плакат с Фридой Кало, красиво что-нибудь уложить на него сверху, сфотографировать получившееся и подставить на фотографии текст.

Сфотографировали, потом я несколько дней расставлял буквы в Фотошопе, слушал замечания Игоря Штанга и снова расставлял буквы.

Плакат к «Интеллигентной барахолке»

Плакат к «Интеллигентной барахолке»

Арт-директор: Игорь Штанг.
Дизайнеры: Ольга Миронова, Егор Козлов.
Дата выхода: 19 декабря 2016.

Галерея плохого дизайна

design2et.jpg

Я обожаю хороший дизайн и меня раздражает, когда с дизайном что-то не так. Плохой дизайн — это боль. Им неудобно пользоваться, он сложный, он тратит ваше время и утомляет.

Делайте хороший дизайн.

Схема метро Екатеринбурга

Вчера Паша Омелёхин и Илья Бирман представили схему метро Екатеринбурга:

Ребята привязали схему к карте города, потому что когда линия метро одна, то, по мнению авторов, важно показывать, как оно связано с поверхностью и другим транспортом города:
2016-01-19.png

И всё хорошо, только мне непонятно, что за варежка прикрывает пиктограмму автобуса в «Кольцово». Что она означает?

Новый «Кинопоиск»

Новый Кинопоиск

«Яндекс» купил «Кинопоиск» в 2013 году, а сейчас выкатил какую-то шляпу под видом нового сайта. Новый «Кинопоиск» тормозит похлеще «Айос 7» на «Айфоне 4». А ещё у него что-то там не работает:
Новый Кинопоиск

Раз уж гулять-редизайнить, могли бы избавить логотип от дурацкой прописной буквы. И ещё блокам «Сейчас в кино» и «Сейчас все смотрят» не помешали бы мини-постеры рядом с названиями.

В общем, я недоволен этими новшествами. По крайней мере пока. Посмотрим что там дальше будет. Всем удачи!
Новый Кинопоиск

P. S. Отзывы о новом «Кинопоиске».

Правильный размер символа рубля

Не стоит уменьшать или увеличивать размер знака рубля по сравнению с цифрами или прописными буквами строки, в которой он набран.

Неправильно, когда символ рубля меньше цифр — 198:
198rub.jpg

Правильно, когда знак рубля равен цифрам по высоте — 99₽:
99rub.jpg

Делайте знак рубля равным по высоте цифрам, рядом с которыми он стоит.

«Модульные системы в графическом дизайне» Йозефа Мюллер-Брокманна

О книге Йозефа Мюллера-Брокманна «Модульные системы в графическом дизайне» я узнал года четыре назад. С тех пор хотел её прочесть, но на русском языке её не было (или я не находил), а чтение оригинала на немецком и английском откладывалось и откладывалось. В прошлом году увидел отечественное издание — перевод оригинального, вышедшего в 1981 году — да приобрёл его.

Перед тем как приступить к книге, мною был изучен свежий на то время параграф «Ководства», поэтому я ещё хорошо помнил написанное Артемием Лебедевым в §178:

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

Мюллер-Брокманн несколько похоже сформулировал одну из мыслей в книге:

«Тот, кто пользуется модульной системой, получает полезный и удобный инструмент — не более того, но и не менее, с его помощью возможно добиться интересного, организованного и гибкого расположения иллюстраций и текста, но применение модуля само по себе не гарантирует удачу.»

«Модульная структура для организации изобразительной поверхности не более чем хороший, пригодный в большинстве случаев инструмент.»

Однако Йозеф также пишет:

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

Книга достаточно быстро читается. В ней много иллюстраций:
brokmann-bro.jpg

Вот что я ещё вычитал. Про внешнее и внутреннее оформление издания:

«Для соблюдения единства в дизайне печатного издания внешнее оформление (сторонки обложки) должно делаться по той же модульной системе и шрифтами тех же размеров, что и внутреннее оформление. <...> Без оглядки на формы внутреннего оформления книги открывается большое поле для работы фантазии, можно проектировать формы с меньшими ограничениями, свободнее выбирать число красок и сами цвета. Большинство дизайнеров выбирают этот путь как более простой.»

Об оформлении фирменных стилей и логотипов:

«Перед тем как проектировать модульную структуру для фирменного стиля, нужно иметь в распоряжении всю документацию предприятия, для которой будет делаться оформление.»

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

«Модульные системы» — хорошо оформленное и отлично свёрстанное издание, которое приятно держать в руках. Жаль только в нём встречаются ошибки: орфографические, пунктуационные и иллюстрационные, когда картинки стоят не на своих местах. Как-то совсем не ждёшь ошибок, покупая книжку за 1 200 рублей.

Книга помогает познакомиться и до некоторой степени разобраться в теме модульных сеток. Наверное, вам будет интересно её прочесть, если вы графический, интерьерный или веб-дизайнер. Ну или веб-технолог.


style=«display:inline-block;width:728px;height:90px»
data-ad-client=«ca-pub-0300137382738521»
data-ad-slot=«3605167326»>

Наш магазин «Бриллиантик» на ярмарке хендмейда 27 и 28 декабря

banner.jpg

На последних выходных в этом году, 27 и 28 декабря, наш магазин украшений «Бриллиантик» снова примет участие в ярмарке-выставке «Уикенд рукоделов». Там мы будем показывать и продавать украшения и несколько вязаных игрушек — персонажей мульт-сериала «Время приключений» и совушку. Всё можно будет посмотреть, потрогать, примерить и, конечно, приобрести.

Схема проезда


Ждём вас по адресу
Санкт-Петербург, Заневский проспект, дом 67, корпус 2, торгово-развлекательный центр «Заневский каскад» (прямо напротив метро «Ладожская»), первый этаж, с 11:00 до 21:00 оба дня. Вход свободный.

Ссылки
Всегда рады вам на наших веб-страничках, где мы также принимаем заказы:
На «Ярмарке Мастеров»: http://www.livemaster.ru/brilliantik
Во Вконтакте: http://vk.com/brilliantikstore
У нас на сайте: http://brilliantik.com

Ранее Ctrl + ↓