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

дизайн

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

Клиентские проекты помогают мне расти

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

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

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

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

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

Личные проекты, дипломы и курсы никогда не научат пониманию. Они чуть-чуть помогут вникнуть в тему и набить руку. Клиентские проекты серьёзно влияют на собственное видение. Благодаря им открываются удивительные знания в области бизнеса, переговоров и дизайна. Разумеется, сходу я не смогу их перечислить. Мне трудно это передать словами или текстом — в моей голове это намного красочней и понятней. Попробую обобщить:

Клиентские проекты помогут решать задачи в будущих проектах

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

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

Опыт работает очень странно и неожиданно. Вот я впервые узнаю о проекте, приезжаю на встречу. Выслушиваю задачу, или кучу инфы от клиента. Задачи чаще всего размыты, нужно их сформулировать. Во время общения с клиентом я ловлю какие-то флешбеки с предыдущих кейсов. Я вспоминаю решения, которые делал ранее, и моментально их выдаю. Клиент их принимает, обдумывает и привязывает к своему бизнесу. Спустя время мы раскапываем задачу, определяемся с направлением работы и временем. Я беру пару дней на «понимание» и стараюсь записывать все, что происходит в моей голове относительно этого кейса. Затем проект заканчивается и помимо всех радостей жизни, у меня остаются маленькие дизайн-фишешчки проекта. Эти фишечки — самое важное в проекте. Именно они приходят в голову в виде флешбека. Больше проектов — больше фишечек. Наверно, это так работает.

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

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

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

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

14 апреля   дизайн   задачи и решения

Не отдаляйте макет, вы же не художник

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

Художникам так делать можно, веб-дизайнером — нельзя. Нельзя оценивать дизайн не в реальных условиях. Отдаленный макет — нереальные условия. Как часто вы изменяете масштаб сайта на 40-50%?

В отдаленном макете плывет все:

  1. Текст становится неразборчивым.
  2. Изображения выглядят слишком мелкими.
  3. Воздуха подозрительно много.
  4. Отступов подозрительно мало.
    ...

После отдаленного макета хочется все увеличить. Чтобы не сбивать себя с толку работаете в 100% масштабе. Вы же не картины рисуете, что там оценивать? Цветовую гамму?

10 апреля   дизайн

Запустить функцию когда она нужна

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

Я обожаю открывать миллион вкладок с блогами, рассылками и видосами, чтобы после работы все это съесть. Меня не напрягает, что вкладки жрут оперативу или что-то еще — комп должен держать всё в уме, а не я. Раньше вкладки меня бесили тем, что включали внутреннее мультимедиа — теперь такого не происходит. Особенно за эту фичу я полюбил Ютуб — можно открыть кучи видосов во вкладках. Все погрузиться и будет терпеливо меня ждать. Ютуб запустит видео как только я буду готов посмотреть. Это самый крутой дизайн самодеятельности функции — запустить когда она нужна.

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

1 апреля   дизайн   интерфейсы   ютуб

Поиграйся со шрифтами

Поиграйся со шрифтами

Заказчик — любой человек, который заказывает у меня работу: клиент, работодатель, руководитель, друг...

Частенько дизайнер слышит набор неприятных фраз от заказчика:

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

Заказчик — любой человек, который заказывает работу: клиент, работодатель, руководитель, друг...

Не стоит обижаться на эти слова и вспоминать мемесы. Расшифровать это можно так — ваша работа неубедительна. Заказчик не уверен в том, что предложенный вариант решает его задачу. Чего уж там, вы сами не уверены в решении. Вместо того, чтобы выкобениваться и ныть — разберитесь в вопросе. У меня такое очень часто бывает — вечно делаю все для себя, а нужно для людей. Именно поэтому меня просят сделать еще пару вариантов. Я не напрягаюсь и делаю: так я ищу решение.

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

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

Поиграйтесь с убедительностью и пониманием.

24 марта   дизайн   задачи и решения

Как Бюро Артема Горбунова помогло мне стать хорошим человеком

Чуть больше полугода назад я написал заметку о косяках Бюро. Мне никогда не было так стыдно за себя. Ошибки нужно понимать и признавать. Я повзрослел, поумнел и признаю — я был не прав. Прошу прощения за свою неслыханную дерзость и невежество.

Читайте Советы, чтобы стать хорошим человеком и прекрасным дизайнером.

Бюро стоит отдать должное — какая еще дизайн-компания в России, исключая Студию, будет так круто формировать дизайн-среду? Советы ежесекундно помогают тысячам людей стать лучше. Я действительно сильно изменился с тех пор, как открыл для себя Советы и всю бюрошную тусовку. Чего только стоят блоги Бирмана и Ильяхова, которые серьезно повлияли на мою жизнь и работу. Принципы, которые популяризируют в Бюро, помогли мне стать хорошим человеком. Нет, не дизайнером, именно хорошим человеком. Я стал лучше относиться к окружающим, проявлять заботу и вообще влюбился в людей. Мне не плевать на клиента и его проблемы, я искренне хочу их решить. Во мне умер первобытный эгоист-дизайнер, который боится правок, споров с заказчиком и работает на отъебись. Эти изменения заметил не только я — мои друзья и родственники начали говорить, что я стал более мягким и добрым. Я пока не знаю что думать по этому поводу, но быть добрым мне по душе. Уже скоро опубликую заметку об эмпатии.

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

Читайте Советы, чтобы стать хорошим человеком и прекрасным дизайнером.

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

Хороший дизайнер, в первую очередь, — хороший человек. Он никогда не сворует, не подведет, не кинет, не подставит. А если случилась неприятная ситуация — он честно все объяснит и попробует решить проблему.

Смысл профессии в том,
чтобы работать ради людей.

На понимание и перевоспитание мне потребовались полгода. Перепрограммирование себя — сложный этап в жизни. Надеюсь, я не зря все это затеял. Я не стал крутым дизайнером и не нашел работу мечты, но приобрел мышление. Уже не плохо. До становления добрым и порядочным дизайнером — у меня были все условия для нормальной жизни. Теперь у меня нет вообще ничего. Я изменился, а мир вокруг нет. С приходом эмпатии я стал более доверчивым, люди начали этим пользоваться, от чего я только страдал. Я попадал в плохие компании, где пытался добросовестно делать хорошо, но там это никому не нужно. Никому не нужен дизайнер, который вникает в суть задачи, заботится о клиенте и ищет решения за пределами рабочего пространства. Им нужен мальчик, который будет натягивать ворованный дизайн с дрибла на шаблон. Я так не умею, поэтому приходилось уходить. В плохих компаниях я больше не хочу работать — мне физически трудно даже туда ходить. А хорошие компании меня пока что не берут. Именно поэтому я болтаюсь непонятно где, но это тема другого поста.

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

5 февраля   Бюро   дизайн   дизайнер

Главная ссылка на главной странице

Блог Вениамина Векка
вспоминайте эту вырвиглазную картинку

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

Никаких «главных» ссылок
Никаких ссылок на себя самого

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

Не должно быть никаких «главных» на главной странице сайта:

Блог Вениамина Векка Блог Вениамина Векка

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

Внутренняя страница:

Блог Вениамина Векка

Главная:

Блог Вениамина Векка

Нынче развелось кучи смешных юикс-дизайнеров, которые не понимают таких банальных вещей. И сайты у них смешные. Кидайте этот пост всем знакомым дизайнерам с плохими и «главными» ссылками. Пусть им будет стыдно.

2017   бесит   дизайн   интерфейсы

Оставьте скроллинг сайта в покое!

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

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

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

Не усложняйте

Примеры плохого скроллинга на сайтах топовых студий России:

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

Не удаляйте, будет хуже

У Аик просто плохой сайт:

Медленные и «интересненькие» слайдеры должны были умереть с 2012 годом. Так бесконечно долго ждать загрузки невозможно. У слайдера на главной очень много лишней анимации. Скроллинг вообще отсутствует. Так можно, но не в случае с Аик.

Покажите хоть что-нибудь

Вот пример очень плохого скроллинга на рандомном сайте:

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

UPD 08.12
Оказывается, это спецпроект Авито, который стал интересен редактором как плохой «сторителлинг». Что-ж, из-за плохого скроллинга я даже не заметил, что это история какой-то там камеры. Делайте нормальный функционал, чтобы людям было не только интересно, но и удобно читать.

Пример хорошего скроллинга, но сомнительной навигации:

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

Вот пример того, как можно сделать скроллинг, и вообще серфинг по сайту интересным:

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

Скроллинг не должен обращать на себя внимание

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

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

Перед тем как придумывать очередной ахуительный скролл, задайте себе пару вопросов:

  1. Зачем?
  2. Какую задачу будет решать?
  3. Не хотите ли вы просто показать, какой вы классный?

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

2017   дизайн   интерфейсы   обзор

О воровстве в дизайне

Кругом только и слышу, что воровство в дизайне — это ок дело. Блять, с чего вы взяли? Большая часть дизайнеров вообще не понимают значения слово «своруй». Воровать нужно уметь. Нельзя взять и сделать как БлэкСтар — найти сайт студии Супер Дьюпер:

И под чистую спиздить дизайн:

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

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

Можно взять идею и реализовать — спиздить реализацию никак нельзя!

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

Никогда не воруйте реализацию — это жуткий зашквар.

2017   бесит   дизайн
Ранее Ctrl + ↓