Топ инструментов для дизайнеров

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

Меня зовут Олег Николаев. Я веб-дизайнер и разработчик. Закрываю проекты под ключ - от логотипов до сайтов, приложений и платформ

Если вам близка тема дизайна, подпишитесь на мой Telegram - там я делюсь практикой, кейсами и наблюдениями, которые помогают выжить в мире, где «все уже было»

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

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

Если честно, я сам еще год назад плохо ладил с продуктами Adobe. Особенно с теми, что про фото и иллюстрации. Но освоить можно все. И тут важно понимать: для веб-дизайна Figma - это маст хев, и даже не обсуждается. Я правда не понимаю, как до сих пор можно собирать сайты в Photoshop или Illustrator, но ладно у каждого свой таракан сидит.

С Figma все прозрачно, но куда вписать Photoshop? Очень просто. Даже на базовом уровне он может стать вашим «секретным оружием». Особенно с учетом того, что в него встроили ИИ. Это что-то нереальное: неудачное фото становится удачным без каких-то глубоких знаний. В общем, если вы хотя бы научитесь писать простые промпты и включать ИИ-шные функции, то качество ваших макетов вырастет, и очень сильно, очень. А еще нервы сохраните.

Теперь Illustrator. Тут все по названию понятно - это история про иллюстрации и графику. И вот его я прям рекомендую изучить поглубже. Почему? Потому что тогда вы сможете закрывать вообще любую графическую задачу: логотипы, фирменный стиль, элементы интерфейсов, иконки. Все это делается именно тут. Я, честно, не понимаю людей, которые рисуют логотипы в Figma. Ну можно, конечно… но лучше не надо.

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

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

Теперь про другой инструмент.

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

Если вам интересна тема ИИ и интеграции работы ИИ в дизайн жизнь, то подписывайся на мог ТГ канал. Там эта тема тоже затрагивается

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

Еще хуже Picsart AI. Полная шляпа. Извините. Его пихают везде, подписка, реклама, громкие обещания. Купил, попробовал - мрак, не советую.

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

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

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

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

Подчеркну отдельно: это абсолютно бесплатно. Я почему вообще об этом говорю, так это потому что все свои проекты я веду именно в Notion. Дедлайны, тайминги, стадии работ, ссылки на файлы, доступы, макеты, правки, задачи все висит там.

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

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

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

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

На самом деле я сам чаще использую FigJam. Не какая-то предвзятось, а просто потому что он от Figma, и у меня все в одном месте. Мне так удобнее: не люблю устанавливать 500 тысяч разных программ ради пары фич. Открыл Figma, и вот тебе и доска, и макеты, и заметки, и все рядом.

Но если смотреть объективно, то Miro - это прям “взрослая версия” FigJam. Там больше инструментов, мощнее логика, глубже сценарии. Если вы любите гибкость, масштабные схемы и хотите прям огромную доску под весь проект, то берите Miro.

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

Если вы хоть раз искали цветовую схему или подбирали шрифты для проекта, вы понимаете, насколько это может убивать настроение. Ты вроде дизайнер, у тебя вкус, но в какой-то момент сидишь, не понимаешь что делать дальше, подобрать цветовую палитру и шрифты, то тут и приходят Adobe Color и Google Fonts. Два сервисa, которые я открыл когда-то давно и с тех пор использую постоянно.

Adobe Color спасает, когда нужно быстро подобрать палитру: монохром, комплиментарные, триады - все это одним кликом. Плюс можно загрузить референс или фото и вытащить оттуда цвета. Очень удобно, когда клиент прислал «красивую картинку, хочу в таком стиле». А еще есть подброки по цветовым схемам, они вытягиваются с лучших проектов на Behance - забавно там было один раз видеть свой проект.

Google Fonts - это вообще маленькая швейцарская армия в мире типографики. Огромное количество бесплатных шрифтов, куча настроек, пары, предпросмотр на любых текстах. А главное, что не нужно искать сомнительные архивы с какого-то форума 2013 года. Все легально, чисто и удобно. Я пытался использовать Adobe Fonts, но как будто гугл мне ближе и понятнее, а также привычнее.

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

Теперь про быстрые сайты. Вы сделали дизайн и клиент спрашивает у вас про разработку. Если вы собирали сложный проект: e-commerce, fintech, Saas или что-то подобное, то ту я крайне не рекомендую использовать эти инструменты. Лучше обратиться ко мне и я вам разработаю все максимально качественно и по феншую.

Если же у вас простой проект, запустить, протестировать, то есть три инструмента, которые закрывают вообще все нужды дизайнера, когда нужно сделать лендинг или мини-проект: Tilda, Readymag и Framer.

Tilda - старая добрая «палочка-выручалочка». Проверенная временем, максимально понятная и дружелюбная. Если вам нужно сделать аккуратный лендинг за вечер, то это сюда. Zero Block позволяет творить что угодно, не упираясь в шаблоны. Плюс куча готовых блоков, которые экономят часы работы. Для быстрого запуска идеально.

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

Framer - это уже ближе к современному вебу: быстрый, плавный, очень «живая» логика. Прекрасно подходит для портфолио, промостраниц и тех проектов, где нужно показать динамику и современный стиль. И самое главное он ощущается как продолжение Figma. Легко и приятно. Будет очень легко разобраться.

Эти три инструмента я постоянно использую в работе. Все зависит от задачи: нужно быстро и надежно: Tilda. Нужно красиво и необычно: Readymag. Нужно современно и технологично: Framer.

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

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

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

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

📲 Телеграм канал - мой главный источник контента (кейсы, разборы, личный опыт).

🎨 Behance - портфолио и свежие проекты.

А если ты уже тут и не поставил лайк, не подписался на Телеграм канал и на vc.ru, то я вообще не понимаю, что ты здесь делаешь.