Дизайнер, привет

Дизайнер, привет

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
174 поста
Посты
🧿 Физичность как новая эра интерфейсов
Себастьян де Вит из Lux рассказал, почему мы устаём от плоского дизайна и что может прийти ему на смену. Он вспоминает, как реалистичные текстуры помогали понимать интерфейс в первых версиях iOS, как потом всё упростили до предела и как теперь снова появляется интерес к глубине, свету и материалу. Он называет это физичностью. Когда интерфейс не просто картинка на экране, а ощущается как часть устройства. Объём, стекло, свет, тень, всё это помогает сделать интерфейс живым и понятным. Такой подход уже можно увидеть в новой айос от Эпол (эффект стекла, я кстати поставил, полёт ок). Внутри: – Как развивались интерфейсы от текстур к плоскости; – Почему мы устали от «плоского и чистого»; – Как физичность делает интерфейс ближе к реальному миру; – Зачем нужны стекло, свет и слои; – Что даёт такой подход пользователю; – Какие ограничения у этого подхода есть. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📦 Карточки товара: блочные vs строчные
Автор на примере карточек из ресторанного меню показывает, как сверстать товар так, чтобы всё смотрелось аккуратно и ничего не разваливалось. Один вариант с чёткой структурой и одинаковой высотой. Второй более свободный, когда контент сам задаёт ритм. Много примеров, как уложить описание, цену, скидку и кнопку Купить без перегруза. Нравится, что тут не продвигают универсальное решение. Всё зависит от данных и задач. Ещё есть классное наблюдение про кнопку Купить. За рубежом она всё компактнее и лаконичнее, а у нас всё ещё любят крупную и снизу. Внутри: – Как уложить контент в карточку и не сломать вёрстку – Плюсы и минусы двух подходов – Рефакторинг с примерами – Что делать с разными состояниями карточек – Немного про эволюцию кнопки Купить ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Не продуктовым дизайном едины
Сейчас делаю свой сайт. Грустно, когда не могу нормально нарисовать себе логотип или что-то ещё, и приходится просить знакомых. Рука не набита, да и в целом нет такого навыка. А ведь дизайнер человек универсальный и накинуть что-то графическое иногда надо уметь. Сейчас, чтобы обучиться этому навыку много шерстить информации не нужно. Есть много курсов и обучений, но самое объемное, с крутыми партнёрами курса (Самолёт, Детский мир и другие) – у Нетологии. 🎮 Что даст курс: • Научитесь цветокоррекции, изучите основы типографики и иллюстрации. • Начнёте работать с пакетом Adobe: Photoshop, Illustrator, After Effects, InDesign, Animate. Дополнительно разберётесь в Figma и Tilda, Cinema 4D. • Соберёте портфолио из 13 разноплановых проектов — от макета сайта до анимационного ролика. Это будут кейсы от реальных заказчиков: Детский мир, Lamoda Tech, Самолет. Так что сможете брать заказы уже через 4 месяца обучения. • Ваш дипломный проект покажет навыки продвинутого уровня — вы разработаете бренд-айдентику нового продукта или сделаете редизайн. Также у ребят есть огромное сообщество на 5000 человек, где помогают с поиском работы и откликами. 🗓 Старт 1 июля, длительность 19 месяцев 257 часов теории, 378 часов практики. Есть ЛК со всем необходимым, чтобы трекать прогресс и изучать материал. Программа там объёмная, затрагивает, мне кажется, все темы граф дизайна. ⭐️Преподаватели из именитых компаний: Сбер, Wildberries, Сова, Sensesay и другие. 💥 Ну и скидка, конечно, 15 000 ₽ по коду GRAFDESIGN15! Если хотели освоить что-то новое или научиться – самое время) ➡️ Подробнее о программе ➡️ Подробнее о программе ➡️ Подробнее о программе
Изображение поста
🗂 Как дизайнерам не сгореть в задачах
Филипп Лях рассказал, как выстраивал процессы в дизайн-команде, чтобы не утонуть в задачах и не сгореть. Когда запросов от продуктов становилось слишком много, команда завела доски, прописала статусы, ввела планирование и начала считать загрузку. Получился честный рассказ о том, как команда прыгала от канбана к скраму и обратно, где процессы реально помогали, а где только мешали. Полезно всем, кто хочет меньше хаоса и больше ясности в работе команды. Внутри: – Как планировать задачи, чтобы всем было понятно; – Зачем джира и как устроена доска; – Когда канбана хватает, а когда нужен скрам; – Как считать загрузку команды в стори-поинтах; – Почему простота процесса это не слабость; – Что помогало отвечать на вечные вопросы продуктов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как я пилю свой продукт. Часть 10 (юбилейная)
Последние 1.5 недели выдались неожиданно продуктивные на написание кода. Сам от себя не ожидал, что получится сделать столько. Релиз 1.7 уже в проде и вот что получилось: 👀 Индексация Google и Яндекс Оказывается, есть Апишки, которые позволяют при каждом появлении новой страницы на сайте автоматически пинать поисковики и говорить о том, что появилась страница. Не ждать, пока они найдут эти страницы, а прямо сказать. День пришлось повозиться, зато теперь все автоматически и странциы попадают в индекс сильно раньше и не ждут, пока их найдут 📣 Добавление вакансии Теперь, если у вас есть вакансия, вы можете добавить её на сайте, заполнив форму. После отправки она уйдёт на модерацию, я её проверю и оперативно выложу, если всё ок и она не дублируется. Если у вас есть знакомые рекрутеры, максимально их запуште этой новостью, я буду очень вам благодарен) 👑 AI анализ прямо в админке В 9 части я писал, что теперь вакансии анализируются по ссылке или тексту. В итоге я получаю удобный для себя формат по клику с заполнением всех полей и могу сразу публиковать ваку. Это жило отдельно в локальной версии. Теперь я все это перетащил к себе в админку и оно работает. Супер кайф и очень большое сокращение времени на публикацию вакансии ⭐️ Самое главное: авторизация Я долго к этому подступался, решался, и вот наконец на сайте появилась авторизация! Через гугл почту или magic-link. Быстро, удобно. Пока что это маленький шаг на пути к большим. Но уже сейчас можно заиметь учетку, к которой потом, я надеюсь, будет появляться функционал. Безумно рад, что это получилось реализовать. 🔍3 новые статьи в блоге Продолжаю эксперименты с блогом и SEO статьями. Результат буду смотреть через 1-2 месяца, после того как все статьи проиндексируются. И буду добавлять по 1-2 в неделю новых. План уже написан) Дальше в планах: – Написать статью саммари, как я все это делаю, всё-таки уже 10 частей. С копирайтером это зафиналить и раскинуть по хабрам, виси и прочим. Пусть висит. – Сделать страницу кандидатов, куда можно будет повесить свой профиль, а вас будут искать рекрутеры – Страница компаний с вакансиями в них. Для этого все есть, надо толкьо фронт нормальный нарисовать – Ачивки в профиль (скидки на курс да и просто по приколу) – АИ анализ резюмехи и рекомендации. Я уже подступался к этому, пора возвращаться – Интеграции апишек с площадками, у кого есть, чтобы откликаться напрямую через сайт и смотреть историю откликов – Добавить вакансии QA Такие дела) По традиции: если есть вопросы – пишите в комменты или в ЛС, а если нет, приходите на сайтик ➡️ Перейти на сайт ➡️ Перейти на сайт ➡️ Перейти на сайт ч.9 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🧠 Чем отличается джун от мидла
Максим Столярчук из Т-Банка поделился, как понять, что дизайнер вырос. Он прошёл этот путь сам и объясняет на простых примерах: что меняется в задачах, мышлении и общении с командой. Без волшебных чек-листов и оценок по грейдам. На что смотреть, если хочешь расти, и как не остаться в позиции «делаю, что сказали». Внутри: – Как перестать просто рисовать и начать решать задачи; – Почему мидл берёт флоу, а не отдельные макеты; – Как расти через вопросы и рефлексию; – Что важно уметь объяснить в своей работе; – Почему рост это не про визуал, а про подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🧱 Редизайн шапки в сложной системе
Команда Экзона делится, как перезапускала шапку в интерфейсе для управления стройкой. Продукт разросся, всё стало перегруженным, особенно навигация. Пользователи жаловались, интерфейс трещал по швам. Ребята собрали 37 версий шапки, проанализировали каждую, выкатили новый вариант и показали, как это выглядело в реальности: с тестами, факапами и выдохом на финише. Очень полезный кейс, если работаете с нагруженными системами. В статье честно рассказывают, что пошло не так, как строили логику, с чего начинали, что помогло. Не просто картинки до и после, а подробный путь всей команды. Внутри: – Как вырос и усложнился продукт; – Почему старая шапка перестала работать; – 37 вариантов интерфейса в одном прототипе; – Как проектировали хлебные крошки и аппбар; – Что не взлетело и что в итоге выстрелило; – Как протестировали, переделали и выкатили результат. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #138
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – aesso.com – cryptopayment.com – jimo.ai/product/product-tours – nativepet.com – guideprotection.com ——— – l-ab.eu – poweredbypeople.com – hyperionla.com – eduardbodak.com – flipsidecrypto.xyz ——— – rainmaker.com – relesys.ai – wunderpower.com – capital-four.com – nsave.com ——— – awenetwork.ai – artu.works – twofiftyk.com – x.ai – rojkind.com.mx/es ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Разводняк
Вроде уже из всех щелей говорят про мошенников, чуть ли не ежедневно кто-то попадает, но все равно есть те, кто ведётся и я периодически такие посты встречаю (шок) Я этим постом коротко напомню, что скам есть даже при НАЙМЕ. Если вы, вдруг, в бункере и об этом не слышали – слушайте) 1. Никогда на собесе, если вдруг просят под любым предлогом не выходите из своей учетки iCloud. Если разговор об этом заходит – сразу уходите с собеса и в чс. 2. Ни при каких обстоятельствах не говорите данные от всего, где у вас деньги. Никакие коды и прочее. 3. Могут начать просить оплатить какие-то медкнижни, спец ПО, технику и прочее – сразу лесом 4. Есть куча фальшивых рекрутеров (идеальных), которые будут сюси-муси, чтобы выманить с вас какие-либо даныне под любым предлогом на собесе. Таких компаний иногда не существует, либо это липа и реального рекрутера в такой компании нет 5. Установить на собесе какое-то ПО на ваш телефон (иногда могут петь так красиво, что люди реально ставят, а потом лишаются всех денег с банковских аккаунтов). Тоже сразу в чс. 6. Перед собесами просят где-то авторизоваться, где-то оставить данные, куда-то войти или скачать какие-то подозрительные файлы, архивы. Внимательно чекайте ссылку, если вызывает подозрение — лесом. По ссылке может быть фишинг и досвидос. Короче, будьте бдительными. Сейчас такое частенько. Никогда никому ничего не передавайте, перепровряйте инфу. Бейте компанию в инете, сотрудников и так далее. Если что-то вызывает подозрение — прощайтесь. Ваша работа вас обязательно найдёт, а вот потерять деньги, учетки и быть обманутым оч легко) Если знаете ещё какие-то истории развода, пишите в комменты, обсудим p.s. картинка взята с просторов Линкедин ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📞Как слиться с созвонов
Ребята из Кинжал рассказали, как сливаться с созвонов так, чтобы коллеги не возненавидели вас. Конечно, это не гарантия, но если вы просыпаетесь, вспоминаете о том, что сегодня 5 встреч подряд, и хотите уволиться — попробуйте. Внутри: – Как понять, что встреча ни о чём – Как отказаться и что сказать – Как не поссориться с коллегами – Почему «на всякий случай» плохая причина – Главное правило: если пользы ноль, то лучше не приходить ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🛡 Как переработка интерфейса программы управления запасами помогла снизить количество обращений в поддержку
Когда интерфейс мешает работать, а не помогает это беда. В Forecast NOW! это поняли и взялись за редизайн. Всё по уму: поговорили с пользователями, посмотрели, как те работают, и решили, что надо сделать проще, удобнее и… в стиле Excel. Да, так пользователи быстрее поняли, что к чему. В статье подробно рассказывается, как прошли через все этапы — от проблем до успеха, а главное, как сократили обращения в поддержку на треть. Внутри: – Что не так было со старым интерфейсом – Как собирали обратную связь – Почему вдохновились Excel – Какие были сложности при внедрении – Как провели релиз – Что дал редизайн: меньше жалоб, больше довольных ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Физические предметы
У меня есть знакомая, которая прошла обучение будучи продуктовым дизайнером на промышленный дизайн и сейчас с большущим удовольствием делает свой физический продукт – идеальную настольную лампу. Я, конечно, ей немного завидую, потому что цифровой дизайн мне тоже порядком поднадоел и больше хочется чего-то осязаемого, в реальном мире. И летом ребята из Яндекса (ого-го) запускают стажёрскую программу для начинающих промышленных и fashion-дизайнеров. Вы сможете принять участие в разработке продуктов – от техники и электроинструментов до игрушек, текстиля и одежды. ☀️ И пару пунктов, чтобы было легче принять решение: – Оплачиваемая стажировка в классном офисе Яндекса в центре Москвы – Работа с топовыми брендами, о которых не стыдно рассказать знакомым: Tuvio, Muted, Nocord, COMMO, PRAGMA и другими – Возможность попасть в штат и стать действующим дизайнером по итогам программы Проходить стажировка будет очно в Москве и подразумевает полную занятость — 40 часов в неделю. ➡️ Подать заявку на стажировку
💡 DevTools для дизайн-ревью и не только
Если вы хотя бы раз страдали от того, что что-то «не так выглядит» на проде, но не могли объяснить, почему, то эта статья для вас. Автор показывает, как с помощью обычных DevTools можно быстро проверить, что не так с версткой, адаптивом или стилями. И не нужно быть кодером. Всё объясняется на пальцах. Внутри: – Как вытащить SVG и вставить в Figma – Изменение стили прямо в браузере – Провека CSS через Styles и Computed – Дублирование элементы для тестов – Проверка адаптива на лету – Что такое Shadow DOM – Просмотр состояний: hover, active и др. – Поиск картинок и шрифтов – Проверка обрезки текста – Дизайн-ревью с DevTools ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🎮 Порядок в Figma: секреты дизайнеров t2
Альбина из команды t2 поделилась, как они навели порядок в Фигме. Вместе с командой придумали простые правила: один файл на проект, понятные обложки, архивные сценарии подписаны, всё разбито по страницам и сценариям. Добавили карточки задач с коротким описанием изменений. Макеты стали чище, а работать с ними удобнее. Внутри: – Аккуратные обложки для проектов – Убрали архивные сценарии – Четкое разделение по страницам и задачам – Оформление макетов: группировка, соблюдение стилей, есть карточки и история изменений – Полезные шаблоны: блок с инфой, контекст, библиотека экранов, блок с вопросами – Шаблон презентации с навигацией и QR‑кодом для просмотра ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
👑 Грейды
Игорь Готт написал небольшую заметку про уровни дизайнера. Он работал хэдом в Ростелеком, Альфе и Рамблере. Игорь, какие скиллы нужны на каждом уровне, что реально важно уметь делать, где зона роста и как двигаться вверх. Это прям полезно и тем, кто только начинает, и тем, кто уже работает и хочет понять: а я вообще на каком уровне? (это не прям 100% шпаргалка, но понимание даст) Понравилось, что нет заумных таблиц и перегруза, как это обычно бывает в таких статьях Внутри: – Какие задачи, навыки и качества нужны на уровнях: стажёр, джун, миддл, сеньор – Чем отличается ведущий дизайнер от дизайн-лида и арт-директора – Какие управленческие задачи стоят у дизайн-директора – Как определить, что тебе пора на следующий уровень – На что обращать внимание, если строишь или развиваешь команду ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #137
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – apossible.com – mynucleus.com – near.foundation – ambrook.com – un.ms/research ——— – slash.com – cash.app – bedintentions.com – sandisk.com – itdog.agima.ru ——— – schooluniversity.ru – muzbitva.ru – superhi.cv – resore.com – onboxcreative.com ——— – superpower.com – superhi.com – danielsun.space – shuttle.zip – absport.ru ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как я пилю свой продукт. Часть 9
Не знаю как вы, а меня прям увлекает писать каждую новую часть. Я тут сидел и перечитывал все посты, начиная с первого (а это было 7 апреля) и прям ностальгия, как я прохожу этот путь 😁 Итак, что за недельку нового, отчёт. Не ровно каждую неделю, но тут поднакопилось и решил написать: ❤️ Яндекс Мой хороший друг позвал меня выступить у них в команде Яндекс Плюс и рассказать, как я всё это делаю. Зовут – соглашаюсь. Получилось немного спонтанно, но ребята остались довольны. 🗣️ Блог Написано 9 статей. Пишу я их тоже с помощью аишки целыми агентами. С помощью агента я сделал полноценный гайд по SEO для моего сайта конкретно с ключевиками. Он же составил мне 60 тем (!) на которые можно написать статьи и он же мне и написал 9 статей, учитывая свой же гайд. Подожду и посмотрю даст ли это выхлоп в будущем. Пока потихоньку) ✔️ SEO Вчера 50 минуток общался с аишкой и улучшали SEO. Прошлись по всем страницам и я допытывал, что можем улучшить ещё. Оказалось таких пунктов почти 20 штук. Все 20 сделал и отправил на прод. Теперь буду наблюдать в разрезе месяца даст ли это буст на переходы из поисковых систем. Кстати, график переходов из поиска растёт с момента старта и это прям очень радует. То есть, я показываюсь и ко мне заходят люди, которые меня не знают вообще. А там, возможно, конвертятся в подписчиков канала, например) 🌐 Описание вакансий Флоу был такой: нахожу вакансию >загоняю по очереди в chatgpt описание, требования и условия > получаю тот формат что мне нужен > завожу в админку > публикую. Чат был сделан с нуля под мои нужды. Как сейчас: я сделал с помощью аишки страницу, куда я просто вставляю ссылку на вакансию, а дальше магия. Скрипт парсит страницу > вычленяет из неё текст > делает его в верном формате > отправляет в deepseek новый (самый свежий), который подключен по апишке > он обрабатывает это в тот формат что мне надо (сокращает тексты, переписывает условия и требования в норм вид), пишет грейд, зарплату считает > выдает мне итоговый вариант. Мне остается только вставить в админку. Сильно сократил путь публикации вакансии. И шок, что это работает) 🔍 Умный поиск Как работало до обновы: пишешь Авито > находит Авито, пишешь Avito > не находит ничего. Как сейчас: пишешь Авито, Avito, Fdbnj, Фмшещ и он найдет Авито) С вакансиями также. Теперь можно написать ПХП, и он найдет php. Стало сильно удобнее и теперь можно не бояться напечатать название вакансии или компании не в той раскладке. С вероятностью 99% он найдёт то, что нужно. Как-то так. Неделька получилась насыщенной. Сейчас рисую в фигме раздел с офферами. Хочу начать анонимно собирать офферы от людей в реальные компании. Такие проекты уже есть на просторах, а у меня нет. А хочется, чтобы было) Почему бы и нет. И по традиции. Если есть вопросы, пишите в комменты или мне в ЛС, а если нет – приходите на сайт и получайте удовольствие))) ➡️ Перейти на сайт ➡️ Перейти на сайт ➡️ Перейти на сайт ч.8 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
✨ Переменные в Фигме
Подробнейший разбор этой запутанной и сложной фичи (для некоторых). Как они работают, зачем нужны и как применять их на практике. В статье не только теория, но и примеры: цвета, числа, тексты, булевые значения, плюс показывает, как их связать с макетами и компонентами. Полезно и новичкам, и тем, кто уже работает с дизайн-системами Внутри: – Что такое переменные в Figma и какие типы бывают – Как создавать коллекции и настраивать алиасы – Как переключать темы, адаптивы, языки и состояния через переменные – Примеры использования: цвета, размеры, тексты, логические переключатели – Как публиковать переменные в библиотеке и управлять их применением ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🗺 Как Яндекс Карты сделали самое крупное обновление дизайна за последние годы
Наткнулся на статейку от диза Яндекс Карт о том, как ребята полностью пересобрали дизайн главной части своего сервиса — карты. Тема, конечно, супер узкая,но интересно было узнать, как работает UX такого продукта и понять логику изменений. По итогу — крутой кейс по поиску и принятию дизайн-решений. Внутри: – Почему дороги больше не жёлтые, а серые — и как это связано с бумажными атласами – Как дизы постоянно балансируют между высокой детализацией и «шумом» – К чему движется дизайн современных карт во всем мире – Как в новом решении переработали типографику, цвета и миллион других объектов на карте, чтобы все выглядело консистентно и лучше читалось – Немного про метрики и приёмку нового дизайна ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💵 Заработок дизайнера
Автор собрал все пути заработка для дизайнера: от нуля до CEO или своего стартапа. Разложил карьеру на ветки, уровни и роли, дал примеры, цифры, реальные истории (и даже шорткаты, как обойти длинный путь). Внутри: – Как пройти путь от «мамкиного художника» до мидла и сеньора – Когда переходить на зарубежную удалёнку и сколько там платят – Как совмещать несколько проектов и умножать доход – Что ждёт тех, кто идёт в менеджмент: лиды, директора, CEO – Как уйти в фриланс, построить личный бренд или продавать ассеты – Какие бизнес-пути есть: студия, школа, стартап, медиа – Какие шорткаты помогут срезать путь (реальные истории!) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста