Нейрокодинг

Ребят, снова делимся горячей вакансией! 🔥 В Intelsy ищут middle UX/UI-дизайнера. В плане вывод сотрудника на банковский проект, поэтому будет круто, если у вас уже есть опыт работы с банками, страховыми и финтех организациями. От себя Intelsy обещает: хороший оклад, возможность работать удаленно. Кстати, те, кто пройдут отбор, попадут в команду к нашим менторам: Косте 😀 Отклики присылайте напрямую Косте: @ohkostya

Auto layout — верный помощник при создании интерфейсов 🤌 Auto layout — инструмент, с помощью которого вы сможете собирать макеты быстрее. Обязателен к использованию, если вы собираете макеты для мобилки и веба. Как им правильно пользоваться при работе с интерфейсами? 1. Выбираете нужные объекты, оборачиваете во фрейм и применяйте auto layout для самого компонента (например, кнопки); 2. Далее объединяйте логически связанные элементы между собой ( 2 кнопки, заголовок и текст в карточке). И так по нарастанию, пока все элементы не будут объединены в единую группу — а именно, экран. Важно также не забывать про привязки и настройки auto layout, чтобы интерфейс отображался корректно при изменении размера экрана ❕ Если правильно все настроить, auto layout станет незаменимым помощником при работе на объемных проектах и для быстрого внесения правок. Как этот инструмент работает на реальном макете смотрите в нашем коротком видео-гайде 👆 Как только наберётся 30 огоньков, мы скинем вам исходный файл 🔥

... фон с любого изображения, даже сложного, даже с большого и совершено бесплатно! Наши ребята из Новосибирска запилили невероятный сервис — Carve Photos. Carve Photos не уступает популярному RemoveBG, но при этом абсолютно бесплатен — поддерживает обработку изображений размером до 5000х5000 пикселей. Использовать с удовольствием тут: https://carve.photos/

Как за 5 минут собрать сложную фигуру в Figma без готовых шаблонов 🔥 В интерфейсах есть тренд на использование фигур необычной формы со скругленными углами. Собирать такие фигуры на самом деле достаточно просто, но не совсем очевидно, как это сделать быстро. На деле для создания таких фигур вам понадобится всего два инструмента: 1. Объединение фигур; 2. Инструмент перо (Pen). Как их собирать, рассказали подробно в туториале, он в карточках. Кстати, в нем же найдете крутые референсы, которые помогут вам понять, в каких случаях такие фигуры уместны⚡️ Пробуем, собираем фигуру, делимся результатом! #каксделать

Видим, что нужное количество реакций вы быстро собрали на пост! Значит, гайду по анимации в Figma быть 🔥 Ловите ссылку на файл в Figma. Дублируйте и изучайте файл, пишите, что вам было понятно, а что показалось сложным. Ставьте реакции и пишите в комментариях, какие следующие гайды вы хотели бы получить 💬 #фигма #каксделать

Как быстро вырезать фон или элемент с изображения, не выходя из Figma Раньше, если нужно было обработать изображение и вырезать из него тот или иной элемент, все бежали в Photoshop. Это был почти единственный способ сделать это относительно быстро и качественно. Сегодня, чтобы удалить фон или перенести определенный элемент с изображения, нужна только Figma и её встроенные инструменты Pen и режим Mask. Они отлично подойдут для работы с мало детализированным контуром объектов. Как работать с этими инструментами, подробно рассказали в карточках 👆 Смотрите, пробуйте и применяйте в своих проектах 🔥 *Отметим, что Pen и режим Mask подходят для работы почти с любыми изображениями, но если вы хотите вырезать сложный объект, например, пушистого котика, все же придется открыть Photoshop. Как работать со сложными изображениями в Photoshop можно узнать тут.

Сегодня хочу рассказать об одном из проектов, который ведут дизайн-лиды компании Intelsy. PixelMap — сообщество для тех, кто хочет стать лучшим в UX/UI, графическом или веб-дизайне. За последние 6 месяцев на канале удалось собрать большое комьюнити. Среди подписчиков: графические дизайнеры, продуктовые дизайнеры, фрилансеры, лиды и арт-директора, которые работали и продолжают работать на коммерческих проектах Альфы, Сбера, Яндекса и т.д. Если вы ищете качественный выход на аудиторию дизайнеров, то предлагаю разместить свою рекламу на PixelMap. Размещение будет максимально эффективным, если вы: Ищете дизайнера в команду В сообществе десятки профессионалов, готовых подключиться к проекту ASAP. Хотите поймать нужную аудиторию Нагнать правильных людей на вебинар, привлечь аудиторию на подкаст или в личный блог. Немного цифр: ER канала — >6% ERR — >10% 5850 подписчиков Только сегодня можно заказать рекламу на апрель по цене марта! Стоимость рекламного поста по формату 1/24 — 6000 рублей. С Апреля цены повышаем на 50%! Забить слот можно либо через площадку Telega.in, либо, написав в личные сообщения.

Сегодня хочу рассказать об одном из проектов, который ведут дизайн-лиды компании Intelsy. PixelMap — сообщество для тех, кто хочет стать лучшим в UX/UI, графическом или веб-дизайне. За последние 6 месяцев на канале удалось собрать большое комьюнити. Среди подписчиков: графические дизайнеры, продуктовые дизайнеры, фрилансеры, лиды и арт-директора, которые работали и продолжают работать на коммерческих проектах Альфы, Сбера, Яндекса и т.д. Если вы ищете качественный выход на аудиторию дизайнеров, то предлагаю разместить свою рекламу на PixelMap. Размещение будет максимально эффективным, если вы: Ищете дизайнера в команду В сообществе десятки профессионалов, готовых подключиться к проекту ASAP. Хотите поймать нужную аудиторию Нагнать правильных людей на вебинар, привлечь аудиторию на подкаст или в личный блог. Немного цифр: ER канала — >6% ERR — >10% 5850 подписчиков Только сегодня можно заказать рекламу на апрель по цене марта! Стоимость рекламного поста по формату 1/24 — 6000 рублей. С Апреля цены повышаем на 50%! Забить слот можно либо через площадку Telega.in, либо, написав в личные сообщения.

Предлагаем вашему вниманию подборку статей, которые исчерпывающе расскажут о том, что такое токены и как их использовать в ваших проектах: Что такое дизайн-токены простыми словами Ультимативный гайд по дизайн-токенам Design Tokens: Beginners Guide Naming design tokens: the art of clarity and consistency The real value of tokens. And why I believe we are on the way

Ребят, когда ищешь работу, важно понимать, что ждет по ту сторону оффера: какие задачи, коллектив, общая эмоциональная обстановка. Узнать все это заранее — очень сложно, но можно. Сейчас ТОП-менеджеры, СЕО, тим-лиды ведут собственные ТГ-каналы и блоги, где рассказывают о жизни внутри своих команд. Для того, чтобы вы не искали эти каналы мы делимся папкой, в которой собраны ТОП-30 руководителей digital и IT-компаний. В своих сообществах они рассказывают не только о том, как живут их проекты, но и частенько размещают актуальные вакансии, делятся инсайтами, которые помогут вам быстрее получить оффер мечты. Подписывайтесь, читайте о жизни и реальных кейсах тут 👉 https://t.me/addlist/9BN7Tn0MsS5lYmM6

🧐 Организуем поиск в мобилке как надо👌 Ксения Толокнова и Марина Сапожникова из Альфа-Банка поделились полезными идеями о том, как организовать эффективный поиск в мобильном приложении, учитывая контекст и потребности пользователя. В статье вы найдете интересные мысли о существующих вариантах поиска, паттернах, решениях поиска в iOS и Material Design, а также о том, как можно оформить поисковую выдачу. Ценность контента: 10 из 10. Читать тут: https://habr.com/ru/companies/alfa/articles/794967/

Ребят, делимся горячей вакансией!🔥 В Интелси ищут сеньора UX/UI-дизайнера. В плане вывод сотрудника на банковский проект поэтому будет круто, если у вас уже есть опыт работы с банками, страховыми и финтех организациями. От себя Интелси обещает: полный социальный пакет, хороший оклад, возможность работать удаленно. Кстати, те кто пройдут отбор попадут в команду к нашим менторам: Ане и Максиму 😀 Отклики присылайте сюда: besthr@m-st.ru

☺️ Как ваши успехи в анимации в Figma? Сегодня я хочу рассказать вам, как делать анимацию выпадающего списка и показать взаимодействие с ним. Будьте внимательны и следуйте инструкции, а также не забывайте о нюансах smart animate, о которых я рассказывала в прошлых постах. Задавайте вопросы в комментариях и делитесь тем, что у вам получилось 💬

☺️ Как подружить углы в интерфейсе и зачем это нужно? Скругления — это та самая деталь в интерфейсах, которая может или подчеркнуть ваш профессионализм, или же показать вашу неаккуратность в макетах и испортить первое впечатление. Чтобы этого не допустить, нужно знать несколько правил и следить за гармоничностью скруглений у всех элементов в интерфейсе. Это сделает макеты более чистыми, аккуратными и консистентными. Есть две основные ситуации, с которыми вы можете столкнутся чаще всего: 1. Нужно подружить углы двух отдельных элементов с разной высотой. 2. Нужно подружить углы у вложенных элементов. Как избежать ошибок и все-таки подружить углы в макетах, смотри в туториале👆👆👆

🎉 Результаты розыгрыша: Победители: 1. Daria (@danasultana) 2. Natasha (@itsprostotasha) Проверить результаты

🧐 UI-дизайнеры всё? Наконец вышла Galileo 1.0 — нейросеть, обученная на успешных дизайнах, позволяющая генерировать макеты Figma на основе текстовых запросов или скриншотов. Все фотографии, а также иллюстрации в экранах ожидаемо тоже синтетические. Стать дизайнером интерфейсов теперь можно за 19$ в месяц, а попробовать себя в этом деле можно и вовсе бесплатно. Поделитесь в комментариях своими результатами работы с Galileo, интересно посмотреть на что способен сервис. Попробовать можно тут: https://www.usegalileo.ai/

За этот год отдел дизайна разработал айдентику и фирменный стиль для Intelsy💜 То, что получилось, можно посмотреть вот тут: Behance и Dprofile Ребятам нужно было найти решение, которое поможет выделиться среди других IT-компаний, при этом не уходить в digital. Поэтому в нашем фирменном стиле мы отошли от стандартной айтишной сине-чёрной палитры и смогли выдержать баланс между строгостью и яркостью. В результате нашли для себя уникальный визуальный язык, который помогает нам коммуницировать с клиентами. В кейсе: — логотип, — цветовая палитра, — коллекция 2D иконок и 3D иллюстраций, — концепт социальных сетей, — корпоративный сайт, — мерч. Проект на Behance Проект на Dprofile

🎬 Что посмотреть на выходных? В преддверии праздничных дней, мы собрали подборку фильмов и сериалов от нашей команды🔥 Фильмы отбирались специально дизайнерами для дизайнеров, но будут полезны и интересны любой аудитории. Смотрим для развития насмотренности и расширения общего кругозора: «Гельветика» Это классика о визуальной культуре. В фильме раскрывают простую идею — начертания букв могут полностью изменить нашу жизнь. Фильмы Уеса Андерсона (Один из них: Отель «Гранд Будапешт») В фильмах Уэса Андерсона можно часто увидеть яркие цветовые сочетания, которые создают неповторимую атмосферу и привлекают внимание зрителя. Он также использует необычные формы и линии, которые создают абстрактные композиции и уникальные пространства. «Микеланджело. Бесконечность» История об известнейшем мастере эпохи Высокого Возрождения и раннего барокко. В фильме можно обратить внимание на ракурсы, постановку кадра, света и просто погрузиться в историю и жизнь мирового гения. «Во все тяжкие» Это буквально пособие по ракурсам и композиции. Постановка света и нехитрые приемы съемки позволяют добиться максимально сбалансированной и сочной картинки без особого монтажа и склейки кадров. «Основатель» Круто передан процесс командной работы над продуктом: от создания прототипов до тестирования. Сразу становится понятно, почему дизайн — это не просто пиксели, но процесс. А ещё после просмотра уже не получится не замечать UX-решения на каждом шагу. Делитесь своими находками классных фильмов и сериалов в комментариях, чтобы занять свои вечера полезным и приятным времяпрепровождением 💬

🧐 Привет, котики! 🐱 Хочу поделиться недавно вышедшей статьей Александра Григоренко о проектировании драг-н-дроп интерфейсов. Там все как вы любите: много букв, картинки, гифки и куча полезной информации. Уровень сложности средний, время на прочтение 22 минуты, важность высокая. Быть умнее тут: https://habr.com/ru/articles/791294/ #статья

☺️ Реалистичная анимация, которую можно сделать прямо в Figma 🔘 Анимированные интерфейсы всегда выглядят более живо и эффектно. А еще они помогают понять клиенту или разработчику, как должен выглядеть готовый экран или раздел. При создании анимации, мы используем настройку Smart Animate. Для того, чтобы получилось так же классно, как у нас, есть несколько важных нюансов: 1. Каждый элемент должен быть в собственном фрейме (а не группе или единым вектором!) 2. Слои (фреймы, шейпы и т.д.), которые мы анимируем, назывались на всех фреймах одинаково. 3. Они должны иметь одинаковый уровень вложенности. При отсутствии хотя бы одного из критериев, анимация не будет воспроизводиться должным образом и не будет эффекта реалистичного интерфейса. Для того, чтобы вам было проще разобраться с настройками и увидеть, как это выглядит в макете, мы готовы поделиться нашим Figma-файлом с готовыми связями⚡️ Набираем 50 огоньков под постом и выкладываем файл в канал🔥