Что такое бриф и почему он не нужен

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

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

  • Один шаблон брифа для двух разных клиентов не будет одинаково эффективен. Поставленные вопросы психологически задают клиенту рамки, что он должен ответить только на конкретный вопрос. При этом для одного клиента задача может быть решена, а для другого нет. Например, клиент думает, что ему нужен сайт, а на деле задачу лучше решит интерактивный каталог для рассылки. На уровне брифа выяснить это невозможно.
  • Общаясь напрямую и задавая те же вопросы, что в брифе, всегда можно добавить и расспросить клиента намного подробнее. Я могу задать 30-70 вопросов, в зависимости от предстоящей задачи. Письменно на такую массу вопросов никто отвечать не будет, но в диалоге оно не ощущается. Люди любят говорить о себе и своих делах.
  • Созвониться, как правило, проще, чем заполнять какую-то форму с вопросами.

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

А вам как легче общаться — лично или письменно? Доводилось заполнять бриф? ;-)

Почему клиентам тоже тяжело

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

Видела статьи, в которых клиентам присваивают типы. Например, клиент-дизайнер, эстет, человек-невидимка, друзьяшка или рабовладелец... Все эти типажи описывают не в самом лучшем ключе, а под статьями понимающие комментарии от дизайнеров. В моем мире такое отношение недопустимо. Я считаю, тем дизайнерам стоит менять свое отношение в работе с людьми или свою деятельность.

У медали две стороны — клиентам тоже тяжело!

  • Дизайнер пропадает. Работает-работает и вдруг перестает отвечать по всем контактам. Аванс уплачен, работа не окончена.
  • Дизайнер выкачивает бюджет. Идет проект, клиент выдает списки пожеланий, и тут дизайнер говорит: «Осталось всего две правки, остальные за дополнительную плату». То есть либо клиент платит еще, либо остается с результатом, который его не устраивает на 100%.
  • Дизайнер тянет сроки. Запуск проекта через месяц. Дизайнер вроде работает, но подошел срок, а конца проекту не видно. Так бывает, если дизайнер не рассчитал свои силы и неправильно распределил рабочее время. Или интерес к проекту угас, что-то не получается. Результат один — сроки сорваны, клиент несет потери.
  • Дизайнер не решает задачу. Есть задача, но дизайнер делает что-то иное, потому что «он так видит». Бюджет истрачен, задача не решена.
  • Дизайнер выдает себя за профессионала. Клиент видит красивые картинки в портфолио, доверяет проект дизайнеру, а на деле получает работу низкого уровня.

Как не напороться на такого дизайнера? Всегда есть шанс, что что-то пойдет не так. Я рекомендую смотреть на публичность дизайнера и на процессы создания работ. Хочу верить, что осознанных дизайнеров все же больше. Ну а клиенты могут быть разные, и да, могут просить сделать белый белее, ведь тут совсем не про цвет. Наша задача, как дизайнеров, понять своего клиента и решить его проблему.

А как дизайнеру стать лучше, я расскажу в другом посте.

Как я проиллюстрировала Добрые дреды

Перебирала свои проекты и нашла один аж 2014 года. Хочу показать :-)

Однажды у меня были дредлоки, а заплетала меня чудесная пара Паша и Настя. Именуют они себя Dreads by Mohh или «Добрые дреды». У Моххов не было логотипа или какого-то стиля, они выбрали себе шрифт и пользовались им в соцсетях.

Такой был логотип

В какой-то момент Моххи устроили конкурс среди своих подписчиков на новый логотип и аватарку для соцсетей. Тогда я решила поучаствовать интереса ради.

В поисках идеи, разглядывала фотографии ребят, и попалась мне интересная фотосессия:

Фотограф Алена Павлюк

«Вот оно!» — подумала я и нарисовала ребят в бумажном кораблике:

Конкурс выиграла, Мохи в восторге :-)

На этом мультяшные Мохи не закончились. Ребята попросили нарисовать в том же стиле аватарки, я и нарисовала.

Сперва была такая:

Потом нарисовала еще одну:

Еще придумала визитную карточку:

Для иллюстрации нарисовала бусины на дреды, которые Моххи продают:

А вот визитка в реале

Сверстала каталог одежды бренда «Метаморфоза»

Обложка и разворот с идеологией бренда

«Метаморфоза» — украинский бренд одежды, который производит эксклюзивные вышиванки. Вышивка на туниках совсем не похожа на традиционную украинскую вышиванку, у бренда есть свой собственный стиль. Только посмотрите на них:

Требовалось сделать два варианта каталога — электронный и для печати.

Версия каталога для печати в формате А5:

Задник и обложка
Страницы с товаром

Электронный каталог практически не отличается от печатного, вот некоторые страницы:

Придумала идею для афиш на мероприятия промо-группы «Рейв пипл»

Процесс разработки логотипа промо-группы «Рейв пипл»

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

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

Вот некоторые из невозможных фигур

Посмотрите процесс разработки логотипа JOOF Mantra, там интересно

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

Одна из обложек релизов JOOF Mantra
Первая афиша

Затем последовали и другие афиши:

Так афиши выглядят на сайте raveppl.ru:

А потом началась пандемия, и мероприятия приостановили. Надеюсь, Рейв пипл вернутся с открытием клубного сезона :-)

Сверстала гайд мастера маникюра

Валерия — мастер маникюра и педикюра. Для рассылки и привлечения новых клиентов ей понадобился гайд, в котором она рассказывает про уход за кожей рук и ногтями. Гайд нужен в электронном и печатном виде.

Я сверстала два варианта — формат А4 для рассылок и формат А5 для печати.

Некоторые страницы из печатной версии гайда

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

Некоторые страницы из электронной версии гайда

Сверстала брошюру — путеводитель по Японии

Дизайн серии брошюр в помощь самостоятельным путешественникам.

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

Автор путеводителя — Роман Мироненко

Как я сделала логотип промо-группы «Рейв пипл»

«Рейв пипл» — московская промо-группа. Делает андеграундные рейвы в камерном формате. Основные направления: Progressive House, Underground Trance и Techno.

Нужен логотип из знака и текстовой части. Приступаю к эскизам:

Первые наброски

Правый нижний вариант это упрощенные AV из слова «RAVE». Он напоминает мне предупреждающую ленту, решаю пока остановиться на нем. Заодно набросала еще идеи:

Так выглядит предупреждающая лента

Прикидываю остальные буквы:

Набираю «People» готовым шрифтом, чтобы посмотреть лого в целом:

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

Но подобных сочетаний букв «R» и «P» полно, нужно сделать знак уникальным. Тут я вспомнила про смайл — символ эсид-хауса, и увидела его внутри знака:

Пробую разные варианты

Останавливаюсь на таком:

Еще идеи смайлов:

Смотрю, как сочетаются вместе знак и текстовая часть:

Работаю над «People»:

Соединяю оба слова:

Получила отзыв от команды промо-группы, что похожая идея уже использовалась ранее:

Лого Z Festival

Дорабатываю «Rave»:

Верхняя часть «R» кажется мне слишком тонкой, правлю это:

Решаю также уменьшить внутрибуквенный просвет:

Сравниваю:

Результат:

Примеряю логотип на аватарку в соцсетях:

Работу приняли!

Логотип в жизни — на сайте raveppl.ru

Photo © Psyler Room
Photo © Pavel Tzimisce
Photo © Schneider Family

Оформление текста. Шпаргалка для всех, кто пишет

Грамотно оформленный текст приятно видеть и удобно считывать. Этот пост об оформлении основных элементов текста и случаях их применения. Пригодится не только дизайнерам, а всем кто работает с текстом или просто для переписки.

Абзац

Абзац в печатном издании принято отбивать отступом первой строки — красной строкой. Раньше типографы так облегчали чтение и экономили бумагу. В веб-формате нам не нужно экономить бумагу, поэтому абзацы отбиваются отступом друг от друга. Комбинировать эти два способа не нужно — одного достаточно.

Перенос слов

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

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

Тире, в отличие от предлогов, не переносится:

Всё лучшее — 
детям.

Неправильно:

Всё лучшее
— детям.

HTML:  
Mac: ⌥ Opt+Пробел
MS Word: Ctrl+⇧ Shift+Пробел

Если не можете использовать неразрывный пробел, используйте неразрывный диапазон norb:

<nobr>123–45–67</nobr>
<nobr>кто-то</nobr>

Тире, дефис и минус

Есть четыре наиболее распространенных знака в виде горизонтальной линии:

Тире (—)

HTML: &mdash;
Mac: ⌥ Opt+⇧ Shift+-
MS Word: Ctrl+Alt+Num -
Windows: Alt+0151

Короткое тире (–)

HTML: &ndash;
Mac: ⌥ Opt+-
MS Word: Ctrl+Num -
Windows: Alt+0150

Дефис (-)

HTML: &#x2010;
Есть на клавиатуре.

Минус (−)

HTML: &minus;

Отличаются они длиной и областью применения.

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

Тире, короткое тире, дефис, минус, плюс

В русском языке нет короткого тире, используется обычное (—): 

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

— Как чудесно! — сказала я.
Москва — Санкт-Петербург, весна — лето.
Море — кайф.

В английском языке есть короткое тире (–), его используют в диапазонах чисел: 2015–2017. В русском языке можно отойти от правил и также использовать короткое тире в диапазоне чисел, потому что обычное тире кажется длинноватым: 2015—2017.

Дефис используется в присоединении частиц и префиксов, сложно-сочиненных словах, при сокращении слов, в номерах телефонов, в печати при переносе слов и еще во множестве случаев по правилам русского языка: по-русски, кто-либо, красно-синий, веб-дизайнер, изд-во, 123-45-67.

Недопустимо использовать тире вместо дефиса, и наоборот.

Минус используется только в математических выражениях: 10−2=8. Грубая ошибка — использовать минус вместо тире или дефиса.

Многоточие

Многоточие указывает на пропуск в тексте, незаконченную мысль или интервал значений. В иврите, русском и английском языке многоточие обозначается тремя точками … Иногда многоточие используют одновременно с вопросительным или восклицательным знаком, тогда ставится знак и две точки: !.. или ?..

Неправильно писать две точки .. или более трех точек …. — это признак неграмотности.

Кавычки

В русском языке применяются кавычки-ёлочки « », а в цитате второго уровня — и ёлочки, и кавычки-лапки „ “.

Правильно: « — « » — » или « — „ “ — ».

В английском: ’такие "кавычки" в Англии’, а "такие ’кавычки’ в Америке".

Цитаты

Цитаты набирают обычным шрифтом в кавычках. Чтобы привлечь больше внимания, цитату можно оформить декоративной кавычкой. Такая кавычка может быть и ёлочкой и лапкой:

БУКВЫ

Прописными буквами можно набирать заголовки (как над этим абзацем) или короткие вставки-цитаты, но ни в коем случае не основной текст. Они «кричат» и привлекают внимание. Прописные буквы требуют разрядки, то есть нужно увеличивать межбуквенные пробелы.

Прописные без разрядки слипаются и затрудняют чтение

Строчные буквы разряжать нельзя:

Справа разреженный текст

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

Курсив можно использовать вместо кавычек, если в тексте нужно указать какое-то название (книги или произведения искусства) или слово на иностранном языке:
Картину «Постоянство памяти» Сальвадор Дали написал в 1931 г.
или
Картину Постоянство памяти Сальвадор Дали написал в 1931 г.

Жирное начертание нужно, чтобы привлечь внимание. Им можно набирать заголовки.

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

Не следует использовать капитель для основного текста, она трудна для чтения.

Списки

Список состоит из обобщающего абзаца и пунктов. Я расскажу о наиболее распространенных видах списков: нумерованых, упорядоченных и маркированных.

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

Арабскими цифрами с точкой обозначается список, если каждый элемент списка является законченным предложением:

Вкусная яичница в три шага:

  1. Положите кусочек сливочного масла в сковороду и поставьте её на большой огонь.
  2. Когда масло растает, вбейте яйцо и убавьте огонь на среднюю температуру.
  3. Дождитесь, когда белок полностью приготовится.

Кроме арабских цифр можно использовать римские цифры и прописные буквы.

Арабскими цифрами или русскими буквами со скобкой, если список является одним предложением, а его элементы — однородные члены. В конце каждого пункта ставится запятая или точка с запятой, в конце последнего пункта ставится точка.

Во внутренней области нашей Солнечной системы четыре планеты:
1) Меркурий,
2) Венера,
3) Земля,
4) Марс.

Выходя из дома не забудьте:
а) выключить все электроприборы;
б) взять с собой телефон и наушники;
в) закрыть дверь и забрать ключи из замка.

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

Компания Apple производит и продает:
 — ноутбуки,
—  телефоны,
 — настольные компьютеры,
— планшеты,
 — часы.

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

Компания Apple производит и продает:

  • ноутбуки,
  • телефоны,
  • настольные компьютеры,
  • планшеты,
  • часы.

Допускается использование и других символов (• ‣ ⁃ ∙ ◦), но не желательно — они отвлекают внимание от текста и засоряют его. Черный кружок (•) — маркер в английском языке.

Числа

В тексте числа можно писать прописью или в цифровой форме.

Прописью следует писать, если число стоит в косвенном падеже, чтобы облегчить чтение: Мы запаслись четырьмя бутылками воды в поход. Было бы неудобно читать: мы запаслись 4 бутылками…

Также прописью следует писать простые числа: Я купила три мандарина.

Цифровой формой следует писать сложные числа и числа при единицах величин или денежных единицах: Ёлка стоила 10 345 рублей, но нам сделали скидку 50%.

Следует разделять числа на тысячные пробелом: 12 000.

Числа с разрядом в русском языке отделяются запятой: 1,25. В английском языке точкой: 1.25.

Дробные числа следует набирать на верхнюю и нижнюю линию шрифта: ½ площади, а не 1/2 площади, при этом не нужно писать слова часть или доля.

Интервал значений следует обозначать тире (—), коротким тире (—), троеточием (…), заком плюс-минус (±), предлогами от и до.

Тире в числах прописью: десять — пятнадцать метров.

Короткое тире в цифровой форме чисел: 2000—2017 года.

Троеточие при отрицательных значениях: температура −15… −20 °C.

Плюс-минус при допускаемых отклонениях: 20±3 штуки.

От и до для записи интервалов между числовыми значениями: от 30 до 70 литров.

Когда два числа прописью стоят в значение то ли то, то ли другое, между ними ставится дефис: За завтраком я съела две-три конфеты.

Номера телефонов

В номерах телефонов используются дефис и пробел.

Городские номера:
123-45-67
12-34-56
1-23-45
12-34

Номера с кодом города:
(123) 123-45-67
(12-34) 12-34-56
(123-45) 1-23-45
(12-34-56) 12-34

Номера мобильных телефонов:
8 123 123-45-67
+7 123 123-45-67

Российские номера телефонов за рубежом:
+7 123 123-45-67
+7 12-34 12-34-56
+7 123-45 1-23-45
+7 12-34-56 12-34
либо
(+7 123) 123-45-67
(+7 12-34) 12-34-56
(+7 123-45) 1-23-45
(+7 12-34-56) 12-34

Если номер телефона с удачным сочетанием цифр, то допускается их объединение в группы для более легкого запоминания: 222-3-222 или 222 3 222, 44-44-555 или 44 44 555.

Дата и время

Формы записи даты:
5 января 2017 года
5 янв. 2017 г.
05.01.2017 г.
05.01.17 г.
Израиль, 5 янв. 2017 г.
2016/17 учебный год
В 2010—2017 гг. (неправильно: 2010—17 гг., но верно с десятилетиями: 1970—80-е гг., либо 70—80-е гг.)
В датах в круглых скобках слово год опускается: (1933—1997), (1987)

Время:
В обозначении времени дня: Сейчас 11 часов 3 минуты 30 секунд.
В обозначении числа единиц времени: Прошло 6 ч 30 мин 45 с.
В цифровом виде между числами следует ставить двоеточие: 11:03:30 или 11:03. В английском языке можно ставить точку: 11.03.

Знаки в тексте

Неправильно:
(С) 2017 Tanya Sokolovskaya(R)

Правильно:
© 2017 Tanya Sokolovskaya®

Ссылки в тексте

Ссылки в тексте рекомендуется выделить цветом и подчеркнуть, либо просто подчекнуть, если цвет неуместен.

Денежные единицы

В русском языке знаки отделяются пробелом:
100 ₽
100 $
100 €
Разделитель классов — пробел или уменьшенный пробел: 3 000 ₽ (три тысячи рублей)
Разделитель десятичной дроби — запятая: 3,14 ₽ (три рубля четырнадцать копеек)
EUR, USD, руб. и р. пишутся после числа через пробел: 3 000 руб.

В английском языке знаки не отделяются пробелом:
₽100
$100
€100
Разделитель классов — запятая: $3,000 (три тысячи долларов)
Разделитель десятичной дроби — точка: $3.14 (три доллара четырнадцать центов)
EUR, USD, RUB пишутся перед числом через пробел: USD 3,000


Источники

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

Обновила сайт «Дома Свадеб»

Вслед за логотипом внесла изменения и на сайт: обновила главную страницу, добавила страницу с ценами и раздел с блогом, а цветовую гамму сделала менее насыщенной.

Читайте также о новом логотипе и о первой версии сайта.

На главной странице появился презентационный ролик:

А следом за ним идет приветственный блок с фотографией Кати:

Также для большей наглядности появился слайдер-сравнение в разделе о декоре — теперь можно подвигать стрелочки влево-вправо и посмотреть фотографии «до — после»:

Теперь есть отдельная страница с ценами (раньше блок был на главной странице):

И появился блог:


Участники проекта

Дизайнер
Таня Соколовская
Верстальщик и разработчик
Руслан Бурнышев
Ранее Ctrl + ↓