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

дизайн

Самое сложное

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

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

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

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

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

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

Онлайн-консультант, помоги!

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

Непонятно, почему после двух секунд на сайте мне может понадобиться помощь консультанта или подписка на новости компании

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

Ни один чат или звонилка ещё никому не помогли вывести продажи на новый уровень. Иначе почему у всех этих компаний такие хуёвые сайты? Видимо консультант плохо помогает. Надо ещё одного добавить.

 Нет комментариев    50   12 дн   дизайн   ебанистика

Не изменяй себе

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

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

По каждому из этих тезисов можно написать по статье, и когда-нибудь я это сделаю.

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

 1 комментарий    182   22 дн   дизайн   мышление

Путаница в меню

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

Пользователь тыкает на «Решения», и его перекидывает к другому блоку на этой странице. В голове пользователя щёлкает: «Ага, это лендинг». Кликает на «Кейсы», и вдруг его куда-то перекидывает. У пользователя начинается паника и раздражение. Он ожидал одного, а случилось другое.

Это называется проекция. Самый простой пример проекции — управление автомобилем. Когда мы крутим руль вправо, машина поворачивает вправо, когда крутим влево, машина сворачивает влево.

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

 Нет комментариев    144   1 мес   дизайн   интерфейс   мышление

Виды контраcта в дизайне

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

Более подробно о контрасте рассказал Сергей Кулинкович в своём выступлении «Что такое хорошо» на Просмотре в 2017 году.

Фотография или иллюстрация

Фотографии, рисунки, схемы, гифки, 3D-анимация, иллюстрации создают наиболее сильный контраст. Даже если это чёрно-белая фотография, контраст по-прежнему остаётся достаточно сильным, чтобы перетянуть внимание с чёрного круга на фото.

Цвет

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

Размер

Контраст по размеру один из самых простых способов задать иерархию в дизайне. Этот метод применяется во всех текстовых блоках, документах, на сайтах и лендингах.

Заголовки в этом блоге набраны Гельветикой 36 кегля, а основной текст — 16. Этого достаточно, чтобы визуально создать структуру и донести до читателя, какой элемент документа важнее.

Форма

Контраст по размеру один из самых простых способов задать иерархию в дизайне. Этот метод применяется во всех текстовых блоках, документах, на сайтах и лендингах.

Микрорешение

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

Тень

Самый неконтрастный способ создать контраст. Следует использовать аккуратно и локально, чтобы не перегрузить общую композицию.

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

 Нет комментариев    192   1 мес   дизайн   контраст

Сергей Кулинкович — «Что такое хорошо»

Это конспект лекции Сергея Кулинковича, арт-директора Студии Лебедева, на тему «Что такое хорошо». В лекции Сергей рассказал, как оценивать дизайнерские работы и понять, что в них хорошо, а что плохо, и как перевести эти понятия в плоскость дизайна.

Это само выступление, а ниже основные тезисы выступления

Система ККК

Каждый продукт можно оценить и разложить на три «К»: контент, контраст и контекст.

Контент

Контент — это текст, фото, видео, идея, заложенная в логотип, и даже cценарий поведения на сайте.

Контент без навигации — ничто.

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

Качество и количество контента определяют вид будущего продукта.

Пользователь не разбирается в типах теней, но разбирается в контенте.

Контраст

Бывает локальным и глобальным.

Локальный — это ритм, композиция. Он помогает определить, что суть, а что фон.

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

Подробнее о контрасте читайте в гайде, который я сделал →

Контекст

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

Как пользоваться системой ККК

Открываете чек-лист: контент, контраст, контекст — и проверяете свой дизайн по нему, задаёте проверочные вопросы.

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

Вопросы из зала

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

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

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

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

Задача дизайнера не просто нарисовать картинку, он должен нарисовать такую картинку, которую примет менеджер, арт-директор, и потом ещё и клиент. Сами по себе картинки не живут.

Как выращивать дизайнеров?
Растить дизайнеров дорого, поэтому в Студии Лебедева всё просто: дизайнерам разу дают коммерческие задачи. Выплыл — рабоатешь у нас, не выплыл — идёшь в другую студию. Никого заставить не получится. Если человек хочет учиться, у нас есть все условия, не хочешь — не надо.

Где вы черпаете идеи, что вас вдохновляет?
Дизайн — это не творчество и вдохновение. Это работа. Если дизайнер не будет не заниматься дизайном, то на него будут злиться клиенты, у него не будет денег, будут проблемы. Если нет системности, то никакие красивые картинки эту проблему не решат. Скорее, наоборот, крутые картинки чужих дизайнеров будут вас угнетать и подавлять.

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

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

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

Арт-директор — супер-герой. Он нужен только, когда есть большая проблема. В остальных ситуациях он наблюдает и стимулирует дизайнера самостоятельно находить решения.

Какие качества присущи арт-директору?
Умение плюс знание дают результат. Ни одному дизайнеру не нравится рисовать по указке. Поэтому важно наделять дизайнера ответственностью за результат. Задача как арт-дира — предотвратить проблему, если она появится. Поэтому важно не превратиться в диктатора.

 Нет комментариев    227   1 мес   арт-дирекшн   дизайн   контраст

Клиент покупает не дизайн

Почему у одних логотип стоит пять тысяч, а у других миллион? Почему фрилансер с биржи рисует лендинг за 20 тысяч, студия — за 100?

Потому что студия: это объединение таланта, навыков и усилий большого количества людей. Все эти люди вкладывают свои силы, время, труд и энергию, чтобы сделать работу. Больше людей могут сделать более охуенный продукт. Это само по себе не может стоить дёшево.

А ещё задача дизайнера не в том, чтобы нарисовать красивые кнопки и вставить в макет lorem ipsum. А в том, чтобы учесть в дизайне кучу деталей, нюансов и ограничений. Поэтому по факту клиент платит не за лендинг, а за то, какую ценность этот лендинг ему принесёт.

 Нет комментариев    87   1 мес   деньги   дизайн

Ребрендинг на примере Ютейра

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

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

После того случая жена зареклась летать Ютейром. Мы летали Уральскими авиалиниями или S7. Потому что из одной ситуации на стойке регистрации нам были не рады. У нас было ощущение, что не один менеджер, а вся авиакомпания Ютейр не особо хочет, чтобы мы летели её рейсом. Звучит пафосно, но сервис работает именно так. Даже если это хуёвый сервис: одно неверное движение, не тот взгляд, не та фраза и впечатление испорчено.

Спустя два года, прошлым летом, мне пришлось лететь из Москвы в Казань рейсом Ютейра: других вариантов просто не было. И я офигел от того, как изменился сервис после ребрендинга. Поменялся не только логотип, а всё: то, как сотрудники разговаривают с вами во время регистрации, как здоровается стюардесса, как подают обед во время полёта, как удобно покупать билет на сайте, как выглядят посадочные талоны.

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

Я ещё раз убедился, что ребрендинг и брендинг в целом — это не про красивые картинки, редизайн логотипа или айдентики. Это огромное количество маленьких улучшений на каждом этапе взаимодействия с клиентом, когда на пути клиента к услуге было много «пойдёт» или «норм», а стало «охуенно». Это когда забота о человеке стоит на первом месте. У Ютейра получилось, можно брать пример.

 Нет комментариев    71   1 мес   брендинг   дизайн

Удобные ПДД

Про смертность на дорогах в России говорят только с позиции запугивания: вот, гибнет 18 000 человек ежегодно, давайте соблюдать ПДД и быть бдительными, хуё-моё. А что конкретно делать, чтобы изменить ситуацию никто не говорит.

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

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

Короткое видео о проекте «Пробок.нет»

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

  1. Слишком широкая проезжая часть. Это снижает бдительность водителей: типа, хули там ещё полметра до другой машины, можно подрезать, обогнать и всё вот это.
  2. Слишком высокий скоростной режим в городах. У человека есть шансы выжить, если скорость автомобиля при столкновении с ним не более 50 км/ч. Всё что выше — резко сокращает шансы пешехода на выживание.
  3. Знаки по ГОСТам, которые устарели нахуй. Я не понимаю, что делает эта обводка вокруг знака пешеходного перехода? Как она помогает водителю вовремя заметить пешехода? Вообще непонятно.

Короче, советую заглянуть на сайт проекта, ознакомиться с их идеями. Ещё у них есть Телеграм-канал, в котором ужасно мало подписчиков — @proboknetmsk. Про хороший проект не жалко и просто так рассказать.

Апдейт. Пришла новость из Норвегии: за год на дорогах Осло не погиб ни один пешеход или велосипедист.

 Нет комментариев    78   1 мес   города   дизайн   урбанистика