серёгина. лаборатория веб-дизайна

серёгина. лаборатория веб-дизайна

@julssereginachanel
Изображение канала: серёгина. лаборатория веб-дизайна
3 162 подписчика
27 постов
Посты
📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»
Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник
📋 Урок 1. Кто такой дизайнер и на чем он зарабатывает в эпоху нейросетей?
Что вас ждет в уроке: – Знакомство со мной и программой обучения – Кто такой веб-дизайнер и чем он отличается от других дизайнеров – Какие продукты он создает и на чем зарабатывает – Этапы создания проекта изнутри на примере сайта – Как изменилась профессия в эпоху нейросетей в эпоху нейросетей Для удобства прикрепляю также ссылку урока на YouTube ✅ Погнали!🔥 #бесплатник
Как сэкономить, работая дизайнером в эпоху подписок🤡
Особенно тем, кто живет в РФ, но остальным тоже будет полезно… 1. Виртуальная карта вместо зарубежной физической😎 Её проще и дешевле оформить, если нет возможности на иную, и не придётся больше обращаться к посредникам, чтобы оплатить нужную подписку (кстати, полезно не только для дизайна) 2. VPN можно сделать свой🔭 Есть способы сделать все самому – буквально с помощью GPT. Зато нет проблем с сервисами вроде Facebook, LinkedIn и Upwork, особенно если вы хотите работать и развиваться на зарубежном рынке. 3. Ищите альтернативные способы оплаты подписок, они есть💰 Figma и другие сервисы могут обходиться дешевле. Есть площадки, где стоимость подписки может отличаться в 2, а иногда и в 10 раз. Самое важное – читайте отзывы! (причины такой разницы в цене разные, так что да, такие лазейки есть) В общем, экономить на рабочих инструментах можно. Постремаюсь кого-либо рекламировать, но это все быстро пробивается и ищется🫂 Делаем 2 часть? #полезное
Моя любимая вытянутая антиква для кириллицы и латиницы🙏
К сожалению, большинство таких гарнитур платные обычно… Шрифты из ролика (моих постов, сайта и т.д.): • Oranienbaum • SimeizC • Viola Рекомендую, сохраняйте, пользуйтесь! И сделаю тогда подборку фулл бесплатных шритов🙌 #полезное
Вопросы к собеседованию для дизайнера 👀
Подготовила для вас файл в Notion с вопросами, к которым стоит подготовиться перед собеседованием! Эти вопросы появились не просто из головы: я сама пересматривала записи разных собеседований, а ещё постоянно смотрю записи собеседований студентов и прошу их делиться обратной связью. Так и собрался список вопросов, которые действительно встречаются на собеседовании 💻 🔗 Ссылка на вопросы Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное
Когда говорят про найм дизайнеров, обычно вспоминают продуктовые команды, большие студии и компании вроде Т-Банка или VK…💡
Только сегодня в сторис рассказываю про Злату, что устроилась в консалтинговую компанию как веб-дизайнер и Свету, что теперь дизайнер в маркетинговом агентстве! → дизайнеры нужны гораздо большему количеству бизнесов, чем вы можете себе представить! На фоне разговоров о кризисе создаётся ощущение, будто рынок сузился до нескольких крупных компаний и сотен кандидатов на одно место, хотя это не так🙏 Среди моих студентов есть те, кто работает в продукте, студии и агентстве, а кто-то устраивается дизайнером в обычную компанию в своём городе – и это тоже классный старт! → поэтому для найма не существует одного «правильного» маршрута, всё зависит от того, куда вы хотите попасть🙂 #кейсы
Гайд по цифровой доступности, которым я пользуюсь и сама 🌚
Как сделать цифровой продукт для всех? Ведь им могут пользоваться люди с ограниченными возможностями, а удобно должно быть всем! Это гайд Валерии Курмак, и найти его можно в гайдлайнах Сбербанка – советую от души! Контраст, масштабируемость и другие правила/принципы при разработке как мобильных, так и десктопных продуктов😴 #полезное
Дизайн больше, чем просто профессия ☺️
На примере студентов это еще исполнение мечты, комьюнити, уверенность, профессиональный рост, свобода во всех смыслах! Здесь нет одного сценария и потолка в возможностях! Ты можешь начать с лендингов на фрилансе, параллельно работать в стартапе, а потом дорасти до лида в корпорации, или вообще собрать свою команду/агентство и работать на российский или зарубежный рынок🤜 Самое ценное лично для меня – результат не заканчивается вместе с обучением. Дизайн становится частью жизни и продолжает приносить новые возможности спустя месяцы и годы после выпуска! 😌 → На фото только часть историй – смотреть сторисы в моем Инстаграме! #кейсы
Что произошло спустя пару недель после переезда в нашу квартиру?
Спойлер: ничего. Купить квартиру было самой простой частью🥲 Ждем мебель, технику и все остальное, так как все было под заказ… Мы уже успели покрасить стены, возвести дополнительные, переделать электрику! Пока все… Тут показываю обзор на ЖК и все такое📽️ Рада, что мы сделали это очень спонтанно, но это буквально минус повод для тревожника. Так что работаем, коллеги!💔 P.s. на фото очень примерный дизайн
Мастер-класс по разукрашиваю неваляшек☺️
Клянусь, лучший МК за последнее время, на котором я была! Неваляшки сделаны из гипса и весят 2 кг, это очень уверенно… Я делала неваляшку под будущий интерьер квартиры, а Лисса Кайзера из Блю Лока🌝 Если вдруг вы в Мск, то советую от души! Можно вот тут почитать📍
«Белый лист», «UI хромает», «насмотренность не работает» – что с этим делать? 💡
Делюсь закрытым уроком с обучения, разбираемся в самом первом шаге! Внутри: → Мудборд и референсы – в чём разница и зачем их разделять → Площадки для поиска референсов → Фреймворк для работы с референсами → Как превращать свои идеи в дизайн 🤖Чтобы получить урок, переходите в бота: @juls_seregina_bot Дополнительно (очень рекомендую к просмотру) – статья с таблицей с сервисов и графическими приёмами и предыдущий закрытый урок про креатив и работу с идеями!📬 *смотрите на Rutube, если возникли проблемы🎥 #полезное
Клиенты, кризис и веб-дизайн – видео-разбор, после которого вы поймете, где нужно снять розовые очки, а где перестать накручивать себя!🔫
Давайте честно, кризис коснулся всего – значит, идём туда, где его нет, или пересматриваем подход. Раньше было легче, но по нынешним меркам это бестолково… Поэтому принимаем новые правила игры → В разборе обсуждаем: – общую картину на рынке дизайна – что изменилось в каждом способе поиска клиентов (биржи, рассылки и т.д.) – что поменялось с приходом нейросетей 🤖Чтобы получить урок, переходите в бота: @juls_seregina_bot Продуктивного просмотра! Буду рада вашей поддержке и активности🌚 #полезное
Я ленюсь иногда работать и отдаю проекты!👉
Самый наглядный тому пример – Александра Блажеска. На собеседовании в Т-Банк из всего портфолио больше всего внимания уделили проекту: веб-сервису, что я делегировала ей, так как знала, что она хочет уйти в UX/UI. Вся её история есть в актуальном и тут, так что повторяться не буду! Иногда мне или менторам прилетает проект, что мы не можем взять (отпуск, загруз и т.д.), мы смотрим, кому из студентов-пчелок он поможет: 👩🏻‍💻растёт на фрилансе – отдам лендинг агентства недвижимости, чтобы он потом шел с этим в холодные рассылки 👩🏼‍🎨метит в студию – B2B сайт туда впишется как родной 🤵🏽смотрит на зарубеж – а у меня как раз клиент из США И да, главное при трудоустройстве в найм – собрать портфолио из работ, близких к их задачам. Один релевантный кейс под вакансию работает намного дальше, чем десять беспорядочных! Все переданные проекты собираю в новую рубрику – первая часть уже тут 😲 Буду рассказывать про это дальше постепенно! #кейсы
Ребята, дублирую вам пост со статьей про портфолио💼
Посмотрела анкету знакомства, которую вы недавно заполняли, и поняла, что это один из ваших частых запросов. Смотрите пересланное сообщение или вот прямая ссылка на пост! В статье разбираемся во всех-всех нюансах!📬 – В каком формате делать портфолио с учетом вашей цели? – Что должно быть внутри него? – Самые частые ошибки 🎁 также внутри статьи найдете дополнительные материалы в формате шаблонов для портфолио! #полезное
Пока все в рилс делают байтовые заголовки про отмену «дизайнеров» – я бы задумалась о разработчиках…😐
Несколько месяцев выкладываю разные проекты, что я верстаю сама, короче занимаюсь вайбкодингом. То есть, дизайн я делаю сама полностью как обычно, а верстку, анимации и поведение интерфейса задаю через Claude Code с Figma MCP. И к чему мне сейчас другие специалисты на большинство проектов? Да, сложные проекты пока без разрабов я не потяну. Но думаю, что когда-то мы сможем прийти и к этому…🤥 Честно? Никогда бы не подумала , что дизайнер и правда сможет отвечать за любой этап в проекте, даже если это верстка не на конструкторах🎈 Готовлю целый модуль сейчас по вайбкодингу на свое обучение, ура, ответственно заявляю, что теперь могу🔜 #мысли #клод
Те самые сайты с awwwards, что все копируют и выдают за свои (якобы сделали в Claude Code за пару мин💅)
Вот сервис откуда просто берут готовый исходный код (остается лишь скопировать и попросить нейросеть разместить все на хостинге…) 🔗https://motionsites.ai Не знаю, где это может вам пригодиться, но будто оттуда можно брать фичи, готовый код на анимацию и т.д.👉 Ну и теперь вы точно распознаете импостера в соцсетях… #полезное
Приколдесные сервисы из моих последних рилс😎
Кстати, и не только моих… 🔗effect.app 🔗transparenttextures.com 🔗artkit.cc 🔗gradientor.afterimage.cc 🔗tooooools.app → Вообще, когда мне нужно что-то такое я обычно быстро мониторю как это сделать в фш/люстре (так как я, конечно, не помню всех фич) Но вот такими сервисами люблю поиграть! #полезное
Хотите собрать себе целое портфолио из крутых проектов? Есть новость для вас👉
Помните мои бесплатники? Их накопилось целых 3 – и сегодня я хочу подарить вам доступ к ним😍 Кто не в контексте, бесплатник – это 7-ми дневный интенсив для дизайнеров, на котором мы прошли путь с первых шагов в дизайне до поиска клиентов. Внутри каждого интенсива: 🌟видеоуроки по внутрянке профессии 🌟практика в Figma 🌟уроки по портфолио 🌟способы найти клиентов Эти интенсивы суммарно прошли почти 1000 человек: как новички, так и действующие смогли сделать результаты!🧠 Предлагаю бесплатно забрать все материалы за заполнение анкеты знакомства! Она займет 2-3 минуты, но очень поможет мне делать более интересный контент для вас☺️ [ПОЛУЧИТЬ ДОСТУП КО ВСЕМ 3 ИНТЕНСИВАМ]
Рубрика: делегированные проекты студентам на обучении💻
(делаю и пополняю актуальное «делегирую») Решила сделать такую ветку контента, так как там много смешных и не очень историй из работы… Или кто в итоге стоит за этим дизайном? Ха-ха, а это были мы… А сегодня у нас: 2023 год, 1 поток, Марина и агентство по продвижению моделей OnlyFans👙 #кейсы
Снова собираю сайт за день с Claude Code: концепт десктопа для Пухососа🤖
→ Figma MCP + Claude Code + Higgsfield Дизайн делала сама полностью – от идеи до финального визуала. Все генерации (пухосос, лужесос и другие сцены) делала в Higgsfield. Верстку, анимации и поведение интерфейса задавала через Claude Code. На все ушел всего один вечер…😲 Все больше приходит ощущение, что как дизайнеру мне все реже придется привлекать разработчиков для простых лендингов и многостраничников – я это уже все могу и сама…💡 Обратите внимание на ненавязчивые анимации, ховерочки и т.д. #полезное #клод #кейсы